﻿window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init()
{
  if(!d.getElementById || !d.createElement)return;

  css = d.createElement('link');
  css.setAttribute('href','slideshow2.css');
  css.setAttribute('rel','stylesheet');
  css.setAttribute('type','text/css');
  d.getElementsByTagName('head')[0].appendChild(css);

  imgs = d.getElementById('rotator').getElementsByTagName('img');
  for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
  imgs[0].style.display = 'block';
  imgs[0].xOpacity = .99;

  setTimeout(so_xfade,4000);
}

function so_xfade()
{
  cOpacity = imgs[current].xOpacity;
  nIndex = imgs[current+1]?current+1:0;
  nOpacity = imgs[nIndex].xOpacity;

  cOpacity-=.01;
  nOpacity+=.01;

  imgs[nIndex].style.display = 'block';
  imgs[current].xOpacity = cOpacity;
  imgs[nIndex].xOpacity = nOpacity;

  setOpacity(imgs[current]);
  setOpacity(imgs[nIndex]);

  if(cOpacity<=0)
  {
    imgs[current].style.display = 'none';
    current = nIndex;
    setTimeout(so_xfade,8000); // Displaytime in miliseconds
  }
  else
  {
    setTimeout(so_xfade,5); // Transitiontime in miliseconds
  }

  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) + ')';
  }
}


