//====================================================
//CREATE ARRAY OF PRODUCTS
//====================================================
Product_Name = new Array();
Product_Pic = new Array();

Product_Name[0] = "Cabinets by Hayley";
Product_Pic[0] = new Image(); 
Product_Pic[0].src = "picture_library/slides/main/14_Hayley.jpg";
Product_Name[1] = "Storage Lifts";
Product_Pic[1] = new Image(); 
Product_Pic[1].src = "picture_library/slides/main/36_Pro-Park8-Plus.jpg";
Product_Name[2] = "Gladiator Premier Series";
Product_Pic[2] = new Image(); 
Product_Pic[2].src = "picture_library/slides/main/15_GAFZ21XXRK.jpg";
Product_Name[3] = "Flooring";
Product_Pic[3] = new Image(); 
Product_Pic[3].src = "picture_library/slides/main/42_100_2445.jpg";
Product_Name[4] = "Overhead Storage Rack";
Product_Pic[4] = new Image(); 
Product_Pic[4].src = "picture_library/slides/main/22_Range Rover Under Rack.jpg";


//====================================================
//DOCUMENT READY
//====================================================
var AllProducts = Product_Name.length - 1;
var Timer;
var CurrentDisplay = 0;

//====================================================
//DOCUMENT READY
//====================================================

$(document).ready(function(){
	
	//Load Initial Product
	if(Product_Name[0] == "")
	{
		alert('no products');
	}
	else
	{
		TimedSwitch();
	}	
	
	//FADER LOADER
	$("#home_fader").animate({ 
	opacity: 0
	}, 1);
	$("#home_product_info").animate({ 
	opacity: 0
	}, 1);
	$("#home_welcome_fader").animate({ 
	opacity: 0
	}, 1);
	
	document.getElementById('home_fader').style.display="block";
	document.getElementById('home_product_info').style.visibility="visible";
	
	$("#home_fader").animate({ 
	opacity: 0.6
	}, 1000, function()
		{
			$("#home_product_info").animate({ 
			opacity: 1
			}, 1000);
		});
	
});

function TimedSwitch()
{
	HomeSwitch(CurrentDisplay);
	CurrentDisplay = CurrentDisplay + 1;
	if(CurrentDisplay > AllProducts)
	{
		CurrentDisplay = 0;
	}
	Timer=setTimeout("TimedSwitch()",7000);
}

function HomeSwitch(Index)
{
	$("#home_product_picture").animate({ 
	opacity: 0
	}, 500, function()
		{
			document.getElementById('home_product_picture').style.backgroundImage='url('+Product_Pic[Index].src+')';
			//document.getElementById('home_product_picture').src = Product_Pic[Index].src;
			$("#home_product_name").text(Product_Name[Index]);
			
				$("#home_product_picture").animate({ 
				opacity: 1
				}, 500)
		});
}