var browserName=navigator.appName; 
var browserVer=parseInt(navigator.appVersion); 

function initGrey(pic)	{
	image = document.getElementById(pic);
	setOpacity(image, 99);
	image.style.visibility = "visible";
}
function hide(pic)	{
	image = document.getElementById(pic);
	setOpacity(image, 0);
	image.style.visibility = "hidden";
}

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


function fadeIn(objId,opacity) {
	if (document.getElementById) {
	//don't do it for win98
	//alert(browserName)
	if  (navigator.userAgent.indexOf("Win 9x")==-1)	{		//if it isn't windows 98
			obj = document.getElementById(objId);
			if (opacity <= 100) {
				setOpacity(obj, opacity);
				opacity += 10;
				window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
			}
		}
	else	{		// it IS 98
	//alert(browserName)
	if (browserName.indexOf("Netscape")!=-1)	{	//98 & netscape
		obj = document.getElementById(objId);
			if (opacity <= 100) {
				setOpacity(obj, opacity);
				opacity += 10;
				window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
			}
		}
	}
	}
	//
}
function initHide(pic) {
	//alert("'" + pic + "'")
	imageId = pic ;	//'thephoto';
	image = document.getElementById(imageId);
	//setOpacity(image, 100);
	//image.style.visibility = "visible";
	fadeOut(imageId,100);
}

function fadeOut(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			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;
}