// JavaScript Document

addLoadEvent(rotateImages);

/* image slideshow (main sections
***************************************************/
var imgCounter = 0;
var timerStarted = 0;
var numImages=0;
var slideShowTime = 3000;


function rotateImages() {
			
	var images = $$('#slideshow img');
	// numImages = images.length;
		
	// if timer is not yet set
	if (timerStarted==0) {
		
		timer = setInterval(rotateImages, slideShowTime);
		timerStarted = 1;
		$(images[imgCounter]).appear({ duration: .25 });
		imgCounter++;		
	}
	
	
	// test value of imgCounter vs. number of images in array
	else {
				
		// fade out previous image
		if (imgCounter==0) {
			$(images[images.length-1]).style.display='none';
		} else {
			$(images[imgCounter-1]).style.display='none';
		}
		
		
		// show new image
		$(images[imgCounter]).appear({ duration: .45 });
		
		// if we have reached end of loop start over
		if (imgCounter == (images.length-1) ) {
			imgCounter = 0;
		} else {
			imgCounter++;	
		}
	}
	
}