$(function() {
	
	// Load first homepage promo
	var currentPromo = 0;
	changePromo("promo"+currentPromo, 0);
	
	// Start the rotation
	var promoTimerSpeed = 8000;
	var promoTimer = setInterval(rotatePromos, promoTimerSpeed);
	
	// Rotation function
	function rotatePromos()
	{
		currentPromo = (currentPromo + 1) % 5;
		changePromo("promo"+currentPromo, 600);
	}
	
	// Function to change the promo
	function changePromo(id, speed)
	{
		// Fade out all the ones we don't need
		for (var i=0; i<5; i++)
		{				
			var promo = "promo"+i;
			if (id != promo) {
				$("#promo-main-images").children("#"+promo+"-main-image").fadeOut(speed);
				$("#promo-info-panels").children("#"+promo+"-info-panel").fadeOut(speed);
				$("#"+promo).children("img.promo-nav-image-off").fadeIn(speed);
			}
		}
		// Bring in the ones we want
		$("#promo-main-images").children("#"+id+"-main-image").fadeIn(speed);
		$("#promo-info-panels").children("#"+id+"-info-panel").fadeIn(speed);
		$("#"+id).children("img.promo-nav-image-off").fadeOut(speed);
	}

	// Homepage nav mouse enter
	$("#promo-nav a").mouseenter(function(){
		clearInterval(promoTimer);
		changePromo($(this).attr("id"), 200);
	});

	// Homepage nav mouse leave
	$("#promo-nav a").mouseleave(function(){		
		currentPromo = parseInt($(this).attr("id").substring(5));
		promoTimer = setInterval(rotatePromos, promoTimerSpeed);
	});
	
});