/*
 * AdHome
 * June 8, 2011
 *
 */

jQuery(function($) {

var currentBanner = 0;
var totalBanner = 0;
var bannerDuration = 15000;
var interval = 0;
var goToBanner = 1;
var isPaused = 0;
var tmp = 20;
var bannerTitle = "Store Promotions";
var initial = 0;

jQuery(document).ready(function() {	

	if (initial == 0){
		$("#Xbutton1").addClass("btnRotatorPage_On");
		$("#Xbutton1").removeClass("btnRotatorPage");			
			
		$("#Xbutton2").removeClass("btnRotatorPage_On");
		$("#Xbutton3").removeClass("btnRotatorPage_On");
		$("#Xbutton4").removeClass("btnRotatorPage_On");
		$("#Xbutton5").removeClass("btnRotatorPage_On");
		$("#Xbutton6").removeClass("btnRotatorPage_On");
		$("#Xbutton2").addClass("btnRotatorPage");			
		$("#Xbutton3").addClass("btnRotatorPage");			
		$("#Xbutton4").addClass("btnRotatorPage");
		$("#Xbutton5").addClass("btnRotatorPage");
		$("#Xbutton6").addClass("btnRotatorPage");
				
		start(1);
		checkPaused(1);				
		initial = 1;

	}
		
	totalBanner = $(".rotationBanners").children().size() -1;
	$(".controlBar").text($(".rotationBanner").attr("title"));	
	
	if(isPaused == 0){	
		interval = setInterval(loopBanner, bannerDuration);
	}	
			
	$("#rotationArea").find(".rotationBanner").each(function(i) { 
		tmp = ((i - 1)*580) - ((currentBanner -1)*580);
		$(this).animate({"left": tmp+"px"}, 580);
	});
	
	$("#buttonPauseAndPlay").click(function() {
		if(isPaused == 1){
			changeBanner();
			isPaused = 0;
			$("#buttonPauseAndPlay").removeClass("barButton_play");
			$("#buttonPauseAndPlay").addClass("barButton_pause")		
		} else {
			clearInterval(interval);
			isPaused = 1;
			pause();
		}
	});
	
	$("#buttonPrevious").click(function() {
		goToBanner = -1;
		if(isPaused == 1){
			clearInterval(interval);			
			loopBanner()
		}else{	
			changeBanner();
		}
	});
		
	$("#buttonNext").click(function() {
		goToBanner = 1;
		if(isPaused == 1){
			clearInterval(interval);	
			loopBanner()
		}else{			
			changeBanner();
		}		
	});
	
	$("#Xbutton1").click(function() {
		clearInterval(interval);
		goTo(1);

		if(isPaused == 0){
			interval = setInterval(changeBanner,bannerDuration);
			currentBanner = 0;	
		}
	});
	
	$("#Xbutton2").click(function() {
		clearInterval(interval);
		goTo(2);

		if(isPaused == 0){
			interval = setInterval(changeBanner,bannerDuration);
			currentBanner = 1;	
		}
	
	});

	$("#Xbutton3").click(function() {
		clearInterval(interval);
		goTo(3);

		if(isPaused == 0){
			interval = setInterval(changeBanner,bannerDuration);
			currentBanner = 2;	
		}	
	});

	$("#Xbutton4").click(function() {
		clearInterval(interval);		
		goTo(4);

		if(isPaused == 0){
			interval = setInterval(changeBanner,bannerDuration);
			currentBanner = 3;	
		}
	});

	$("#Xbutton5").click(function() {
		clearInterval(interval);		
		goTo(5);

		if(isPaused == 0){
			interval = setInterval(changeBanner,bannerDuration);
			currentBanner = 4;	
		}
	});
	
	$("#Xbutton6").click(function() {
		clearInterval(interval);		
		goTo(6);

		if(isPaused == 0){
			interval = setInterval(changeBanner,bannerDuration);
			currentBanner = 5;	
		}
	});
	
	
});

function pause(){
	$("#buttonPauseAndPlay").removeClass("barButton_pause");
	$("#buttonPauseAndPlay").addClass("barButton_play");
}

function checkPaused(banner, isPaused){
	banner--;
	if(isPaused == 1){
		interval = setInterval(changeBanner,bannerDuration);
		currentBanner = banner;	
	}

}

function goTo(banner) {
	banner--;
	$("#rotationArea").find(".rotationBanner").each(function(i) { 
		
		if(i == banner){
		
			toggleButton(banner);
			
			bannerTitle = $(this).attr("title");
			$(".controlBar").fadeOut(30,function(){
				$(".controlBar").text(bannerTitle).animate({ opacity: 'show', "left": "0px"}, 580);
			});	
			
			
		
		} 
		
		tmp = ((i - 1)*580) - ((banner -1)*580);
		$(this).fadeIn("slow", function () {
			$(this).css({ "left" :tmp+"px" },"slow");
		});
		

	});


}

function start(banner) {
	banner--;
	$("#rotationArea").find(".rotationBanner").each(function(i) { 
		
		if(i == banner){
		
			toggleButton(banner);
		
		} 
		
		tmp = ((i - 1)*580) - ((banner -1)*580);
		$(this).fadeIn("slow", function () {
			$(this).css({ "left" :tmp+"px" },"slow");
		});
		

	});



}


function toggleButton(button){
	var i = button;

	if(i == 0) {	
			$("#Xbutton1").addClass("btnRotatorPage_On");
			$("#Xbutton1").removeClass("btnRotatorPage");			
			
			$("#Xbutton2").removeClass("btnRotatorPage_On");
			$("#Xbutton3").removeClass("btnRotatorPage_On");
			$("#Xbutton4").removeClass("btnRotatorPage_On");
			$("#Xbutton6").removeClass("btnRotatorPage_On");
			$("#Xbutton2").addClass("btnRotatorPage");			
			$("#Xbutton3").addClass("btnRotatorPage");			
			$("#Xbutton4").addClass("btnRotatorPage");
			$("#Xbutton6").addClass("btnRotatorPage");
			
			$("#Xbutton5").addClass("btnRotatorPage");
			$("#Xbutton5").removeClass("btnRotatorPage_On");	

	}	
	if(i == 1) {
			$("#Xbutton2").addClass("btnRotatorPage_On");
			$("#Xbutton2").removeClass("btnRotatorPage");		
			
			$("#Xbutton1").removeClass("btnRotatorPage_On");
			$("#Xbutton3").removeClass("btnRotatorPage_On");
			$("#Xbutton4").removeClass("btnRotatorPage_On");
			$("#Xbutton6").removeClass("btnRotatorPage_On");
			$("#Xbutton1").addClass("btnRotatorPage");			
			$("#Xbutton3").addClass("btnRotatorPage");			
			$("#Xbutton4").addClass("btnRotatorPage");	
			$("#Xbutton6").addClass("btnRotatorPage");	
			
			$("#Xbutton5").addClass("btnRotatorPage");
			$("#Xbutton5").removeClass("btnRotatorPage_On");	

	}	
	if(i == 2) {
			$("#Xbutton3").addClass("btnRotatorPage_On");
			$("#Xbutton3").removeClass("btnRotatorPage");		
			
			$("#Xbutton1").removeClass("btnRotatorPage_On");
			$("#Xbutton2").removeClass("btnRotatorPage_On");
			$("#Xbutton4").removeClass("btnRotatorPage_On");
			$("#Xbutton1").addClass("btnRotatorPage");			
			$("#Xbutton2").addClass("btnRotatorPage");			
			$("#Xbutton4").addClass("btnRotatorPage");	
			
			$("#Xbutton5").addClass("btnRotatorPage");
			$("#Xbutton5").removeClass("btnRotatorPage_On");	
			
			$("#Xbutton6").addClass("btnRotatorPage");
			$("#Xbutton6").removeClass("btnRotatorPage_On");	


	}		
	if(i == 3) {
			$("#Xbutton4").addClass("btnRotatorPage_On");
			$("#Xbutton4").removeClass("btnRotatorPage");		
			
			$("#Xbutton1").removeClass("btnRotatorPage_On");
			$("#Xbutton2").removeClass("btnRotatorPage_On");
			$("#Xbutton3").removeClass("btnRotatorPage_On");
			
			$("#Xbutton1").addClass("btnRotatorPage");			
			$("#Xbutton2").addClass("btnRotatorPage");			
			$("#Xbutton3").addClass("btnRotatorPage");	
			
			$("#Xbutton5").addClass("btnRotatorPage");
			$("#Xbutton5").removeClass("btnRotatorPage_On");	
			$("#Xbutton6").addClass("btnRotatorPage");
			$("#Xbutton6").removeClass("btnRotatorPage_On");	
			

	}	
	
	if(i == 4) {
			$("#Xbutton5").addClass("btnRotatorPage_On");
			$("#Xbutton5").removeClass("btnRotatorPage");		
			
			$("#Xbutton1").removeClass("btnRotatorPage_On");
			$("#Xbutton2").removeClass("btnRotatorPage_On");
			$("#Xbutton3").removeClass("btnRotatorPage_On");
			$("#Xbutton4").removeClass("btnRotatorPage_On");			
			$("#Xbutton1").addClass("btnRotatorPage");			
			$("#Xbutton2").addClass("btnRotatorPage");			
			$("#Xbutton3").addClass("btnRotatorPage");			
			$("#Xbutton4").addClass("btnRotatorPage");
			
			$("#Xbutton6").addClass("btnRotatorPage");
			$("#Xbutton6").removeClass("btnRotatorPage_On");	
			
	}	
	
	if(i == 5) {
			$("#Xbutton6").addClass("btnRotatorPage_On");
			$("#Xbutton6").removeClass("btnRotatorPage");		
			
			$("#Xbutton1").removeClass("btnRotatorPage_On");
			$("#Xbutton2").removeClass("btnRotatorPage_On");
			$("#Xbutton3").removeClass("btnRotatorPage_On");
			$("#Xbutton4").removeClass("btnRotatorPage_On");			
			$("#Xbutton5").removeClass("btnRotatorPage_On");			
			$("#Xbutton1").addClass("btnRotatorPage");			
			$("#Xbutton2").addClass("btnRotatorPage");			
			$("#Xbutton3").addClass("btnRotatorPage");			
			$("#Xbutton4").addClass("btnRotatorPage");
			$("#Xbutton5").addClass("btnRotatorPage");
			
	}	
	
}


function changeBanner(){
	clearInterval(interval);
	interval = setInterval(loopBanner, bannerDuration);
	loopBanner();
}


function loopBanner(){

	if(goToBanner == 1){
		currentBanner == totalBanner ? currentBanner = 0 : currentBanner++;
	} else {
		currentBanner == 0 ? currentBanner = totalBanner : currentBanner--;
	}
	
	
	$("#rotationArea").find(".rotationBanner").each(function(i) { 
	
		if(i == currentBanner){		
		
			toggleButton(currentBanner);
			bannerTitle = $(this).attr("title");
			$(".controlBar").fadeOut(30,function(){
				$(".controlBar").text(bannerTitle).animate({ opacity: 'show', "left": "0px"}, 580);				
			});	
		
		 
				
		} 
	
		tmp = ((i - 1)*580) - ((currentBanner -1)*580);
		$(this).fadeIn("slow", function () {
			$(this).css({ "left" :tmp+"px" },"slow");
		});
			
	
	});
	
}

});