window.onload = function()
{
	initImages();
}



function initImages()
{
	setOpacityForId("image_1", 0);
	setOpacityForId("image_2", 0);


//	cycleIn("image_", 1, 2, 0);

//	fadeIn("image_1", 0);


	window.setTimeout("cycleIn('image_', 1, 2, 0)", 3000);

}


//	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 + ")", 3000);
		}
	}
}


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

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


				window.setTimeout("cycleIn('image_', 1, 2, 0)", 1000);
			}

		}
	}
}