var timeToFade = 1000.0;

/* ---------------------------------------------------------------- */
/* fade																*/
/* ---------------------------------------------------------------- */
function fade (eid)
{
	var element = document.getElementById(eid);
  	if(element == null)
    	return;
   
	if (element.FadeState == null)
  	{
    	if (element.style.opacity == null || element.style.opacity == '' || element.style.opacity == '1')
    	{
	      	element.FadeState = 2;
    	}
	    else
    	{
	      	element.FadeState = -2;
    	}
  	}
    
	if (element.FadeState == 1 || element.FadeState == -1)
	{
    	element.FadeState = element.FadeState == 1 ? -1 : 1;
    	element.FadeTimeLeft = timeToFade - element.FadeTimeLeft;
	}
  	else
  	{
    	element.FadeState = element.FadeState == 2 ? -1 : 1;
    	element.FadeTimeLeft = timeToFade;
    	setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  	}  
}

/* ---------------------------------------------------------------- */
/* unfade															*/
/* ---------------------------------------------------------------- */
function unfade (eid)
{
	var element = document.getElementById(eid);
  	if(element == null)
    	return;
   
	if (element.FadeState == null || element.FadeState == 1 || element.FadeState == 2)
  	{
		return;
  	}
    
	if (element.FadeState == -1)
	{
    	element.FadeState = 1;
    	element.FadeTimeLeft = timeToFade - element.FadeTimeLeft;
	}
  	else
  	{
    	element.FadeState = 1;
    	element.FadeTimeLeft = timeToFade;
    	setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  	}  
}

/* ---------------------------------------------------------------- */
/* animateFade														*/
/* ---------------------------------------------------------------- */
function animateFade (lastTick, eid)
{  
	var curTick = new Date().getTime();
	var elapsedTicks = curTick - lastTick;
  
  	var element = document.getElementById(eid);
 
  	if (element.FadeTimeLeft <= elapsedTicks)
  	{
    	element.style.opacity = element.FadeState == 1 ? '1' : '0';
    	element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0.5') + ')';
	    element.FadeState = element.FadeState == 1 ? 2 : -2;
		setTimeout("document.getElementById('" + eid + "').style.display = 'none'", 100);
    	return;
  	}
 
  	element.FadeTimeLeft -= elapsedTicks;
  	var newOpVal = element.FadeTimeLeft/timeToFade;

  	if (element.FadeState == 1) newOpVal = 1 - newOpVal;

	if (element.FadeState == -1 && newOpVal < 0.50) 
	{
	    element.FadeState = element.FadeState == 1 ? 2 : -2;
		return;
	}
	else if (element.FadeState == 1 && newOpVal < 0.50)
	{
		newOpVal = 0.51
	}

  	element.style.opacity = newOpVal;

	if (newOpVal != 0)
	{
	  	element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
  	
  		setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
	}
	else
	{
		setTimeout("document.getElementById('" + eid + "').style.display = 'none'", 100);
	}
}