var TimeToFade = 200.0;

function fadePortfolio(eid, x, display)
{var element = document.getElementById("fader");
 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.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;}

 if(element.FadeState == 2 || element.FadeState == -2)
 {element.FadeState = element.FadeState == 2 ? -1 : 1;
  element.FadeTimeLeft = TimeToFade;
  setTimeout("animatePortfolio(" + new Date().getTime() + ",'" + eid + "', '"+x+"', '"+display+"')", 33);}}



function animatePortfolio(lastTick, eid, x, display)
{var curTick = new Date().getTime();
 var elapsedTicks = curTick - lastTick;
 var element = document.getElementById("fader");

 if(element.FadeTimeLeft <= elapsedTicks)
 {element.style.opacity = element.FadeState == 1 ? '1' : '0';
  element.style.filter = 'alpha(opacity = '+(element.FadeState == 1 ? '100' : '0') + ')';
  element.FadeState = element.FadeState == 1 ? 2 : -2;
  if(element.FadeState == -2) 
  {if (x == 0)
   {document.getElementById("thumbnails").style.display = "block";
    document.getElementById("info").style.display = "none";
    document.getElementById(eid).style.display = "none";
    fadePortfolio(eid, 0, display);}
   else
   {document.getElementById(eid).style.display = display;
    document.getElementById("info").style.display = "block";
    document.getElementById("thumbnails").style.display = "none";
    fadePortfolio(eid, 0, display);}}
  if(element.FadeState == 2) 
  {document.getElementById("fader").style.filter="auto";}
  return;}
 
 element.FadeTimeLeft -= elapsedTicks;
 var newOpVal = element.FadeTimeLeft/TimeToFade;
 if(element.FadeState == 1)
 newOpVal = 1 - newOpVal;

 element.style.opacity = newOpVal;
 element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
 
 setTimeout("animatePortfolio(" + curTick + ",'" + eid + "', '" + x + "', '" + display + "')", 33);}