var tmrReviewer;
var tReviewer;
var objReviewer;

function overlay_reviewer() {
	objReviewer = gObjReviewer();
	sLftReviewer();
	shwReviewer(true);
	tReviewer = 0;
	sTmrReviewer();
}

function hFaReviewer() {
	tReviewer = -100;
	sTmrReviewer();
	return false;
}

function sTmrReviewer() {
	tmrReviewer = setInterval("fdReviewer()",20);
}

function fdReviewer() {
	var amtReviewer = Math.abs(tReviewer+=10);
	if(amtReviewer == 0 || amtReviewer == 100) clearInterval(tmrReviewer);
	amtReviewer = (amtReviewer == 100)?99.999:amtReviewer;
  	
	objReviewer.style.filter = "alpha(opacity:"+amtReviewer+")";
	objReviewer.style.KHTMLOpacity = amtReviewer/100;
	objReviewer.style.MozOpacity = amtReviewer/100;
	objReviewer.style.opacity = amtReviewer/100;
	
	if(amtReviewer == 0) shwReviewer(false);
}

function sLftReviewer() {
	var wReviewer = 10;	// 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 lReviewer = (document.body.innerWidth)? document.body.innerWidth / 2:document.body.offsetWidth / 2;

	objReviewer.style.left = (lReviewer - wReviewer)+"px";
}

function gObjReviewer() {
	return document.getElementById("overlay_reviewer");	
}

function shwReviewer(b) {
	(b)? objReviewer.className = 'show':objReviewer.className = '';	
}