var TimeToFade = 500.0;
var loop=-1;
var loop2=-1;
function fade(eid, bid, btid, flashon)
{
	if (navigator.appName=="Microsoft Internet Explorer")
	{
		iespec();
	}
	else
	{	
 	if(flashon==9)
    {
    	TimeToFade=1000.0;
    }
  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(function(){animateFade(new Date().getTime(), eid, bid, btid, flashon)}, 33);
  } 
  } 
}

function animateFade(lastTick, eid, bid, btid, flashon)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  var element = document.getElementById(eid);
  var delay = 33;
  if(flashon==3)
  {
  		delay=4000;
  }
  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(flashon==1)
    {
    	loop=-1;
		loop2=-1;
    	var bolt = document.getElementById(bid);
  	 	var bolt2 =document.getElementById(btid);
    	flash(eid, bolt, bolt2);
    }
    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(function(){animateFade(curTick, eid, bid, btid, flashon)}, delay);
}
function flash(eid, element, element2)
{
	var iter = 0;
	for(iter=0; iter<=31; iter++)
	{ 
		var onsec = iter*25;
		var offsec = iter*25 + 50;
		setTimeout(function(){on(eid, element, element2)}, onsec);
		setTimeout(function(){off(eid, element, element2)}, offsec);
	}
	setTimeout(function(){reveal()}, 10);
}
function on(eid, element, element2)
{
	loop = loop + 1;
	if(loop<15)
	{
		var leftsub = 75 - 5*loop;
		var topsub= 0 + 5*loop;
		element.style.left = leftsub+"%";
		element.style.top = topsub+"%";
		element.style.visibility="visible";
		element.style.display="inline";
		element.style.opacity="1";
	}
	if (loop >= 15) {loop2=loop2+1}
	if(loop<=30 && loop>=15)
	{
		var leftsub = 0 + 5*loop2;
		var topsub= 0 + 5*loop2;
		element2.style.left = leftsub+"%";
		element2.style.top = topsub+"%";
		element2.style.visibility="visible";
		element2.style.display="inline";
		element2.style.opacity="1";
	}
	
}
function off(eid, element, element2)
{
	if (loop<15)
	{
		element.style.visibility="hidden";
		element.style.display="none";
		element.style.opacity="0";
	}
	if (loop >= 15) {loop2=loop2+1}
	if(loop<=30 && loop>=15)
	{
		element2.style.visibility="hidden";
		element2.style.display="none";
		element2.style.opacity="0";
	}
}
function reveal()
{
		document.getElementById('logo').style.opacity="0";
		document.getElementById('logo').style.filter="alpha(opacity=0)";
		document.getElementById('shine').style.opacity="0";
		document.getElementById('shine').style.filter="alpha(opacity=0)";
		document.getElementById('well').style.opacity="0";
		document.getElementById('well').style.filter="alpha(opacity=0)";
		document.getElementById('come').style.opacity="0";
		document.getElementById('come').style.filter="alpha(opacity=0)";
		visibility2('logo');
		visibility2('shine');
		visibility2('well');
		visibility2('come');
		setTimeout(function(){fade('logo', 'bolt', 'bolt2', '0')},500);
		setTimeout(function(){fade('well', 'bolt', 'bolt2', '0')},2000);
		setTimeout(function(){fade('come', 'bolt', 'bolt2', '0')},3000);
		setTimeout(function(){fade('well', 'bolt', 'bolt2', '0')},4000);
		setTimeout(function(){fade('come', 'bolt', 'bolt2', '0')},5000);
		setTimeout(function(){fade('shine','bolt', 'bolt2', '9')},6000);
		setTimeout(function(){fade('logo', 'bolt', 'bolt2', '0')},6500);
		setTimeout(function(){fade('shine', 'bolt', 'bolt2', '0')},8000);
		setTimeout(function(){fade('start', 'bolt', 'bolt2', '0')},8500);
		setTimeout(function(){out2('logo')},9000);
		setTimeout(function(){out2('shine')},9000);
		setTimeout(function(){out2('well')},9000);
		setTimeout(function(){out2('come')},9000);
}
function visibility2(object)
{
  if (document.getElementById) 
  {
      document.getElementById(object).style.display = 'inline';
  }
  return;
}
function out2(object)
{
	document.getElementById(object).style.display = 'none';
	return;
}
function iespec()
{
	document.getElementById('start').style.display="none";
	document.getElementById('logo').style.display="inline";
	document.getElementById('well').style.display="inline";
	document.getElementById('come').style.display="inline";
	document.getElementById('iereturn').style.display="inline";
}
function iehomereturn()
{
	document.getElementById('start').style.display="inline";
	document.getElementById('logo').style.display="none";
	document.getElementById('well').style.display="none";
	document.getElementById('come').style.display="none";
	document.getElementById('iereturn').style.display="none";
}