// Homepage JS file.
var fadeSpeed     = 1000;
var currentImg    = 0;
var timer         = null;
var timerInterval = 10000;
var inactivity    = null;

$("#billboard").append('<a href="#" title="Previous Image" id="prevImg"></a><a href="#" title="Next Image" id="nextImg"></a>');
$("#billboard a").css("display", "none");

var billboardImages = $("#bb-images").find("span");

function changeImage()
{
	$("#billboard a").fadeOut(fadeSpeed);
	$("#bb-images").fadeOut(fadeSpeed, function()
	{
		$("#bb-images").html($(billboardImages[currentImg]).html());
		
		var imgElement = $(billboardImages[currentImg]).find("img");
		$("#caption").html($(imgElement).attr("alt"));
		$("#caption").fadeIn(fadeSpeed);
		$("#bb-images").fadeIn(fadeSpeed);
		$("#billboard a").fadeIn(fadeSpeed);
	});
}

function triggerChange()
{
	if(currentImg == (billboardImages.length - 1))
	{
		currentImg = 0;
	}
	else
	{
		currentImg++;
	}
	
	changeImage();
}

function startLoop()
{
	timer = setInterval("triggerChange()", timerInterval);
}

function setInactivity()
{
	clearInterval(timer);
	clearTimeout(inactivity);
	var time = timerInterval * 1.5;
	inactivity = setTimeout("startLoop()", time);
}

changeImage();
startLoop();

$("#nextImg").click(function()
{
	triggerChange();
	setInactivity();
	return false;
});

$("#prevImg").click(function()
{
	if(currentImg == 0)
	{
		currentImg = billboardImages.length - 2;
	}
	else
	{
		currentImg = currentImg - 2;
	}
	
	triggerChange();
	setInactivity();
	return false;
});