function toggleLayer(layer, state)
{
	var toggleDiv = document.getElementById(layer)
	if (state == 1) {
		toggleDiv.style.display = "block"
	} else {
		toggleDiv.style.display = "none"
	}
}

function opacity(layer, opacStart, opacEnd)
{
	//speed for each frame
	var timeToLoad = 1.5; 	// In seconds.
	
	var speed = Math.round((timeToLoad * 1000)/100);
	var timer = 0;

	// Set the initial opacity...
	setOpacity(layer, opacStart);
	toggleLayer(layer, 1);

	// Determine the direction for the blending, if start and end are the same nothing happens.
	if (opacStart > opacEnd) {
		for (i = opacStart; i >= opacEnd; i--) {
			setTimeout("setOpacity(" + "\"" + layer + "\"" + "," + i + ")", (timer * speed));
			timer++;
		}
	} else if (opacStart < opacEnd) {
		for (i = opacStart; i <= opacEnd; i++) {
			setTimeout("setOpacity(" + "\"" + layer + "\"" + "," + i + ")", (timer * speed));
			timer++;
		}
	}
}

// Change the opacity for different browsers
function setOpacity(layer, opacity)
{
	var divName = document.getElementById(layer);
	
	divName.style.opacity = (opacity / 100);
	divName.style.MozOpacity = (opacity / 100);
	divName.style.KhtmlOpacity = (opacity / 100);
	divName.style.filter = "alpha(opacity=" + opacity + ")";
}

function displayMainImage(imageIndex)
{
	toggleLayer("rotator", 0);
	toggleLayer("loader", 1);
	url="get_slideshow_image.php?iid=" + imageIndex;

	fh.handleUrlGet(url, "html", "rotator");
}