var images = [
{imgUrl:"/portals/AllProTech/skins/APT/mast_1.jpg", linkUrl:"/tabid/287/Default.aspx"},
{imgUrl:"/portals/AllProTech/skins/APT/mast_2.jpg", linkUrl:"/tabid/287/Default.aspx"},
{imgUrl:"/portals/AllProTech/skins/APT/mast_3.jpg", linkUrl:"/tabid/287/Default.aspx"},
{imgUrl:"/portals/AllProTech/skins/APT/mast_4.jpg", linkUrl:"/tabid/287/Default.aspx"}
];
var rotatorSpeed = 4000;
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");
}