var imgs = new Array();
var ptr = 0;
var fadelevel;

var snap = false;
var step = 5;
var pause = 5;

var holder;

function nextFade() {
  for(var i = 0; i < imgs.length; i++) {
    imgs[i].style.zIndex = 1;
  }
  imgs[ptr].style.zIndex = 2;
  ptr++;
  if(ptr >= imgs.length) {
    ptr = 0;
  }
  fadelevel = 0;
  imgs[ptr].style.opacity = '0.0';
  imgs[ptr].style.filter = 'alpha(opacity=0)';
  imgs[ptr].style.zIndex = 3;
  fade();
}

function fade() {
  if(fadelevel >= 100) {
    nextFade();
    wait(pause * 1000);
  } else {
    fadelevel += step;
    imgs[ptr].style.opacity = (fadelevel / 100);
    imgs[ptr].style.filter = 'alpha(opacity=' + fadelevel + ')';
    wait(50);
  }

}

function fadeInit() {
  holder = document.getElementById('fadeholder');

  holder.style.position = 'relative';

  ims = holder.getElementsByTagName('IMG');
  for(var i = 0; i < ims.length; i++) {
    ims[i].style.position = 'absolute';
    ims[i].style.left = '0px';
    ims[i].style.top = '0px';
    ims[i].width = parseInt(holder.offsetWidth);
    ims[i].height = parseInt(holder.offsetHeight);

    ims[i].style.opacity = '0.0';
    ims[i].style.filter = 'alpha(opacity=0)';

    imgs.push(ims[i]);
  }

  ptr = 0;
  ims[ptr].style.opacity = '1.0';
  ims[ptr].style.filter = 'alpha(opacity=100)';
  fadelevel = 100;
  createThread(fade, RUN);

}