var transitionDuration = 1500;
var currentHero;
var timer;

function swapBGImg(showID, hideID) {
	if (showID != currentHero) {
		var showImg = $("#hero .hero" + showID);
		var hideImg = $("#hero .hero" + hideID);
		var showText = $("#hero .text" + showID);
		var hideText = $("#hero .text" + hideID);
		showText.hide().css("left", "0");
		
		$("#link-" + showID).addClass("on");
		$("#link-" + hideID).removeClass("on")
		
		if (hideID == 0) {
			showImg.show();
			showText.show();
		} else {
			if ($.browser.msie) {
				showImg.show();
				showText.show();
				hideImg.hide();
				hideText.hide();
			} else {
				showImg.fadeIn(transitionDuration);
				showText.fadeIn(transitionDuration);
				hideImg.fadeOut(transitionDuration);
				hideText.fadeOut(transitionDuration);
			}
		}
		currentHero = showID;
	}
}

function getRandomInt(min,max)
{
	return Math.round(min + Math.random()*(max-min))
}

$(function() {
	// display random image
	var imgCount = $("#hero-imgs img").length;
	
	var seedHero = getRandomInt(1, imgCount);
	swapBGImg(seedHero, 0);
	
	// auto image change
	timer = setInterval(function() {
		var hideID = currentHero;
		var showID = (currentHero + 1) % 5;
		if (showID == 0)
			showID = 5;

		swapBGImg(showID, hideID)				
	}, 10000);

	// setup the link handlers
	for (var i=1; i<=imgCount; i++) {
		$("#link-" + i).click(function(event) {
			var linkID = this.id;
			var parts = linkID.split("-");
			var showID = parseInt(parts[1]);
			swapBGImg(showID, currentHero);
			clearInterval(timer);
			
			event.preventDefault();
		});
	}
});