// JavaScript Document

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

//Takes vaiables: elementId, initial opacity, final opacity
function initImage(id, init, final) {
	imageId = id;
	finOpacity = final;
	image = document.getElementById(imageId);
	if (image.style.visibility == "visible")
	{
		//closeElement(id,finOpacity);
		fadeOut(imageId, final);
		//image.style.visibility = "hidden";
		//setOpacity(image, final);
	}
	else
	{
		setOpacity(image, init);
		image.style.visibility = "visible";
		fadeIn(imageId,init);
	}
}

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

function fadeOut(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity >= 0) {
			setOpacity(obj, opacity);
			opacity -= 5;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 1);
		}
		else {
			obj.style.visibility = "hidden";
		}
	}
}

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

function windowLoad() {
		window.onload = function() {initImage();}
}

function closeElement(id,opacity) {
	imageId = id;
	image = document.getElementById(imageId);
	fadeOut(imageId,opacity);
	//setOpacity(image, 0);
	image.style.visibility = "hidden";
}