// -----------------------------------------------------------------------------------------------------------------------------------
		// define variables. The first three can be changed to create a different slide show with more or less images
		// -----------------------------------------------------------------------------------------------------------------------------------
        var numImages = 19;					// number of images to be used in the slide show
        var imgName = "bannersm";
        var imgType = ".jpg";
        var imgArray = new Array(numImages);
        var currImage = 0;					// number of first image to display
              
        // -------------------------------------------------------------------
        // load the images into an array object 
        // --------------------------------------------------------------------
		for (var i=0; i<numImages; i++) {
			imgArray[i] = new Image();      					// instantiate (create) an image object to take on the image properties
			imgArray[i].src = imgName + i + imgType;  	// set the source property of the image object 
		}
        
        // ------------------------------------------------------------------------------------------------
        // this function will change the source of the image object to display a new image
        // it will also display the appropriate caption
        // ------------------------------------------------------------------------------------------------
		function dispImage(num) {
			document.getElementById("pane").src = imgArray[num].src;
		}  // end of dispImage
 
		// -------------------------------------------------------------------
		// this function will calculate the previous image to display
		// -------------------------------------------------------------------
        function prevImage() {
			if (currImage == 0) {
				currImage = numImages - 1;
			}
			else {
				currImage--;
			}	
			dispImage(currImage);
        } // end of prevImage
        
        // -------------------------------------------------------------
        // this function will calculate the next image to display
        // -------------------------------------------------------------
        function nextImage() {
			if (currImage == (numImages - 1)) {
                currImage = 0;
             }
			else {
                currImage++;
            }
			dispImage(currImage);
        }	// end of nextImage
        
        // -----------------------------------------------------------------------
        // this function can be used to create a continuous slide show
        // -----------------------------------------------------------------------
		var timerInt;				// must be global for the clearInterval method
        function doTimer() {
			timerInt = setInterval("nextImage()", 2000);
        }	 // end of doTimer