// ***********************************
// Banner fade and select scripts
// ***********************************

var TimeToFade = 1000.0;

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);
  }  
}


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') + ')';
	element.FadeState = element.FadeState == 1 ? 2 : -2;
	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("animateFade(" + curTick + ",'" + eid + "')", 33);
}

var rotate=1;		// Auto rotate if > 0
var autostat=1;		// Auto rotate on
var autoloc=1;		// Auto rotate location
var FadeStat=new Array();	// Track the visibility status of each Div
FadeStat[1]=1;
FadeStat[2]=0;
FadeStat[3]=0;
FadeStat[4]=0;

function pretoggle(show) {
	autostat=0;		// If a button is pushed, stop auto rotate
	document.getElementById("Banner2").style.display="block";
	document.getElementById("Banner3").style.display="block";
	document.getElementById("Banner4").style.display="block";
	toggle(show);
}

function toggle(show) {
	for (i=1;i<5;i++) {
		if (FadeStat[i]==1) {	// If div is showing, fade out
			fade('Banner'+i);
			FadeStat[i]=0;
			h=document.getElementById('Banner'+i); h.style.zIndex= 10;
		}
	}
	h=document.getElementById('Banner'+show); h.style.zIndex= 100;
	fade('Banner'+show);		// Fade in selected
	FadeStat[show]=1;
}

function autorotate() {
	if (rotate>0) {
		document.getElementById("Banner2").style.display="block";
		document.getElementById("Banner3").style.display="block";
		document.getElementById("Banner4").style.display="block";
		if (autostat==1) {
			autoloc++;
			if (autoloc>4) {
				autoloc=1;
			}
			toggle(autoloc);
			setTimeout("autorotate()", 5000);
		}
	}
}