/* Theses links are for the Pagination to link out. Make sure to also change the links on the html. */	

paginationLinks = new Array(
		'commitment.html',
		'jobs.html',
		'progress.html',
		'video.html'
		);
		
		 $(document).ready(function () {
			$('#spinner').show();
			initSlide();
			fixPNGs();
			initOver();
			
			
		
	 
 });

	var slideNumber;
	var slide1Timer;
	var slide2Timer;
	var slide3Timer;
	var slide4Timer;
	
	// Slides!!!
	function initSlide()
	{
		
		//make everything hidden
	
		$('#slide1').css("visibility","hidden");
		$('#slide1').css("opacity","0");
		$('#slide1').css("display","block");
		
		
		//$('#thumb_container').css("display","block");
		//var t=setTimeout("slide1()",2000);
		
		slide1();
	}
	
					
	function slide1(){
		
		window.clearTimeout(slide1Timer);
		window.clearTimeout(slide2Timer);
		window.clearTimeout(slide3Timer);
		window.clearTimeout(slide4Timer);
		
		//hide the item initialy and initial position
		$("#slide1").css("opacity", "0");
		
		
		
		
	
		$("#slide1").css("display", "block");
		$("#slide1").css("visibility", "visible");
		
		//animate right printer
		$('#slide1').animate(
		{
			
			opacity:1
		}, 1000,
			function ()
			{
				$('#thumb_container div').css("display","block");
				
				$('#spinner').hide();
				slide1Timer=window.setTimeout(function(){
					slide2Over();
				},5000);
				
			}
		);
	}
		
	
	


//thumb hover function
function initOver()
{
	
	slideNumber =1;
	
	$("div.thumb1_container").mouseover(function(){
		
		
		
		slide1Over();
		});
	
	$("div.thumb2_container").mouseover(function(){
		
		
		//alert("test");
		slide2Over();
		

		});	
	$("div.thumb3_container").mouseover(function(){
		
		
		slide3Over();
		});	
	
	$("div.thumb4_container").mouseover(function(){
		
		
		slide4Over();
		
		});	
		
	
	//click function
	$("div.thumb1_container").click(function(){
		window.location = paginationLinks[0];
		});	
	$("div.thumb2_container").click(function(){
		window.location = paginationLinks[1];
		});	
	$("div.thumb3_container").click(function(){
		window.location = paginationLinks[2];
		});	
	$("div.thumb4_container").click(function(){
		window.location = paginationLinks[3];
		});					
	
		
	//make the whole div click
	$("div.containerMainLink").click(function(){
		
		switch(slideNumber)
		{
			case 1: window.location = paginationLinks[0];
					break;
			case 2: window.location = paginationLinks[1];
					break;
			case 3: window.location = paginationLinks[2];
					break;
			case 4: window.location = paginationLinks[3];
					break;
												
		}
		//window.location = paginationLinks[0];
		});		
}

function slide1Over()
{
		
		//slideNumber =1;
		window.clearTimeout(slide1Timer);
		window.clearTimeout(slide2Timer);
		window.clearTimeout(slide3Timer);
		window.clearTimeout(slide4Timer);
		
		clearAnimation();
		
		if (slideNumber ==2)
		{
		$("#slide2").fadeOut(1000);
		$("div.slide2-thumbActive").css("visibility", "hidden");
		}
		if(slideNumber ==3)
		{
		$("#slide3").fadeOut(1000);	
		
		$("div.slide3-thumbActive").css("visibility", "hidden");
		}
		if(slideNumber ==4)
		{
		$("#slide4").fadeOut(1000);
		
		$("div.slide4-thumbActive").css("visibility", "hidden");
		}
		$("#slide1").fadeIn(1000, function()
		{
			window.clearTimeout(slide1Timer);
		window.clearTimeout(slide2Timer);
		window.clearTimeout(slide3Timer);
		window.clearTimeout(slide4Timer);
			slide1Timer=window.setTimeout(function(){
					slide2Over();
				},5000);
		});
		
		
		
		
		slideNumber =1;
		//alert("test");
		$("div.slide1-thumb").css("visibility", "hidden");
		$("div.slide1-thumbActive").css("visibility", "visible");
		
		$("div.slide2-thumb").css("visibility", "visible");
		$("div.slide3-thumb").css("visibility", "visible");
		$("div.slide4-thumb").css("visibility", "visible");
		


}

