// Global variables
var numslides=0;
var currentslide=0,oldslide=4;
var x=0;
var slides = new Array();
var allLoaded = 0;
var numberSlides = 8;

function CheckImages() {
  allLoaded++;
  if (allLoaded==numberSlides) MakeSlideShow();
}

function MakeSlideShow() {
  // find the headings with the slide instructions
  headings=document.getElementsByTagName("h4");
  for (i=0; i<headings.length; i++) {
    if (headings[i].className == "loading") 
	    headings[i].style.visibility="hidden";
    if (headings[i].className == "loaded") 
	    headings[i].style.visibility="visible";
  }
  // find all the images with the class 'slide'
  imgs=document.getElementsByTagName("img");
  for (i=0; i<imgs.length; i++) {
    // hide animated gif
    if (imgs[i].className == "animation") imgs[i].style.visibility="hidden";
    if (imgs[i].className != "slide") continue;
    slides[numslides]=imgs[i];
    // stack images with first slide on top
    if (numslides==0) {
      imgs[i].style.zIndex=10;
      imgs[i].style.visibility="visible";
    } else {
      imgs[i].style.zIndex=0;
      imgs[i].style.visibility="visible";
    }
    imgs[i].onclick=NextSlide;
    numslides++;
  } // end for loop
} // end MakeSlideShow()

function NextSlide() {
  // Set current slide to be under the new top slide
  slides[currentslide].style.zIndex=9;
  // Move older slide to bottom of the stack
  slides[oldslide].style.zIndex=0;
  oldslide=currentslide;
  currentslide++;
  if (currentslide >= numslides) currentslide = 0;
  // Start at the right edge
  slides[currentslide].style.left=600;
  x=600
  // Move the new slide to the top
  slides[currentslide].style.zIndex=10;
  AnimateSlide();
}

function AnimateSlide() {
  // Lower moves slower; higher moves faster
  x = x-25;
  slides[currentslide].style.left=x;
  // previous image moves off the left edge
  // (comment out the next line for a different effect)
  slides[oldslide].style.left= x-600;
  // repeat until slide is at zero position
  if (x >0) window.setTimeout("AnimateSlide();",10);
}