function WindowOnload(f)
{
    var prev=window.onload;
    window.onload=function(){ if(prev)prev(); f(); }
 }

WindowOnload(initImages);


function pm_elementForId(inId)
{
        if (document.getElementById)
        {
                return document.getElementById(inId);
        }
}

function pm_showImage(inPlaceholderName, inPhotoUrl)
{
	placeholder = pm_elementForId(inPlaceholderName);
	placeholder.src = inPhotoUrl;
}


function initImages()
{
	setOpacityForId("image_1", 0);
	setOpacityForId("image_2", 0);
	setOpacityForId("image_3", 0);
	setOpacityForId("image_4", 0);
	setOpacityForId("image_5", 0);
	setOpacityForId("image_6", 0);
	setOpacityForId("image_7", 0);
	setOpacityForId("image_8", 0);
	setOpacityForId("image_9", 0);
	setOpacityForId("image_10", 0);
	setOpacityForId("image_11", 0);
	setOpacityForId("image_12", 0);

	cycleIn("image_", 1, 12, 0);
}


//	setOpacity takes an object and an opacity value (0..100)
//	and sets the appropriate opacity.

function setOpacity(object, opacity)
{
	opacity = (opacity == 100 ? 99.999 : opacity);
	
	//	Safari 1.2, Firefox, Mozilla, CSS3...
	object.style.opacity = opacity / 100;

	//	Old Mozilla, Firefox...
	object.style.MozOpacity = opacity / 100;

	//	Old Safari, Konqueror...
	object.style.KHTMLOpacity = opacity / 100;

	//	IE/Win...
	object.style.filter = "alpha(opacity:"+opacity+")";
}



function setOpacityForId(objectId, opacity)
{
	if (document.getElementById)
	{
		object = document.getElementById(objectId);
		setOpacity(object, opacity);
	}
}


//	fadeIn takes an object and opacity, and uses a timer to 
//	update the opacity until it reaches 100%.

function fadeIn(objectId, opacity)
{

	if (document.getElementById)
	{
		object = document.getElementById(objectId);
		if (opacity <= 100)
		{
			setOpacity(object, opacity);
			opacity += 1;
			window.setTimeout("fadeIn('" + objectId + "', " + opacity + ")", 20);
		}
	}
}


function cycleIn(objectIdPrefix, initial, count, opacity)
{
	objectId = objectIdPrefix + initial;

	if (document.getElementById)
	{
		object = document.getElementById(objectId);
		if (opacity <= 100)
		{
			setOpacity(object, opacity);
			opacity += 1;
			window.setTimeout("cycleIn('" + objectIdPrefix + "', " + initial + ", " + count + ", " + opacity + ")", 20);
		}
		else
		{
			initial += 1;
			if (initial <= count)
			{
				opacity = 0;
				window.setTimeout("cycleIn('" + objectIdPrefix + "', " + initial + ", " + count + ", " + opacity + ")", 20);
			}

		}
	}
}