// SET THIS VARIABLE FOR DELAY, 1000 = 1 SECOND
var delayLength = 12000;
var animationSpeed = 2000;
var $slide1;
var panelWidth;
var numPanels;
var tooFar;
var sliderIntervalID;
var totalMoverWidth;
var stopedByPlayer;
var slideToFade;
var lastFaded = 1;

function playerReady(obj) {
	
	document.getElementById(obj.id).addModelListener('STATE', 'stateMonitor');
	
}

function stateMonitor(obj) {
	
	if(obj.newstate == 'PLAYING' || obj.newstate == 'BUFFERING') {
		stopedByPlayer = true;
		stopInterval();
	}
	if(obj.newstate == 'PAUSED'){
		//$(".slide").each(function(i){
			//$(this).find(".video-image").show();	
		//});
	}
	if(obj.newstate == 'COMPLETED' || obj.newstate == 'IDLE') {
		stopedByPlayer = false;
		$(".slide").each(function(i){
			$(this).find(".video-image").show();	
		});
		if(numPanels > 1){
		startFadeInterval(0);
		}
	}
	
}



function doMove(panelWidth, tooFar) {
	
	
	var leftValue = $("#mover").css("left");
	
	// Fix for IE
	if (leftValue == "auto") { leftValue = 0; };
	
	var movement = parseFloat(leftValue, 10) - panelWidth;
	
	
	
	if (movement == tooFar) {
		$("#mover").animate({"left": 0},{queue:true,duration:animationSpeed},"easeOutQuad");
		setActivePanel(0,false);
	}
	else {
		$("#mover").animate({"left": movement},{queue:true,duration:animationSpeed},"easeOutQuad");
		setActivePanel(movement,false);
	}
	

}

function goToPanel(panelNumber) {
	
	var movement =  - panelWidth * panelNumber;
	
	setActivePanel(movement,true);
	$("#mover").animate({"left": movement},{queue:true,duration:"fast"},"easeOutQuad");
	
}

function showPanel(panelNumber) {
	

	$("a[title^='slider-menu-']").each(function(i){
			$(this).removeClass();
		 });
	
	//setActivePanel(movement,true);
	$(".slide").each(function(i){
		$(this).hide();
	});
	toShow = panelNumber +1;
	$("#slider-menu-"+toShow).addClass("act-vid");
	$("#slide-"+toShow).show();
	$(".slide").each(function(i){
		$(this).find(".video-image").show();	
	});
	stopedByPlayer = false;
}

function activePanel(number){
	$("a[title^='slider-menu-']").each(function(i){
			$(this).removeClass();
		 });
		 
	toShow = number +1;
	
	$("#slider-menu-"+toShow).addClass("act-vid");
	
	
}

function setActivePanel(movement,clearAll) {
	//alert(movement);
	
	var leftValue = $("#mover").css("left");
	if (leftValue == "auto") { leftValue = 0; };
	var panelToActivate;
	var prevPanel;
	
	if(clearAll) {
		
		$("a[title^='slider-menu-']").each(function(i){
			$(this).removeClass();
		 });
	
	}
	//panelToActivate = - Math.round(parseFloat(leftValue,10)) / panelWidth + 1;
	panelToActivate = - movement / panelWidth + 1;

	prevPanel = panelToActivate - 1;
	
	if(prevPanel == 0) {
		prevPanel = numPanels;
	}
	
	
	//alert(panelToActivate);
	$("#slider-menu-"+panelToActivate).addClass("act-vid");
	$("#slider-menu-"+prevPanel).removeClass();

}

function fading(toFade){
	if(toFade == 0){
		toFade = lastFaded;
	}
	lastFaded = toFade;
	$("#slide-"+toFade).fadeOut(3000);
	nextPanel = toFade+1;
	if(toFade == numPanels){
		nextPanel = 1;
		toFade = 0;
	}
	$("#slide-"+nextPanel).fadeIn(2000);
	stopInterval();
	startFadeInterval(toFade+1);
	activePanel(toFade);
}

function startInterval() {	

	if(!stopedByPlayer){
		sliderIntervalID = setInterval(function(){ 
			doMove(panelWidth, tooFar);
		}, delayLength);
	}
	
}

function startFadeInterval(toFade) {	


	if(!stopedByPlayer){
		sliderIntervalID = setInterval(function(){ 

			fading(toFade);
		}, delayLength);
	}
	
}

function stopInterval() {
	
	clearInterval(sliderIntervalID);

}

$(function(){
	
	
	//$slide1 = $("#slide-1");
	//panelWidth = $slide1.css("width");
	
	//panelWidth = parseFloat(panelWidth, 10);
	
	numPanels = $(".slide").length;
	
	//tooFar = -(panelWidth * numPanels);
	
	//totalMoverWidth = numPanels * panelWidth;
	
	//$("#mover").css("width", totalMoverWidth);	
		
	$(".slide").each(function(i){
		var j = i + 1;
		$(this).attr({ id: "slide-"+j });
		$(this).attr({ name: "slide-"+j });

		$(this).hide();
		
		
	 });
	 
	$("#slide-1").show();
	slideToFade = 1;
	
	//$("#slider").append('<a href="#" id="slider-stopper">Stop</a>');
	if(numPanels > 1){
	for(var i=1; i <= numPanels; i++){
		$("#slider-menu").append('<a title="slider-menu-'+i+'" id="slider-menu-'+i+'" href="#">Video '+i+' </a>');
	}
	}
	//setActivePanel(0,false);
	$("#slider-menu-1").addClass("act-vid");
	//startInterval();
	if(numPanels > 1){
		startFadeInterval(slideToFade);
	}
	
	
	 
	
	/*
	$("#slider-stopper").click(function(){
		if ($(this).text() == "Stop") {
			stopInterval();
		 	$(this).text("Start");
		}
		else {
			startInterval();
		 	$(this).text("Stop");
		}
		 
	});*/

});