// Change these
var rotatetime = 5000; // Time for each image to be displayed in milliseconds
var fadetime = 1000; // Time for cross-fade in milliseconds

// Don't touch these!
var rotateimgs = new Array();
var pos = 0;

function getimages(div) {
	var container = $(div);
	for(var i = 0; i < container.childNodes.length; i++) {
		if(container.childNodes[i].nodeName == "IMG") {
			container.childNodes[i].id = "fadeimg_" + i;
			rotateimgs[rotateimgs.length] = container.childNodes[i];
			if(rotateimgs.length == 1) container.childNodes[i].style.display = "inline";
		}
	}
	if(rotateimgs.length > 1) setInterval(rotateimages, rotatetime + fadetime);

}

function rotateimages() {
	if(!rotateimgs[pos + 1]) var newpos = 0;
	else var newpos = pos + 1;
	fadeimg(rotateimgs[newpos], rotateimgs[pos]);
	pos = newpos;
}

function fadeimg(el, oldel) {
	var myFade = new Fx.Tween($(el.id), {
		duration: fadetime,
		onComplete: function() {
			oldel.style.display = "none";
		}
	});
	myFade.set('opacity', 0);
	el.style.display = "inline";
	oldel.style.zIndex = 4;
	el.style.zIndex = 5;
	myFade.start('opacity', 1);
}

if($('imgrotate')) getimages('imgrotate');