document.write("<style type='text/css'>#photo01 {visibility:hidden;}</style>");
document.write("<style type='text/css'>#photo02 {visibility:hidden;}</style>");
document.write("<style type='text/css'>#photo03 {visibility:hidden;}</style>");
document.write("<style type='text/css'>#photo04 {visibility:hidden;}</style>");




function initBG(bgId) {
	//bgId = 'thebg';
	bg = document.getElementById(bgId);
	setOpacity(bg, 0);
	bg.style.visibility = "visible";
	fadeIn(bgId,0);
	
}

function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 2;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 13);
		}
	}

}


function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

window.onload = function() { setTimeout ( "initBG('photo01')", 2000 ); setTimeout ( "initBG('photo02')", 5000 ); setTimeout ( "initBG('photo03')", 8000 ); setTimeout ( "initBG('photo04')", 11000 ); }