/* Image Fade-In script by Richard Rutter / Clagnut http://www.clagnut.com/blog/1299/ 
Clumsily adjusted for our purposes here ...
Original concept and code adapted from Couloir http://www.couloir.org/ */

document.write("<style type='text/css'>#object1, #object2, #object3, #object4 {visibility:hidden; }</style>");

function hidePhoto1() {
	if (!document.getElementById) return; //protect older browsers
	document.getElementById('object1').style.visibility = 'hidden';
}
function hidePhoto2() {
	if (!document.getElementById) return; //protect older browsers
	document.getElementById('object2').style.visibility = 'hidden';
}
function hidePhoto3() {
	if (!document.getElementById) return; //protect older browsers
	document.getElementById('object3').style.visibility = 'hidden';
}
function hidePhoto4() {
	if (!document.getElementById) return; //protect older browsers
	document.getElementById('object4').style.visibility = 'hidden';
}

function initImage1() {
	imageId = 'object1';
	image = document.getElementById(imageId);
/*	setOpacity(image, 0); */
	image.style.visibility = "visible";
	fadeIn(imageId,0);
	hidePhoto2();
	hidePhoto3();
	hidePhoto4();
 }
function initImage2() {
	imageId = 'object2';
	image = document.getElementById(imageId);
/*	setOpacity(image, 0); */
	image.style.visibility = "visible";
	fadeIn(imageId,0);
	hidePhoto1();
	hidePhoto3();
	hidePhoto4();	 
}
function initImage3() {
	imageId = 'object3';
	image = document.getElementById(imageId);
/*	setOpacity(image, 0); */
	image.style.visibility = "visible";
	fadeIn(imageId,0);
	hidePhoto1();
	hidePhoto2();
	hidePhoto4();	 
}
function initImage4() {
	imageId = 'object4';
	image = document.getElementById(imageId);
/*	setOpacity(image, 0); */
	image.style.visibility = "visible";
	fadeIn(imageId,0);
	hidePhoto1();
	hidePhoto2();
	hidePhoto3();
}
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 fadeOut(objId,opacity) {
  if (document.getElementById) {
    if (opacity >= 0) {
       document.getElementById(objId).style.MozOpacity = opacity/100;
       opacity -= 10;
       window.setTimeout("fadeOut('"+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;
}