// JavaScript Document
var images = ["globe.jpg", "binoculars.jpg", "chess.jpg", "globe.jpg", "handshake.jpg", "laptop.jpg"];
var imagePath = "/images/rotator/";

var curImage = 0;
var timer;

$(document).ready(function () {
	
	var image = new Image();
	
	$().each(images, function (i, element) {
		image.src = imagePath + element;
	});
	
	timer = setTimeout("showNextImage()", 5 * 1000);
});

function showImage(imageName) {
	$("#rotator #rotatorImageFront")
		.hide()
		.attr("src", imagePath + imageName);
	$("#rotator #rotatorImageFront").fadeIn(function () {
		$("#rotator #rotatorImageBack").attr("src",$("#rotator #rotatorImageFront").attr("src"));
	});
}

function showNextImage() {
	curImage++;
	
	if (curImage >= images.length) curImage = 0;
	
	showImage(images[curImage]);
	timer = setTimeout("showNextImage()", 5 * 1000);
}