//         1. <img border="1" src="emily01.jpg" width="200" height="200" id="EmilyPicture">

//         2. <script type="javascript/css" src="slideshow.js"></script>

//         3. <script type="text/javascript" language="JavaScript">

//                RunSlideShow("EmilyPicture","emily01.jpg;emily02.jpg;emily03.jpg;"  + "emily04.jpg",5);

//              </script>





var slideCache = new Array();

function RunSlideShow(pictureName,imageFiles,displaySecs)

{

  var imageSeparator = imageFiles.indexOf(";");

  var nextImage = imageFiles.substring(0,imageSeparator);

  if (document.all)

  {

    document.getElementById(pictureName).style.filter="blendTrans(duration=2)";

    document.getElementById(pictureName).filters.blendTrans.Apply();

  }

  document.getElementById(pictureName).src = nextImage;

  if (document.all)

  {

    document.getElementById(pictureName).filters.blendTrans.Play();

  }

  var futureImages= imageFiles.substring(imageSeparator+1,imageFiles.length)

    + ';' + nextImage;

  setTimeout("RunSlideShow('"+pictureName+"','"+futureImages+"',"+displaySecs+")",

    displaySecs*1000);

  // Cache the next image to improve performance.

  imageSeparator = futureImages.indexOf(";");

  nextImage = futureImages.substring(0,imageSeparator);

  if (slideCache[nextImage] == null) {

    slideCache[nextImage] = new Image;

    slideCache[nextImage].src = nextImage;

  }

}