var interval = 15000;
var currentImage =0;//which image to be displayed

var maxImages = 3; //number of images in slideshow
imageArray = new Array(); //list of image file locations
imageArray[0]= 'images/fade_500x120_rednight.jpg';
imageArray[1]= 'images/fade_500x120_henri.jpg';
imageArray[2]= 'images/fade_500x120_stately.jpg';


function startSlides() {
  preload(imageArray[currentImage]);
  insertImage();
  setTimeout("displayNext()",interval);   
}


//display next image
function displayNext() {
  if(document.images.length) {
    insertImage(currentImage);
  }
  myTimeout = setTimeout("displayNext()",interval);   
}

//Preload function
function preload() {
  if (!document.images) {
    return;
  }
  var ar = new Array();
  var arguments = preload.arguments;
  for (var i = 0; i < arguments.length; i++) {
    ar[i] = new Image();
    ar[i].src = arguments[i];
  }
}


function insertImage() {
  if (document.all){
    document.images['imagePanel'].style.filter="blendTrans(duration=3)"; 
    document.images['imagePanel'].filters.blendTrans.Apply();      
  }
  document.images['imagePanel'].src = imageArray[currentImage];
  if (document.all){
    document.images['imagePanel'].filters.blendTrans.Play();
  }
  if(++currentImage>=maxImages) {
    currentImage = 0;
  }
}