
<!-- HIDE FROM OLD BROWSERS
var currentImage = 0
var    my_images = new Array(5)

my_images[0]  = "images/AIM_pictures/Aim_0.jpg"
my_images[1]  = "images/AIM_pictures/Aim_1.jpg"
my_images[2]  = "images/AIM_pictures/Aim_2.jpg"
my_images[3]  = "images/AIM_pictures/Aim_3.jpg"
my_images[4]  = "images/AIM_pictures/Aim_4.jpg"
my_images[5]  = "images/AIM_pictures/Aim_5.jpg"




// load the image with the designated image from
// the images array.
// 
function loadImage(imgNum) {
  // load the image
  //document.images[0].src = my_images[imgNum]   //If only have one image on the page, then use this is OK!
     image = document.getElementById('thephoto'); //If more then 1 images on the page, then have to put a image id the on page.
	 image.src = my_images[imgNum]     
   
}

// load the next image from the images array into
// document.images[0]. Starts over with 0 when it
// hits the end of the images array.
//
function nextImage() {
  // adjust currentImage so it cycles through the
  // available images.
  if (currentImage < my_images.length - 1) {
    currentImage++
  } else {
    currentImage = 0
  }

  // set a timeout to load the image
  setTimeout("loadImage(currentImage)", 5000) //load every 5 seconds

}


// STOP HIDING -->