/// <reference path="/Scripts/jquery.intellisense.js"/>

$(document).ready(function()
{
	bindLargePromos();
});

var bindLargePromos = function()
{
	if (window.largePromos && largePromos.length > 1)
	{
		// Pre-load...
		$(largePromos).each(function(index, promo)
		{
			var img = new Image();
			img.src = promo.ImageUrl;
		});

		var transitioning = false;
		var overlay = $("#HomeLargePromoOverlay");
		var main = $("#HomeLargePromo");
		var mainImage = main.find("img");
		var link = overlay.find("a");
		var index = 0;
		var offset;
		var autoSlideTimer = null;
		var transition = function()
		{
			transitioning = true;
			var newPromo = largePromos[index];
			var tempImage = main.find("#TempImage");
			if (tempImage.length == 0)
			{
				main.append("<img id='TempImage' />");
				tempImage = main.find("#TempImage");
			}
			tempImage.attr("src", mainImage.attr("src"));
			tempImage.width(mainImage.width());
			tempImage.height(mainImage.height());
			tempImage.show();
			mainImage.attr("src", newPromo.ImageUrl);
			//mainImage.attr("alt", newPromo.Title);
			link.attr("href", newPromo.LinkUrl);
			link.attr("target", newPromo.LinkTarget);
			tempImage.fadeOut(1500, function()
			{
				tempImage.attr("src", newPromo.ImageUrl);
				transitioning = false;
				autoTransition();
			});
		};
		var previousImage = function()
		{
			if (!transitioning)
			{
				window.clearTimeout(autoTransitionTimer);
				index--;
				if (index < 0) index = largePromos.length - 1;
				transition();
			}
		};
		var nextImage = function()
		{
			if (!transitioning)
			{
				window.clearTimeout(autoTransitionTimer);
				index++;
				if (index >= largePromos.length) index = 0;
				transition();
			}
		};
		var autoTransition = function()
		{
			autoTransitionTimer = window.setTimeout(nextImage, 4500);
		};
		$("#LargePromoPrevious").click(previousImage);
		$("#LargePromoNext").click(nextImage);
		autoTransition();
	}
}