var imageTimeout = null;
var imageElements = $(".rotate img");
var imageElementsCount = imageElements.length;
var imageCounter = 0;
var firstCall = true;

function rotateImage() {
	for (i=imageCounter;i<imageElementsCount;i++) {
		// FADE CURRENT ELEMENT OUT
		if(!firstCall)
		{
			$(imageElements[i]).fadeOut("slow");
		
			if (i+1 == imageElementsCount)
				imageCounter = 0;
			else
				imageCounter = i + 1;
		}
		
		// FADE NEXT ELEMENT IN
		$(imageElements[imageCounter]).fadeIn("slow");
		
		imageTimeout = window.setTimeout("rotateImage()", 5000);
		firstCall = false;
		break;
	}
}

$(document).ready(function() {
	rotateImage();
});