var ImageRotator = { 
	fadeElementIds: new Array(),
	imageElement: new Array(),
	startup: function() { 
		i = 1;
		i_z = 20;
		if (Element.empty(ImageRotator.fadeElementIds[i]))
			new Element.update(ImageRotator.fadeElementIds[i], ImageRotator.imageElements[i]);
		new PeriodicalExecuter(ImageRotator.cycle, 8); // change image every n seconds
	}, 
	cycle: function() { 
		new Element.hide(ImageRotator.fadeElementIds[i]);
		$(ImageRotator.fadeElementIds[i]).style.zIndex = i_z++;
		new Effect.Appear(ImageRotator.fadeElementIds[i], {
			duration: 2
		})
		if (i++ >= ImageRotator.imageElements.length-1) i = 0;
		if (Element.empty(ImageRotator.fadeElementIds[i]))
			new Element.update(ImageRotator.fadeElementIds[i], ImageRotator.imageElements[i]);
	} 
}