var loginhover='';

function bosslogin(event) {
var l=document.getElementById("bosslink")
var b=document.getElementById("login-box")
if(event=='over'){
  if(b.style.display!="block"){loginhover=setTimeout('bosslogin("fade")',1000);}
}else if(event=='out'){
  clearTimeout(loginhover);
  if(b.FadeTimeLeft&&b.FadeTimeLeft>0){
b.style.display='none';
b.style.opacity =  '1';
b.style.filter = "alpha(opacity = '100')";
l.className="loginlink";
}
}else if(event=='fade'){
b.style.display="block"
b.style.opacity =  '0';
b.style.filter = "alpha(opacity = '0')";
b.FadeTimeLeft=1500;
loginhover=setTimeout("loginFade(" +new Date().getTime()+ ",1500)", 33);
} else if(event=='overdiv') {
b.style.display="block";
b.style.opacity =  '1';
b.style.filter = "alpha(opacity = '100')";
b.FadeTimeLeft=0;
l.className="loginlink-active";
} else {
clearTimeout(loginhover); 
if(b.style.display!="block"||(b.FadeTimeLeft&&b.FadeTimeLeft>0)){
b.style.display="block";
b.style.opacity =  '1';
b.style.filter = "alpha(opacity = '100')";
b.FadeTimeLeft=0;
l.className="loginlink-active";
} else {b.style.display="none";l.className="loginlink";}}
}

function loginFade(lastTick, TimeToFade)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var l=document.getElementById("bosslink")
  var b=document.getElementById("login-box")
 
  if(b.FadeTimeLeft <= elapsedTicks)
  {
    b.style.opacity =  0.75;
    b.style.filter = "alpha(opacity = '75')";
    b.FadeTimeLeft=0.1;
    return;
  }
 
  b.FadeTimeLeft -= elapsedTicks;
  var newOpVal =1- b.FadeTimeLeft/TimeToFade;

  b.style.opacity = newOpVal*0.75
  b.style.filter = 'alpha(opacity = ' + (newOpVal*75) + ')';

  loginhover=setTimeout("loginFade(" + curTick + ","+TimeToFade+")", 33);
}
