var counter = 0;
var imageArray = new Array('images/rotation1.jpg', 'images/rotation2.jpg', 'images/rotation3.jpg', 'images/rotation4.jpg', 'images/rotation5.jpg');
var first = 'true';

function SetOpacity(object,opacityPct)
{
  // IE.
  object.style.filter = 'alpha(opacity=' + opacityPct + ')';
  // Old mozilla and firefox
  object.style.MozOpacity = opacityPct/100;
  // Everything else.
  object.style.opacity = opacityPct/100;
}

function ChangeOpacity(id)
{
  var element = document.getElementById(id);
  var opacity = element.style.opacity * 100;
  opacity += 10;

  if (opacity<0)  {  SetOpacity(element,0) }
  else if (opacity>100) {  SetOpacity(element,100) }
  else
  {
    SetOpacity(element,opacity);
    element.timer = window.setTimeout("ChangeOpacity('" + id + "')",100);
  }
}





function FadeInImage(theImage,nextImage)
{
  var foreground = document.getElementById('foregroundID');
  var background = document.getElementById('backgroundID');

  foreground.style.backgroundImage  = 'url(' + nextImage + ')';
  foreground.style.backgroundRepeat = 'no-repeat';

  SetOpacity(foreground,0);

  background.style.backgroundImage  = 'url(' + theImage + ')';
  background.style.backgroundRepeat = 'no-repeat';

  if (foreground.timer) window.clearTimeout(foreground.timer);
  ChangeOpacity('foregroundID');

}



function FadeIn() {


if (counter<=4) {

var foregroundImage = imageArray[counter];
var backgroundImage = imageArray[counter+1];
FadeInImage(foregroundImage,backgroundImage);

window.setTimeout("FadeIn()",3000);
++counter;
}

if (counter==5) { counter=0; FadeInImage(imageArray[imageArray.length-1],imageArray[0]); }

}


function beginFadeIn() {

if (first=='true') { window.setTimeout("beginFadeIn()",3000); }
else { FadeIn(); }
first = 'false';
}


onload = beginFadeIn;