fadeBg = new Image(); 
fadeBg.src = "images/interface/trans.png";

var ie = (document.all) ? 1:0;
var moz = (!document.all) && (document.getElementById) ? 1:0
var fadeObj, fadeAlpha;
var fadeTimer = '';
var fadeSpeed = .5;

function fadeIn(obj) {
	window.clearTimeout(fadeTimer);
	fadeObj = obj;
	document.getElementById(obj).style.display = 'block';
	fadeAlpha = getAlpha(obj);
	if (fadeAlpha < 100) {
		newAlpha = fadeAlpha +20;
		setAlpha(obj, newAlpha);
		fadeTimer = window.setTimeout("fadeIn(fadeObj)", fadeSpeed);
	}
	else {
		setAlpha(obj, 100);
	}
}

function fadeOut(obj) {
	window.clearTimeout(fadeTimer);
	fadeObj = obj;
	
	fadeAlpha = getAlpha(obj);
	if (fadeAlpha > 0) {
		newAlpha = fadeAlpha -20;
		setAlpha(obj, newAlpha);
		fadeTimer = window.setTimeout("fadeOut(fadeObj)", fadeSpeed);
	}
	else {
		setAlpha(obj, 0);
		document.getElementById(obj).style.display = 'none';
	}
}

function getAlpha(obj) {
if (moz) {
	currAlpha = document.getElementById(obj).style.opacity * 100;
	}
else if (ie) {
	currAlpha = document.getElementById(obj).filters.alpha.opacity;
	}
return currAlpha;
}

function setAlpha(obj, value) {
if (moz) {
	document.getElementById(obj).style.opacity = (value / 100);
	}
else if (ie) {
	document.getElementById(obj).filters.alpha.opacity = value;
	}
}