// JavaScript Document
var hours = 0;
var minutes = 17;
//var minutes = 0;
var seconds = 19;	
//var seconds = 6;

var stepOneTime = 0;
var stepTwoTime = 128;
var stepThreeTime = 359;
var stepFourTime = 515;
var stepFiveTime = 807;

//var stepTwoTime = 6;
//var stepThreeTime = 9;
//var stepFourTime = 15;
//var stepFiveTime = 25;
	
var stepOneTimer;
var stepTwoTimer;
var stepThreeTimer;
var stepFourTimer;
var stepFiveTimer;
	
var stepOneLeft = stepTwoTime;
var stepTwoLeft = stepThreeTime - stepTwoTime;
var stepThreeLeft = stepFourTime - stepThreeTime;
var stepFourLeft = stepFiveTime - stepFourTime;
var stepFiveLeft = 1083 - stepFiveTime;
	
var currentTab = "step-1";

var mainPlayer;
var tipPlayer;

// Main video player
var flashvars = {
  'file':               'http://c382552.r52.cf0.rackcdn.com/EODD_Final_1min_music.mp4',
  /*'autostart':			'true',*/
  'image':				'http://www.everyotherdaydiet.com/img/1tip_VideoIntro.jpg',
  'controlbar':			'none'
};

var params = {
  'allowfullscreen':    'true',
  'allowscriptaccess':  'always',
  'bgcolor':            '#ffffff',
  'wmode':				'transparent'
};

var attributes = {
  'id':                 'player',
  'name':               'player'
};

swfobject.embedSWF('/jw_player/player-licensed.swf' + cacheHack(), 'playerReplace', '480', '270', '9.0.124', 'false', flashvars, params, attributes);
// End main video player


// Start tips video player


var tipFlashvars = {
  'file':               'http://c0382552.cdn.cloudfiles.rackspacecloud.com/drinkwater.flv',
  'autostart':			'true',
  /*'image':				'http://www.everyotherdaydiet.com/img/1tip_VideoIntro.jpg',*/
  'controlbar':			'none'
};

var tipParams = {
  'allowfullscreen':    'true',
  'allowscriptaccess':  'always',
  'bgcolor':            '#ffffff',
  'wmode':				'transparent'
};

var tipAttributes = {
  'id':                 'tipPlayer',
  'name':               'tipPlayer'
};

swfobject.embedSWF('/jw_player/player-licensed.swf' + cacheHack(), 'tipReplace', '260', '200', '9.0.124', 'false', tipFlashvars, tipParams, tipAttributes);
// End tips video player

function cacheHack()
{
	return "?t=" +new Date().getTime();
}
	
function playerReady(obj) {
	mainPlayer = document.getElementById("player");
	mainPlayer.sendEvent("VOLUME", "100");
	mainPlayer.addModelListener("TIME","ReadTime"); 
	mainPlayer.addModelListener("STATE","CheckState"); 	
	
	//PausePlayer();
	
	tipPlayer = document.getElementById("tipPlayer");
	tipPlayer.sendEvent("VOLUME", "100");
	tipPlayer.addModelListener("STATE","TipCheckState"); 	
	
}

function ReadTime(obj)
{
	
	//alert('the new mute state is: '+obj.);
	var playerTime = document.getElementById("player-timer");
	var duration = obj.duration;
	var position = obj.position;
	var timeLeft = duration - position;
	
	if (stepFiveLeft == stepFiveTime){
		SetTimer(duration - stepFiveTime, stepFiveTimer);
	}
	
	stepOneLeft = stepTwoTime - position;
	stepTwoLeft = stepThreeTime - position;
	stepThreeLeft = stepFourTime - position;
	stepFourLeft = stepFiveTime - position;
	stepFiveLeft = duration - position;
	
	// Change the active tab
	if ((position < stepTwoTime - 5)){
		currentTab = "step-1";
		ChangeTab(currentTab);
	} else if ((position >= stepTwoTime) && (position < stepThreeTime - 5) && (currentTab != "step-2")){
		currentTab = "step-2";
		ChangeTab(currentTab);
	} else if ((position >= stepThreeTime) && (position < stepFourTime - 5) && (currentTab != "step-3")) {
		currentTab = "step-3";
		ChangeTab(currentTab);
	} else if ((position >= stepFourTime ) && (position < stepFiveTime - 5) && (currentTab != "step-4")) {
		currentTab = "step-4";
		ChangeTab(currentTab);
	} else if ((position >= stepFiveTime) && (currentTab != "step-5")) {
		currentTab = "step-5";
		ChangeTab(currentTab);
	}
	
	/*var secondsLeft = timeLeft % 60;
	var minutesLeft = (timeLeft / 60) % 60;
	
	var leadingZeroSeconds = (secondsLeft < 10) ? 0 : '';
	var leadingZeroMinutes = (minutesLeft < 10) ? 0 : '';*/
	
	// set the seconds and minutes left based on the section of the video the user is watching
	if (position < stepTwoTime) {
		SetTimer(stepOneLeft, stepOneTimer);
	} else if (position < stepThreeTime) {
		SetTimer(stepTwoLeft, stepTwoTimer);
	} else if (position < stepFourTime) {
		SetTimer(stepThreeLeft, stepThreeTimer);
	} else if (position < stepFiveTime) {
		SetTimer(stepFourLeft, stepFourTimer);
	} else if (position < duration) {
		SetTimer(stepFiveLeft, stepFiveTimer);
	}
	/*if (position >= stepFiveLeft) {
		SetTimer(stepFiveLeft, stepFiveTimer);
	} else if (position >= stepFourLeft) {
		SetTimer(stepFourLeft, stepFourTimer);
	} else if (position >= stepThreeLeft) {
		SetTimer(stepThreeLeft, stepThreeTimer);
	} else if (position >= stepTwoLeft) {
		SetTimer(stepTwoLeft, stepTwoTimer);
	} else if (position >= 0) {
		SetTimer(stepOneLeft, stepOneTimer);
	}*/
	
	//playerTime.innerHTML = leadingZeroMinutes + Math.floor(minutesLeft) + ":" + leadingZeroSeconds + Math.floor(secondsLeft);
	
	time = hours * 60 * 60;
	time += minutes * 60;
	time += seconds;
	
	if (obj.position > time) {
		$("#buttons").css("display", "block");
	}
}

