var slideDelay = 3.5;
var rotateTimeout = window.setTimeout('');
var aImage = new Array();
var currentImageIndex = 0;
var totalImage = 0;

function pauseRotate() {
	clearTimeout(rotateTimeout);
}

function unpauseRotate() {
	rotateTimeout = window.setTimeout('rotateImages()', ( slideDelay * 1000 ) );
}

function rotateImages() {
	pauseRotate();
	$(aImage[currentImageIndex]).fadeOut("slow",function(){
		currentImageIndex++;
		if (currentImageIndex == totalImage) currentImageIndex = 0;
		$(aImage[currentImageIndex]).fadeIn("slow");
		unpauseRotate();
	});
}

$(function(){
	aImage = $("#rightpanel > #rotatingImages > .displayImage");
	totalImage = aImage.length;
	if (totalImage > 1) {
		$("#rightpanel > #rotatingImages :first").show(); // show the first image when the page is loaded
		rotateTimeout = window.setTimeout('rotateImages()', ( slideDelay * 1000 ) );
	} else {
		aImage.show();
	}
})