// JavaScript Document
/*If your images are not named uniformly, you can specify the name for each images manually.  For example, if I want to use these three images: 
title.gif, slide1.jpg, picture2.gif, ship.gif; and another image located at "../otherFolder/lastImage.jpg", then I'll replace the cyan portion of the code above with this:
  var dimages=new Array();
  var numImages=4;
  dimages[0]=new Image();
  dimages[0].src="title.gif";
  dimages[1]=new Image();
  dimages[1].src="slide1.jpg";
  dimages[2]=new Image();
  dimages[2].src="picture2.gif";
  dimages[3]=new Image();
  dimages[3].src="../otherFolder/lastImage.jpg";
  var curImage=-1;*/
  window.onload = swapPicture;

var dimages=new Array();
var numImages=5;
for (i=0; i<numImages; i++)
{
  dimages[i]=new Image();
  dimages[i].src="Assests/imgs/image"+(i+1)+".gif";
  
}
var curImage=-1;
function swapPicture()
{
  if (document.images)
  {
    var nextImage=curImage+1;
    if (nextImage>=numImages)
      nextImage=0;
    if (dimages[nextImage] && dimages[nextImage].complete)
    {
      var target=0;
      if (document.images.slideShow)
        target=document.images.slideShow;
      if (document.all && document.getElementById("slideShow"))
        target=document.getElementById("slideShow");
  
      // make sure target is valid.  It might not be valid
      //   if the page has not finished loading
      if (target)
      {
        target.src=dimages[nextImage].src;
        curImage=nextImage;
      }
      setTimeout("swapPicture()", 5000);
    }
    else
    {
      setTimeout("swapPicture()", 500);
    }
  }
}
setTimeout("swapPicture()", 5000);