function SetTimer(timeLeft, timerDiv)
{
	var secondsLeft = timeLeft % 60;
	var minutesLeft = (timeLeft / 60) % 60;

	var leadingZeroSeconds = (secondsLeft < 10) ? 0 : '';
	var leadingZeroMinutes = (minutesLeft < 10) ? 0 : '';

	timerDiv.innerHTML = leadingZeroMinutes + Math.floor(minutesLeft) + ":" + leadingZeroSeconds + Math.floor(secondsLeft);
}

function ChangeTab(tabName)
{
	var oldCurrent = $("#menu-items").children(".video-tab-current");
	
	oldCurrent.removeClass('video-tab-current');
	oldCurrent.addClass('video-tab');
	
	$("#" + currentTab).removeClass('video-tab');
	$("#" + currentTab).addClass('video-tab-current');
}

function CheckState(obj)
{
	if (obj.newstate == "PLAYING") {
		$("#continue-play").css("display", "none");
		
		// Stop the tip player
		tipPlayer.sendEvent("PLAY", "false");
	}
	if (obj.newstate == "PAUSED") {
		$("#continue-play").css("display", "block");
	}
}

function TipCheckState(obj)
{
	if (obj.newstate == "PLAYING") {		
		// Stop the tip player
		mainPlayer.sendEvent("PLAY", "false");
	}
}


	
function PausePlayer()
{
	mainPlayer.sendEvent("PLAY", "false");
	
	tipPlayer.sendEvent("PLAY", "false");
	/*$("#continue-play").css("display", "block");*/
}

function StartPlayer()
{
	mainPlayer.sendEvent("PLAY", "true");
	
	// Stop the tip player
	tipPlayer.sendEvent("PLAY", "false");
	/*$("#continue-play").css("display", "none");*/
}

function SetTime(playerTime)
{
	mainPlayer.sendEvent("SEEK", 0);
	mainPlayer.sendEvent("SEEK", playerTime);
}


	
$(document).ready(function(){
	if ((navigator.userAgent.indexOf("Firefox")!=-1) || (navigator.userAgent.indexOf("Opera")!=-1)) {
		$(".spacer").css("height", "36px");
	}
	
	$('#video-menu').css("display", "block");
	
	$("#player-time").css("display", "block");
	
	stepOneTimer = document.getElementById("step-1-timer");
	stepTwoTimer = document.getElementById("step-2-timer");
	stepThreeTimer = document.getElementById("step-3-timer");
	stepFourTimer = document.getElementById("step-4-timer");
	stepFiveTimer = document.getElementById("step-5-timer");
	
	SetTimer(stepOneLeft, stepOneTimer);
	SetTimer(stepTwoLeft, stepTwoTimer);
	SetTimer(stepThreeLeft, stepThreeTimer);
	SetTimer(stepFourLeft, stepFourTimer);
	SetTimer(stepFiveLeft, stepFiveTimer);
			
	/*$("#step-1").removeClass('video-tab');
	$("#step-1").addClass('video-tab-current');*/
	
	$('.menu-item').click(function(e) {
		e.preventDefault();
		
		currentTab = this.id;
		
		var oldCurrent = $("#menu-items").children(".video-tab-current");
		
		oldCurrent.removeClass('video-tab-current');
		oldCurrent.addClass('video-tab');
		$(this).removeClass('video-tab');
		$(this).addClass('video-tab-current');
		
		switch(currentTab)
		{
			case "step-1":
				SetTime(stepOneTime);
				break;
			case "step-2":
				SetTime(stepTwoTime);
				break;
			case "step-3":
				SetTime(stepThreeTime);
				break;
			case "step-4":
				SetTime(stepFourTime);
				break;
			case "step-5":
				SetTime(stepFiveTime);
				break;
		}
		
		StartPlayer();
	});
	
	$('.video-tab-current').click(function(e) {
		e.preventDefault();
	});
	
	$("#men-video").click(function() {
		SetTime(0);
		$("#step-1").click();
	});
	
	$("#women-video").click(function() {
		SetTime(0);
		$("#step-1").click();
	});
});