var tmr;
var t;
var obj;

function sFa(id) {
	obj = gObj();
	sLft();
	obj.style.visibility = 'visible';
	shw(true);
	t = 0;
	sTmr();
	
	setTimeout("hClose()", 3000);
	
	setcookie(id);	
}

function setcookie(id) {
	var today = new Date();
	var expire = new Date();
	
	expire.setTime(today.getTime() + 3600000);
	document.cookie = id+"=1;expires="+expire.toGMTString();
} 

function hFa() {
	t = -100;
	sTmr();
	return false;
}

function sTmr() {
	tmr = setInterval("fd()",20);
}

function fd() {
	var amt = Math.abs(t+=10);
	if(amt == 0 || amt == 100) clearInterval(tmr);
	amt = (amt == 100)?99.999:amt;
  	
	obj.style.filter = "alpha(opacity:"+amt+")";
	obj.style.KHTMLOpacity = amt/100;
	obj.style.MozOpacity = amt/100;
	obj.style.opacity = amt/100;
	
	if(amt == 0) shw(false);
}

function sLft() {
	var w = 130;	// set this to 1/2 the width of the fa div defined in the style sheet 
			// there's not a reliable way to retrieve an element's width via javascript!!
					
	var l = (document.body.innerWidth)? document.body.innerWidth / 2:document.body.offsetWidth / 2;

	obj.style.left = (l - 160 - w)+"px";
}

function gObj() {
	if (document.getElementById("fa"))
	    return document.getElementById("fa");	
	if (document.getElementById("fa2"))
	    return document.getElementById("fa2");		    
}

function shw(b) {
	(b)? obj.className = 'show':obj.className = '';	
}

function hClose() {
	document.getElementById("fa_close").style.visibility = 'visible';
}