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

function initImage() {
	imageId = 'thephoto';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}

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

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;
}



// Image 2

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

function initImage2() {
	imageId = 'thephoto2';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}

// Image 3

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

function initImage3() {
	imageId = 'thephoto3';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}

// Image 4

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

function initImage4() {
	imageId = 'thephoto4';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}

// Image 5

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

function initImage5() {
	imageId = 'thephoto5';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}

// Image 6

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

function initImage6() {
	imageId = 'thephoto6';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}

// Image 7

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

function initImage7() {
	imageId = 'thephoto7';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}

// Image 8

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

function initImage8() {
	imageId = 'thephoto8';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}

window.onload = function() {initImage(); initImage2(); initImage3(); initImage4(); initImage5(); initImage6(); initImage7(); initImage8();}