// Parameters ///////////////////////
var fadeTime = 500;
var fadeSteps = 10;
var fadeWait = 5000;
/////////////////////////////////////

var images = new Array();
var imageCt = 0;
var fadeAlpha = 1.0;
var timer = null;
var currentImg = 0;
var nextImg = 0;
function splashcallout_init() {
  var container = document.getElementById("splashcallout_container");
  container.style.display="block";
  var imgs = container.getElementsByTagName("div");
  imgs[0].style.zIndex = 3;
  for(i=0; i<imgs.length; i++) {
      if( imgs[i].className == "splashcallout" ) {
          imgs[i].style.display = "block";
          images[imageCt] = imgs[i].id;
          imageCt++;
      }
  }
  if( imageCt > 1 ) {
    nextImg = ((currentImg+1) % imageCt);
    var n = document.getElementById(images[nextImg]);
    n.style.zIndex = 2;
    timer = self.setTimeout( "fade();", fadeWait );
  }
}

function fade() {
  var millisecs = fadeTime/fadeSteps;
  var alphaDelta = 1.0 / fadeSteps;
  var c = document.getElementById(images[currentImg]);
  var n = document.getElementById(images[nextImg]);
  fadeAlpha -= alphaDelta;
  if( fadeAlpha > 0.0 ) {
    c.style.opacity = Math.floor(fadeAlpha*100)/100;
    c.style.filter = "alpha(opacity="+Math.floor((fadeAlpha*100))+")";
    timer = self.setTimeout( "fade();", millisecs );
  } else {
    c.style.zIndex = 1;
    n.style.zIndex = 3;
    c.style.opacity = 1;
    c.style.filter = "alpha(opacity=100)";
    n.style.opacity = 1;
    n.style.filter = "alpha(opacity=100)";
    fadeAlpha = 1.0;
    currentImg = nextImg;
    nextImg = ((currentImg+1) % imageCt);
    n = document.getElementById(images[nextImg]);
    n.style.zIndex = 2;
    timer = self.setTimeout( "fade();", fadeWait );
  }
}
