var DELAY_MILLISECONDS = 5000;
var switchArray;
var bannerArray;
var map = new Object();
var stopRotation = false;
var timeout;

function loadAlternateBanner()
{
	var html = $.ajax({
			url: "alternateBanner.html",
			cache: false,
			type: "GET",
			dataType: "text",
			success: function(altBannerHtml){
				$("div#banner0").html(altBannerHtml);
			},
			error: function(request, error)
			{
				$("div#banner0").html(request);
			}
		}
	);
}

$(document).ready(function()
{			
	buttons = $(".thumbnailContainer img");
	banners = $("div.banner");
	backgrounds =
	[
		"url('images/banner0.jpg')",
		"url('images/banner1.jpg')",
		"url('images/banner2.jpg')",
		"url('images/banner3.jpg')",
		"url('images/banner4.jpg')"
	]
	
	for (i = 0; i < banners.length; i++)
		if ($(banners[i]).hasClass("loadMe"))
			$(banners[i]).css("background", backgrounds[i]);
	
	for (var i = 0; i < buttons.length; i++)
		map[buttons[i].id] = banners[i];

	$("div.banner").removeClass("hiddenBanner");
	$("div.banner").hide();
	
	var startBanner = getParameterByName("startBanner");
	var alternateBanner = getParameterByName("alternateBanner");

	if (startBanner != "" || alternateBanner == "true")
		stopRotation = true;
		
	if (alternateBanner == "true")
		loadAlternateBanner();
	
	switch (startBanner)
	{
		case "sale":
			startBanner = 0;
			break;
			
		case "featured":
			startBanner = 1;
			break;
			
		case "callAndSave":
			startBanner = 2;
			break;
			
		case "financing":
			startBanner = 3;
			break;
			
		case "confidence":
			startBanner = 4;
			break;
			
		default:
			startBanner = 0;
			break;
	}
	
	currentBanner = $(banners[startBanner]);
	nextBanner = currentBanner;
	showNextBanner();
	
	// Set up the thumbnail image click event.
	$(".thumbnailContainer img").click(function(event)
	{
		stopRotation = false;
		nextBanner = $(map[this.id]);
		
		//if (nextBanner.hasClass("loadMe"))
		//	loadNextBanner();
			
		$(".thumbnailContainer img").removeClass("selected");
		$(this).addClass("selected");
		clearTimeout(timeout);
		timeout = setTimeout("showNextBanner(10000)", 0);
	});
});

function showNextBanner(delay)
{	
	currentBanner.fadeOut("slow");
	nextBanner.fadeIn("slow");
	currentBanner = nextBanner;
	updateButton();
	
	if (delay == null || delay == "")
		delay = DELAY_MILLISECONDS
	
	// Wrap around at the last banner.
	if (nextBanner.next().hasClass("banner"))
		nextBanner = nextBanner.next();
	else
		nextBanner = $("div.banner:first");
	
	//if (nextBanner.hasClass("loadMe"))
	//	loadNextBanner();
	
	if (stopRotation == false)
		timeout = setTimeout("showNextBanner()", delay);
}

function updateButton()
{
	var number = parseInt(currentBanner[0].id.substr((currentBanner[0].id.length - 1), 1));
	$(".thumbnailContainer img").parent().removeClass("selected");
	$("#button" + number).parent().addClass("selected");
}

function loadNextBanner()
{
	var number = parseInt(nextBanner[0].id.substr((nextBanner[0].id.length - 1), 1));
	nextBanner.css("background", "url('images/banner" + number + ".jpg')").removeClass("loadMe");
}