// JavaScript Document

function resetSlider() {
	 $("#firstSlide").animate({ width: "157px" }, 200);
	 $("#secondSlide").animate({ width: "157px" }, 200);
	 $("#thirdSlide").animate({ width: "157px" }, 200);
	 $("#fourthSlide").animate({ width: "157px" }, 200);
	 $("#fifthSlide").animate({ width: "157px" }, 200);
	 $("#sixthSlide").animate({ width: "157px" }, 200);
}

$(document).ready(function(){
	//first slide
$("#firstSlide").hoverIntent(function(){
		//in						   
	 $("#firstSlide #sideGrey").hide("slow");
	 $("#firstSlide #overlay").hide("slow");
	 $("#firstSlide #overlay2").css("background","url(/slider.images/fg_manufacturing.png) no-repeat");
	 $("#firstSlide #overlay2").show("slow");
	 
	 $("#firstSlide").animate({ width: "547px" }, 190);
	 $("#secondSlide").animate({ width: "79px" }, 200);
	 $("#thirdSlide").animate({ width: "79px" }, 200);
	 $("#fourthSlide").animate({ width: "79px" }, 200);
	 $("#fifthSlide").animate({ width: "79px" }, 200);
	 $("#sixthSlide").animate({ width: "79px" }, 200);
   }, function () {
		//out
	 $("#firstSlide #overlay2").hide("fast");
	 $("#firstSlide #sideGrey").show("slow");
	 $("#firstSlide #overlay").show("slow");

   });
   
   //second slide
$("#secondSlide").hoverIntent(function(){
		//in						   
	 $("#secondSlide #sideGrey").hide("slow");
	 $("#secondSlide #overlay").hide("slow");
	 $("#secondSlide #overlay2").css("background","url(/slider.images/fg_display.png) no-repeat");
	 $("#secondSlide #overlay2").show("slow");
	 $("#secondSlide #sideGrey").hide("slow");
	 $("#secondSlide #overlay").hide("slow");
	 
 	 $("#secondSlide").animate({ width: "547px" }, 190);
	 $("#firstSlide").animate({ width: "79px" }, 200);
	 $("#thirdSlide").animate({ width: "79px" }, 200);
	 $("#fourthSlide").animate({ width: "79px" }, 200);
	 $("#fifthSlide").animate({ width: "79px" }, 200);
	 $("#sixthSlide").animate({ width: "79px" }, 200);
   }, function () {
		//out
	$("#secondSlide #overlay2").hide("fast");
	 $("#secondSlide #sideGrey").show("slow");
	 $("#secondSlide #overlay").show("slow");

   });

   //third slide
$("#thirdSlide").hoverIntent(function(){
		//in						   
	 $("#thirdSlide #sideGrey").hide("slow");
	 $("#thirdSlide #overlay").hide("slow");
	 $("#thirdSlide #overlay2").css("background","url(/slider.images/fg_icebox.png) no-repeat");
	 $("#thirdSlide #overlay2").show("slow");
	 $("#thirdSlide #sideGrey").hide("slow");
	 $("#thirdSlide #overlay").hide("slow");
	 
	 $("#thirdSlide").animate({ width: "547px" }, 190);
	 $("#firstSlide").animate({ width: "79px" }, 200);
	 $("#secondSlide").animate({ width: "79px" }, 200);
	 $("#fourthSlide").animate({ width: "79px" }, 200);
	 $("#fifthSlide").animate({ width: "79px" }, 200);
	 $("#sixthSlide").animate({ width: "79px" }, 200);
   }, function () {
		//out
	 $("#thirdSlide #overlay2").hide("fast");
	 $("#thirdSlide #sideGrey").show("slow");
	 $("#thirdSlide #overlay").show("slow");

   });

//fourth slide
$("#fourthSlide").hoverIntent(function(){
		//in
	 $("#fourthSlide #sideGrey").hide("slow");
	 $("#fourthSlide #overlay").hide("slow");
	 $("#fourthSlide #overlay2").css("background","url(/slider.images/fg_produce.png) no-repeat");
	 $("#fourthSlide #overlay2").show("slow");
	 $("#fourthSlide #sideGrey").hide("slow");
	 $("#fourthSlide #overlay").hide("slow");
	 
	 $("#fourthSlide").animate({ width: "547px" }, 190);
	 $("#firstSlide").animate({ width: "79px" }, 200);
	 $("#secondSlide").animate({ width: "79px" }, 200);
	 $("#thirdSlide").animate({ width: "79px" }, 200);
	 $("#fifthSlide").animate({ width: "79px" }, 200);
	 $("#sixthSlide").animate({ width: "79px" }, 200);
   }, function () {
		//out
	 $("#fourthSlide #overlay2").hide("fast");
	 $("#fourthSlide #sideGrey").show("slow");
	 $("#fourthSlide #overlay").show("slow");

   });

//fifth slide
$("#fifthSlide").hoverIntent(function(){
		//in						   
	 $("#fifthSlide #sideGrey").hide("slow");
	 $("#fifthSlide #overlay").hide("slow");
	 $("#fifthSlide #overlay2").css("background","url(/slider.images/fg_perishable.png) no-repeat");
	 $("#fifthSlide #overlay2").show("slow");
	 $("#fifthSlide #sideGrey").hide("slow");
	 $("#fifthSlide #overlay").hide("slow");
	 
	 $("#fifthSlide").animate({ width: "547px" }, 190);
	 $("#firstSlide").animate({ width: "79px" }, 200);
	 $("#secondSlide").animate({ width: "79px" }, 200);
	 $("#thirdSlide").animate({ width: "79px" }, 200);
	 $("#fourthSlide").animate({ width: "79px" }, 200);
	 $("#sixthSlide").animate({ width: "79px" }, 200);
   }, function () {
		//out
	 $("#fifthSlide #overlay2").hide("fast");
	 $("#fifthSlide #sideGrey").show("slow");
	 $("#fifthSlide #overlay").show("slow");
	 
   });

//sixth slide
$("#sixthSlide").hoverIntent(function(){
		//in						   
	 $("#sixthSlide #sideGrey").hide("slow");
	 $("#sixthSlide #overlay").hide("slow");
	 $("#sixthSlide #overlay2").css("background","url(/slider.images/fg_filestorage.png) no-repeat");
	 $("#sixthSlide #overlay2").show("slow");
	 $("#sixthSlide #sideGrey").hide("slow");
	 $("#sixthSlide #overlay").hide("slow");
	 
	 $("#sixthSlide").animate({ width: "547px" }, 190);
	 $("#firstSlide").animate({ width: "79px" }, 200);
	 $("#secondSlide").animate({ width: "79px" }, 200);
	 $("#thirdSlide").animate({ width: "79px" }, 200);
	 $("#fourthSlide").animate({ width: "79px" }, 200);
	 $("#fifthSlide").animate({ width: "79px" }, 200);
	 
   },function () {
		//out
	 $("#sixthSlide #overlay2").hide("fast");
	 $("#sixthSlide #sideGrey").show("slow");
	 $("#sixthSlide #overlay").show("slow");
	 
   });
$("#SlidesWrapper").hover(function(){ }, function(){ resetSlider(); });
});