var iter = 1;				// counter for iterator
var numImages = 9;			// total number of images to rotate
var elapsedTime = 8;			// number of seconds to wait before rotating image
var preloadImages = "true";		// we want to preload the next image to be shown
var bannerPath = "images/home/rotateBanner";	// path where images are located


function preLoadImage() {
	preloader = new Image;
	preloader.src = bannerPath + eval(iter + 1) + ".jpg";
}

function rotateBanner() {
	
	document.getElementById("rotateBanner").src = bannerPath + iter + ".jpg";
	
	if (iter == numImages) {
	// we need to reset iterator to beginning of list once at end to keep this thing endless.
	// since we only need to preload images once, we set preload to false once we've been through 
	// image list once.
		iter = 0;
		preloadImages = "false";
	}
	if (preloadImages == "true") {
		preLoadImage()
	}
	
	iter ++;
	setTimeout('rotateBanner()', eval(elapsedTime * 1000));
	
}