var imageArrays = Object();

function makeRotatingImage(id, imageArray, width, height, delay, linksArray)
{
	document.write("<div id='" + id + "' style='width:" + width + "px; height:"
		+ height + "px; position: relative;'>");
	for (var i=0; i<imageArray.length; i++)
	{
		document.write("<div id='" + id + "_" + i
			+ "' style='position: absolute; left: 0; top: 0; width:" + width + "px; height:"
			+ height + "px;'>");
		if (linksArray && linksArray[i])
		{
			document.write("<a href='" + linksArray[i] + "' target='_blank'>");
		}
		document.write("<img src='" +  imageArray[i]
			+ "' border='0' width='" + width + "' height='" + height
			+ "' />");
		if (linksArray && linksArray[i])
		{
			document.write("</a>");
		}
		document.write("</div>");
	}
	document.write("</div>");
	imageArrays[id] = imageArray;
	// This doesn't work for some reason, so onload has to be added explicitly in the calling page.
//	document.body.onload = "showRotatingImage('" + id + "', 0, " + delay + ")"
}

function showRotatingImage(id, index, delay)
{
	var imageArray = imageArrays[id];
	for (var i=0; i<imageArray.length; i++)
	{
		document.getElementById(id + "_" + i).style.visibility = (i == index) ? "visible" : "hidden";
	}
	++index;
	if (index >= imageArray.length)
	{
		index = 0;
	}
	setTimeout("showRotatingImage('" + id + "', " + index + ", " + delay + ")", delay);
}