var images = [
{imgUrl:"/portals/KLMK/skins/KLMK_Rev/images/mast1.jpg", linkUrl:"/tabid/302/Default.aspx"},
{imgUrl:"/portals/KLMK/skins/KLMK_Rev/images/mast2.jpg", linkUrl:"/tabid/370/Default.aspx"},
{imgUrl:"/portals/KLMK/skins/KLMK_Rev/images/mast3.jpg", linkUrl:"/tabid/303/Default.aspx"},
{imgUrl:"/portals/KLMK/skins/KLMK_Rev/images/mast4.jpg", linkUrl:"/tabid/407/Default.aspx"},
{imgUrl:"/portals/KLMK/skins/KLMK_Rev/images/mast5.jpg", linkUrl:"/tabid/398/Default.aspx"},
{imgUrl:"/portals/KLMK/skins/KLMK_Rev/images/mast6.jpg", linkUrl:"/tabid/419/Default.aspx"}
];
var rotatorSpeed = 8000;
var currentIndex = 0;
$(document).ready(function () {
	// make the dots
	var dotHolder = $("#rotator_dots");
	for( var i=0; i<images.length; i++ )
	{
		var dot = "<div onclick='showDeal(" + i + ")' />";
		dotHolder.append(dot);
	}
	setupImage();
	setTimeout(rotateImage, rotatorSpeed);
}
);

function showDeal(index)
{
	stopRotate = true;
	currentIndex = index;
	setupImage();
	
}

var stopRotate = false;
function rotateImage()
{
	if ( !stopRotate )
	{
		currentIndex++;
		if ( currentIndex >= images.length )
			currentIndex = 0;
		$("#rotator_image").fadeOut(1000,function()
		{
			setupImage();
			$("#rotator_image").fadeIn(1000);
			setTimeout(rotateImage,rotatorSpeed);
		});
	}
}

function setupImage()
{
	$("#rotator_dots").children().removeClass("on");
	$("#rotator_image").attr("src", images[currentIndex].imgUrl);
	$("#rotator_link").attr("href", images[currentIndex].linkUrl);
	$("#rotator_dots").children("div:nth-child(" +(currentIndex+1)+")").addClass("on");
}