$(document).ready(function(){
	//Arrays
	//Array for Large images with color - use to change opacity 1-0
	var HomeImg = new Array("#HomeImg_Energize","#HomeImg_Strengthen","#HomeImg_Restructure","#HomeImg_Envision");
	
	//Array for labels [energize, strengthen, restructure, envision]
	var HomeImgLabel = new Array("#Label_Energize","#Label_Strengthen","#Label_Restructure","#Label_Envision");
	
	var LabelBg = new Array("url(/graphics/Home/HomeFlashLabel_Energize.gif)", "url(/graphics/Home/HomeFlashLabel_Strengthen.gif)", "url(/graphics/Home/HomeFlashLabel_Restructure.gif)", "url(/graphics/Home/HomeFlashLabel_Envision.gif)");
	var HomeImgLabel_xPos1 = new Array("22","128","243","362");
	var HomeImgLabel_xPos2 = new Array("22","128","243","362");
	var HomeLabelContainer = $("#HomeLabelContainer");
	var LabelContainer1 = $("#HomeLabelContainer_Label1");
	var LabelContainer2 = $("#HomeLabelContainer_Label2");
	var HomeImg_Desaturated = $(".HomeImg_Desaturated");
	var currSequence = 0;
	var overAllState = 0;
	var totalAnimations = 0;
	
	for(var i = 0; i < HomeImg.length; i++){
		HomeImg_Desaturated.animate({opacity:0.0}, 0, "linear");
		//Turn off opacity for full colored images to 0. - PS. Disabled due to changes by client.
		$(HomeImg[i]).animate({opacity:0.5}, 0, "linear");
		$(HomeImgLabel[i]).animate({opacity:0.0}, 0, "linear");
	}
	$(HomeImg[0]).animate({opacity:1.0}, 0, "linear");
	
	LabelContainer1.css('background-image', 'url(/graphics/Home/HomeFlashLabel_Energize.gif)');
	
	$(document).everyTime(3000, function(i){
		if(totalAnimations < 4){
			var currDivPoss = parseInt(HomeLabelContainer.css("left")) + 114;
			if(overAllState == 0){
				if(currSequence < 3){
					$(HomeImgLabel[currSequence]).animate({opacity:0.0}, 0, "linear");
					HomeLabelContainer.animate({left:currDivPoss}, 500, "swing");
					
					currSequence++;
					$(HomeImg[(currSequence-1)]).animate({opacity:0.5}, 500, "linear");
					$(HomeImg[currSequence]).animate({opacity:1.0}, 500, "linear");
					$(HomeImgLabel[currSequence]).delay(400, function(){
						$(HomeImgLabel[currSequence]).animate({opacity:1.0}, 500, "linear");
					});
					
					LabelContainer1.delay(600, function(){
						LabelContainer1.css('background-image', LabelBg[currSequence]);
					});
				}
				else{
					for(var i = 0; i < HomeImg.length; i++){
						$(HomeImg[i]).animate({opacity:1.0}, 500, "linear");
						$(HomeImgLabel[i]).animate({opacity:1.0}, 500, "linear");
					}
					
					overAllState = 1;
					//Turn all but the first image back to desaturation and start sequence again. - PS. disabled to loop only once now
					/*$(document).delay(5000, function(){
						for(var i = 0; i < HomeImg.length; i++){
							if(i != 0){
								$(HomeImg[i]).animate({opacity:0.5}, 500, "linear");
								$(HomeImgLabel[i]).animate({opacity:0.0}, 500, "linear");
							}
						}
						switchOverAllState(overAllState);
					});*/
				}
			}
			function switchOverAllState(currState){
				HomeLabelContainer.animate({opacity:0.0}, 100, "swing", function(){
					HomeLabelContainer.animate({left:"0"}, 500, "swing", function(){
						LabelContainer1.css('background-image', LabelBg[0]);
						HomeLabelContainer.animate({opacity:1.0}, 300, "swing");
					});
				});
				
				currSequence = 0;
				overAllState = 0;
			}
			totalAnimations = totalAnimations + 1;
		}
	});
});