/*
Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com
Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html
*/

window.addEventListener ? window.addEventListener('load', so_init, false) : window.attachEvent('onload', so_init);

var d = document, imgs = new Array(), spans = new Array(), zInterval = null, current = 0, pause = false;

function so_init()
{
   if (!d.getElementById || !d.createElement)
      return;

   imgs = d.getElementById('rotator').getElementsByTagName('img');
   spans = d.getElementById('rotator').getElementsByTagName('span');

   for (i = 1; i < imgs.length; i++)
   {
      imgs[i].xOpacity = 0;
      spans[i].xOpacity = 0;
   }

   imgs[0].style.display = 'block';
   imgs[0].xOpacity = .99;
   spans[0].style.display = 'block';
   spans[0].xOpacity = .99;
   setTimeout(so_xfade, 3000);
}

function so_xfade()
{
   cOpacity = imgs[current].xOpacity;
   nIndex = imgs[current + 1] ? current + 1 : 0;
   nOpacity = imgs[nIndex].xOpacity;
   cOpacity -= .05;
   nOpacity += .05;

   imgs[nIndex].style.display = 'block';
   imgs[current].xOpacity = cOpacity;
   imgs[nIndex].xOpacity = nOpacity;
   setOpacity(imgs[current]);
   setOpacity(imgs[nIndex]);

   spans[nIndex].style.display = 'block';
   spans[current].xOpacity = cOpacity;
   spans[nIndex].xOpacity = nOpacity;
   setOpacity(spans[current]);
   setOpacity(spans[nIndex]);

   if (cOpacity <= 0)
   {
      imgs[current].style.display = 'none';
      spans[current].style.display = 'none';
      current = nIndex;
      setTimeout(so_xfade, 3000);
   }
   else
   {
      setTimeout(so_xfade, 50);
   }

   function setOpacity(obj)
   {
      if (obj.xOpacity > .99)
      {
         obj.xOpacity = .99;
            return;
      }

      obj.style.opacity = obj.xOpacity;
      obj.style.MozOpacity = obj.xOpacity;
      obj.style.filter = 'alpha(opacity = ' + (obj.xOpacity * 100) + ')';
   }
}