function slide2Over()
{
		
		//slideNumber =2;
		window.clearTimeout(slide1Timer);
		window.clearTimeout(slide2Timer);
		window.clearTimeout(slide3Timer);
		window.clearTimeout(slide4Timer);
		clearAnimation();
		if (slideNumber ==1)
		{
		$("#slide1").fadeOut(1000);
		$("div.slide1-thumbActive").css("visibility", "hidden");
		}
		if(slideNumber ==3)
		{
		$("#slide3").fadeOut(1000);	
		
		$("div.slide3-thumbActive").css("visibility", "hidden");
		}
		if(slideNumber ==4)
		{
		$("#slide4").fadeOut(1000);
		
		$("div.slide4-thumbActive").css("visibility", "hidden");
		}
		$("#slide2").fadeIn(1000, function()
		{
			window.clearTimeout(slide1Timer);
		window.clearTimeout(slide2Timer);
		window.clearTimeout(slide3Timer);
		window.clearTimeout(slide4Timer);
			slide2Timer=window.setTimeout(function(){
					slide3Over();
				},5000);
		});
		
		slideNumber =2;
		$("div.slide2-thumb").css("visibility", "hidden");
		$("div.slide2-thumbActive").css("visibility", "visible");
		
		$("div.slide1-thumb").css("visibility", "visible");
		$("div.slide3-thumb").css("visibility", "visible");
		$("div.slide4-thumb").css("visibility", "visible");
		
		
}

function slide3Over()
{
		
		//slideNumber =3;
		window.clearTimeout(slide1Timer);
		window.clearTimeout(slide2Timer);
		window.clearTimeout(slide3Timer);
		window.clearTimeout(slide4Timer);
		
		//alert("test");
		clearAnimation();
		
		if (slideNumber ==1)
		{
		$("#slide1").fadeOut(1000);
		$("div.slide1-thumbActive").css("visibility", "hidden");
		}
		if(slideNumber ==2)
		{
		$("#slide2").fadeOut(1000);	
		
		$("div.slide2-thumbActive").css("visibility", "hidden");
		}
		if(slideNumber ==4)
		{
		$("#slide4").fadeOut(1000);
		
		$("div.slide4-thumbActive").css("visibility", "hidden");
		}
		$("#slide3").fadeIn(1000, function()
		{
			window.clearTimeout(slide1Timer);
		window.clearTimeout(slide2Timer);
		window.clearTimeout(slide3Timer);
		window.clearTimeout(slide4Timer);
			slide3Timer=window.setTimeout(function(){
					slide4Over();
				},5000);
		});
		
		
		slideNumber =3;
		$("div.slide3-thumb").css("visibility", "hidden");
		$("div.slide3-thumbActive").css("visibility", "visible");
		
		$("div.slide1-thumb").css("visibility", "visible");
		$("div.slide2-thumb").css("visibility", "visible");
		$("div.slide4-thumb").css("visibility", "visible");
		
}

function slide4Over()
{
		
		//slideNumber =4;
		window.clearTimeout(slide1Timer);
		window.clearTimeout(slide2Timer);
		window.clearTimeout(slide3Timer);
		window.clearTimeout(slide4Timer);
		
		//alert("test");
		clearAnimation();
		if (slideNumber ==1)
		{
		$("#slide1").fadeOut(1000);
		$("div.slide1-thumbActive").css("visibility", "hidden");
		}
		if(slideNumber ==2)
		{
		$("#slide2").fadeOut(1000);	
		
		$("div.slide2-thumbActive").css("visibility", "hidden");
		}
		if(slideNumber ==3)
		{
		$("#slide3").fadeOut(1000);
		
		$("div.slide3-thumbActive").css("visibility", "hidden");
		}
		$("#slide4").fadeIn(1000, function()
		{
			window.clearTimeout(slide1Timer);
		window.clearTimeout(slide2Timer);
		window.clearTimeout(slide3Timer);
		window.clearTimeout(slide4Timer);
			slide4Timer=window.setTimeout(function(){
					slide1Over();
				},5000);
		});
	
		slideNumber =4;
		$("div.slide4-thumb").css("visibility", "hidden");
		$("div.slide4-thumbActive").css("visibility", "visible");
		
		$("div.slide1-thumb").css("visibility", "visible");
		$("div.slide2-thumb").css("visibility", "visible");
		$("div.slide3-thumb").css("visibility", "visible");
		
}



/* fix ie flash */
try {
 document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}

//fix png on ie7 8
function fixPNGs(){
  if(jQuery.browser.msie && jQuery.browser.version < 9){ 
 var i;
 //alert(document.images.length);
 for(i in document.images){
   if(document.images[i].src){
  var imgSrc = document.images[i].src;
  if(imgSrc.substr(imgSrc.length-4) === '.png' || imgSrc.substr(imgSrc.length-4) === '.PNG'){
  document.images[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='" + imgSrc + "')";
  }
   }
 } 
  }
}

function clearAnimation()
{
		
		
		/*$("#slide1").stop();
	
		$('#slide2').stop();
		
	
		$('#slide3').stop();
		
	
		$('#slide4').stop();
	*/
	
	
}