var tmrLinks;
var tLinks;
var objLinks;

function overlay_links() {
	objLinks = gObjLinks();
	sLftLinks();
	shwLinks(true);
	tLinks = 0;
	sTmrLinks();
}

function hFaLinks() {
	tLinks = -100;
	sTmrLinks();
	return false;
}

function sTmrLinks() {
	tmrLinks = setInterval("fdLinks()",20);
}

function fdLinks() {
	var amtLinks = Math.abs(tLinks+=10);
	if(amtLinks == 0 || amtLinks == 100) clearInterval(tmrLinks);
	amtLinks = (amtLinks == 100)?99.999:amtLinks;
  	
	objLinks.style.filter = "alpha(opacity:"+amtLinks+")";
	objLinks.style.KHTMLOpacity = amtLinks/100;
	objLinks.style.MozOpacity = amtLinks/100;
	objLinks.style.opacity = amtLinks/100;
	
	if(amtLinks == 0) shwLinks(false);
}

function sLftLinks() {
	var wLinks = 30;	// 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 lLinks = (document.body.innerWidth)? document.body.innerWidth / 2:document.body.offsetWidth / 2;

	objLinks.style.left = (lLinks - wLinks)+"px";
}

function gObjLinks() {
	return document.getElementById("overlay_links");	
}

function shwLinks(b) {
	(b)? objLinks.className = 'show':objLinks.className = '';	
}