// Slide Show Functions
// --------------------
// Your HTML page must first include the following:
//
//         <SCRIPT language="javascript" src="slides.js"></SCRIPT>
//
// Then declare the array and its index, setting to zero:
//
//         var mySlides = new Array() 
//         var mySlidesCurrent = 0 
//
// Then call LoadSlide for each new slide:
//
//         LoadSlide(mySlides, 'mySlidesCurrent', 'picture.jpg', 'Caption') 
//
// If the picture isn't in the same folder as the HTML, include the folder path.
//
// Place the image where you want it - be sure to include an id parameter, like:
//
//         <img id="mySlidesImg" src="blank.gif">
//
// Place a div tag with an id parameter where the caption should appear, like:
//
//         <script language="JavaScript1.2">
//         if (ie||dom) document.write('<div id="mySlidesText"></div>')
//         </script>
//
// Place the order text with the following code:
//
//         <script language="JavaScript1.2">
//         if (ie||dom) {
//           document.write('<div id="mySlidesOrder"></div>'); 
//           InitSlides(mySlides, "mySlidesCurrent",
//           document.getElementById("mySlidesImg"),
//           document.getElementById("mySlidesText"),
//           document.getElementById("mySlidesOrder"));
//           }
//         </script> 
//
// You can call the NextSlide function from an A tag:
//
//         <a href='javascript:NextSlide(mySlides, "mySlidesCurrent", 
//         document.getElementById("mySlidesImg"),
//         document.getElementById("mySlidesText"), 
//         document.getElementById("mySlidesOrder"))'>next</A>
//

var ie=document.all
var dom=document.getElementById 
 
function LoadSlide(slides, name, src, caption){ 
  slides[eval(name)] = [src, caption] 
  eval(name + "=" + name + "+1") 
  }
 
function InitSlides(slides, name, Img, Text, Order){
  //slides: array of images
  //  name: name of variable holding current index to slides
  //   Img: DOM object for image
  //  Text: DOM object for description
  // Order: DOM object for order
  // pre-load images
  for (i=0; i < slides.length; i++){
    var cacheimage = new Image()
    cacheimage.src = slides[i][0]
    }
  // initialize index to random image
  eval(name + " = Math.floor(Math.random()*slides.length)")
  NextSlide(slides, name, Img, Text, Order) 
  }
  
function NextSlide(slides, name, Img, Text, Order)
  {
  // increment the index
  eval(name + "= (" + name + " + 1) % slides.length")
  // build the text
  eval("html1 = '<font size=1>' + slides[" + name + "][1] + '</font>'") 
  eval("html2 = '<font size=1 color=#888888>[' + (" + name + "+ 1) + '&nbsp;of&nbsp;' + slides.length + ']</font>'")
  if (ie||dom) {   
    Img.src = eval("slides[" + name + "][0]") 
    Text.innerHTML = html1
    Order.innerHTML = html2
    }  
  }