var TimeToFade = 1200.0;
var DisplayDelay = 7000.0;
var NoOfSpans = 3;


var DisplayDelaySwitch = 0; //helps with Delay
var Count = 1; // counts current container

function fade(lastTick, eid)
{
  // Init Block
  var element = document.getElementById(eid+Count);
  if(element == null)
    return;

  if((element.FadeState != 1) && (element.FadeState != -1)) // 1 = fade in // 2 = fade out
  {
  	element.FadeState = 1;
  	element.FadeTimeLeft = TimeToFade;
  }
  // Init end



  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  var delay = 33; // TimeOut Period

  if(DisplayDelaySwitch == 1)
  {
  	DisplayDelaySwitch = 0;
  	element.FadeTimeLeft = TimeToFade;
  	elapsedTicks = 0;
  }

  if(element.FadeTimeLeft <= elapsedTicks)
  {
    if(element.FadeState == 1)
    {
    	delay = DisplayDelay;
    	DisplayDelaySwitch = 1;
    }
    else
    {
    	if(document.getElementById('quote'+(Count+1)) == null)
    	{ Count = 1; }
    	else
    	{ Count++; }
    }

    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
  }
  else
  {
  	element.FadeTimeLeft -= elapsedTicks;
  	var newOpVal = element.FadeTimeLeft/TimeToFade;
  	if(element.FadeState == 1)
    {	newOpVal = 1 - newOpVal; }
  	else
	{   newOpVal = 0 + newOpVal; }


 	element.style.opacity = newOpVal;
  	element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
  }
  setTimeout("fade(" + curTick + ",'" + eid + "')", delay);

}


while(document.getElementById("quote"+Count) != null)
{
	document.getElementById("quote"+Count).style.opacity = 0;
	document.getElementById("quote"+Count).style.filter = 'alpha(opacity = 0)';
	document.getElementById("quote"+Count).style.display = 'block';

	Count++;
}
Count = 1;
fade( new Date().getTime(), 'quote');