var slides = new Array();
var currentSlide = 0;

var RotateImage =
{
	init : function()
	{
		i = 0;
		slide = $("rotating_img_" + i);
		while(slide)
		{
			slides[i] = slide;
			slide = $("rotating_img_" + ++i);
		}
		
		if(slides.length > 1) // first image will already be visible, no need to rotate
		{
			setInterval("RotateImage.start_slide_show()", 10000);  // setInterval() is a built in JS timer.
		}

		return;
		
	},
	
	start_slide_show : function() {

		Effect.Fade(slides[currentSlide], { duration:1, from:1.0, to:0.0 });
    
		currentSlide++;

		if (currentSlide >= slides.length)
		{
			currentSlide = 0; // reset the rotation
		}


		Effect.Appear(slides[currentSlide], { duration:1, from:0.0, to:1.0 });

	}
}

addEvent(window, 'load', RotateImage.init);