/* Observe when page loads and run the "init" function */
Event.observe(window, 'load', init, false);

/* When page is loaded, this function is called */
function init()
{
	var contentPic;
	if(document)
	{
		contentPic = document.getElementById('contentPic');
	}
	else
	{
		contentPic = window.getElementById('contentPic');
	}
	if(contentPic)
	{
		new Effect.Appear(contentPic.id, {duration: 0.30});
	}
	
	var images = document.getElementsByTagName('img');
	idPrefixAppear(images, 'submenuItem_', 0.10);
	
	makeOverlay("contentPic","imageCaptionOverlay");
}

function idPrefixAppear(elements, prefix, delayTime)
{
	delayTimeCumulative = 0.0;
	for(i = 0; i < elements.length; i++)
	{
		if(elements[i].id.substring(0, prefix.length)==prefix)
		{
			new Effect.Appear(elements[i].id, {delay: delayTimeCumulative, duration: 0.5, from: 0.3, to: 1});
			delayTimeCumulative += delayTime;
		}
	}
}

function makeOverlay(imageId, overlayId)
{
	var image = document.getElementById(imageId);
	var overlay = document.getElementById(overlayId);
	
	if(image && overlay)
	{
		var baseZ = 0;
		if(image.style.zIndex != "")
		{
			baseZ = image.style.zIndex;
		}
		
		overlay.position = "absolute";
		//overlay.width = getElementWidth(image) + "px";
		//overlay.height = getElementHeight(image) + "px";
		overlay.zIndex = baseZ + 1;
		//image.parentNode.insertBefore(overlay, image.nextSibling);
		
		//overlay.style.display = 'block';
	}
}

function getElementHeight(element) {
    return Math.max(
		element.scrollHeight,
		element.offsetHeight,
		element.clientHeight
		);
}

function getElementWidth(element) {
    return Math.max(
		element.scrollWidth,
		element.offsetWidth,
		element.clientWidth
		);
}