var tmr;
var t;
var obj;

function sFa(id, iName) { 
    obj = gObj(id, iName);
	sLft();
	shw(true);
	t = 0;
	sTmr();
}

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;
	//obj.style.width = amt/100;
	
	
	if(amt == 0) shw(false);
}

function sLft() {
	var w = 280;	// 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 - w)+"px";
}

function gObj(id, IName) {
if(IName == 'shareVideo')
{
    document.getElementById('HeaderTd').innerHTML = 'Share Video';    
    document.getElementById('RecipientNameTr').style.display = '';
    document.getElementById('RecipientEmailTr').style.display = '';
}
else if(IName == 'shareProject')
{
    document.getElementById('HeaderTd').innerHTML = 'Share Project';
    document.getElementById('RecipientNameTr').style.display = '';
    document.getElementById('RecipientEmailTr').style.display = '';
}
else if(IName == 'Comments')
{
    document.getElementById('HeaderTd').innerHTML = 'Comments';
    document.getElementById('RecipientNameTr').style.display = 'none';
    document.getElementById('RecipientEmailTr').style.display = 'none';
}
else if(IName == 'sharePage')
{ 
    document.getElementById('HeaderTd').innerHTML = 'Share';        
    document.getElementById('RecipientNameTr').style.display = '';    
    document.getElementById('RecipientEmailTr').style.display = '';
}
	return document.getElementById(id);	
}

function shw(b) {
	(b)? obj.className = 'show':obj.className = '';		
}
function close()
{
    document.getElementById('fa3').className = '';
}
