//----------------------------------------------------------------//
//                                                                //
//  <SCRIPT LANGUAGE="JavaScript" SRC="SlideShow.js">             //
//  </SCRIPT>                                                     //
//                                                                //
//----------------------------------------------------------------//

 //----------------------------------------------------------------//
 //  Specify the image files                                       //
 //----------------------------------------------------------------//
  var Pic = new Array();
  var Pic_Remark = new Array();

  i=0;

  Pic[ i ] = 'Images/BandPeople.jpg';
  Pic_Remark[ i ] = ' Band Logo ';
  i = i + 1;

  Pic[ i ] = 'Images/ColumbusNorth_Trailer.jpg';
  Pic_Remark[ i ] = ' The Trailer of Columbus North ';
  i = i + 1;

  Pic[ i ] = 'Images/2009_ISSMA State Marching Band Finals 1.jpg';
  Pic_Remark[ i ] = ' 2009 ISSMA State Marching Band Finals ';
  i = i + 1;

  Pic[ i ] = 'Images/2009_ISSMA State Marching Band Finals 2.jpg';
  Pic_Remark[ i ] = ' 2009 ISSMA State Marching Band Finals ';
  i = i + 1;

  Pic[ i ] = 'Images/2009_ISSMA State Marching Band Finals 3.jpg';
  Pic_Remark[ i ] = ' 2009 ISSMA State Marching Band Finals ';
  i = i + 1;

  Pic[ i ] = 'Images/2009_ISSMA State Marching Band Finals 4.jpg';
  Pic_Remark[ i ] = ' 2009 ISSMA State Marching Band Finals ';
  i = i + 1;

  Pic[ i ] = 'Images/2009_ISSMA State Marching Band Finals 5.jpg';
  Pic_Remark[ i ] = ' 2009 ISSMA State Marching Band Finals ';
  i = i + 1;

  Pic[ i ] = 'Images/2009_ISSMA State Marching Band Finals 6.jpg';
  Pic_Remark[ i ] = ' 2009 ISSMA State Marching Band Finals ';
  i = i + 1;

  Pic[ i ] = 'Images/2009_ISSMA State Marching Band Finals 7.jpg';
  Pic_Remark[ i ] = ' 2009 ISSMA State Marching Band Finals ';
  i = i + 1;

  Pic[ i ] = 'Images/2010_Band USS Missouri.jpg';
  Pic_Remark[ i ] = ' 2010 Band USS Missouri ';
  i = i + 1;

  Pic[ i ] = 'Images/2010_Directors Hanging Loose.jpg';
  Pic_Remark[ i ] = ' 2010 Directors Hanging Loose ';
  i = i + 1;

  Pic[ i ] = 'Images/2010_Hawaii Show.jpg';
  Pic_Remark[ i ] = ' 2010 Hawaii Show ';
  i = i + 1;

  Pic[ i ] = 'Images/2010_Aloha Hawaii.bmp';
  Pic_Remark[ i ] = ' 2010 Aloha Hawaii ';
  i = i + 1;

  Pic[ i ] = 'Images/2010_Caryn and Shelly.jpg';
  Pic_Remark[ i ] = ' 2010 Caryn and Shelly ';
  i = i + 1;

  Pic[ i ] = 'Images/2010_Dancing.jpg';
  Pic_Remark[ i ] = ' 2010 Dancing ';
  i = i + 1;

  Pic[ i ] = 'Images/2010_Flower.jpg';
  Pic_Remark[ i ] = ' 2010 Flower ';
  i = i + 1;

  Pic[ i ] = 'Images/2010_Group Shot.jpg';
  Pic_Remark[ i ] = ' 2010 Group Shot ';
  i = i + 1;

  Pic[ i ] = 'Images/2010_Flowers at Arizona Memorial.bmp';
  Pic_Remark[ i ] = ' 2010 Flowers at Arizona Memorial ';
  i = i + 1;

  Pic[ i ] = 'Images/2010_Hawaii at Night.jpg';
  Pic_Remark[ i ] = ' 2010 Hawaii at Night ';
  i = i + 1;

 //----------------------------------------------------------------//
 //  Set slideShowSpeed (milliseconds)                             //
 //----------------------------------------------------------------//
  var slideShowSpeed = 5000;

 //----------------------------------------------------------------//
 //  Duration of crossfade (seconds)                               //
 //----------------------------------------------------------------//
  var crossFadeDuration = 3;

 //----------------------------------------------------------------//
 //  Number of Pictures                                            //
 //----------------------------------------------------------------//
  var Pic_Count = Pic.length ;

 //----------------------------------------------------------------//
 //  Preload the images                                            //
 //----------------------------------------------------------------//
  var preLoad = new Array();

  for (i = 0; i < Pic_Count; i++) {
    preLoad[i] = new Image();
    preLoad[i].src = Pic[i];
  }
    j = 1 ;
    document.images.SlideShow.src = preLoad[j].src;
    document.images.SlideShow.title = Pic_Remark[j];
    document.getElementById( 'SlideShow_Remark' ).innerHTML = Pic_Remark[j];

 //----------------------------------------------------------------//
 //  function runSlideShow()                                       //
 //----------------------------------------------------------------//
  //var j = 0 ;
  function runSlideShow() {

   //----------------------------------------------------------------//
   //  Serial slide                                                  //
   //----------------------------------------------------------------//
    j = j + 1;
    if (j > (Pic_Count-1)) j = 0;

   //----------------------------------------------------------------//
   //  Random slide                                                  //
   //----------------------------------------------------------------//
    //j= Math.random() * ( Pic_Count -1 ) ;
    //j= Math.round( j ) ;
    //alert(j);

   //----------------------------------------------------------------//
   //  Image change with Fade function                               //
   //----------------------------------------------------------------//
    if (document.all) {
      //document.images.SlideShow.style.filter="blendTrans(duration=2)";
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
      document.images.SlideShow.filters.blendTrans.Apply();
    }

    document.images.SlideShow.src = preLoad[j].src;
    document.images.SlideShow.title = Pic_Remark[j];
    document.getElementById( 'SlideShow_Remark' ).innerHTML = Pic_Remark[j];

    if (document.all) {
      document.images.SlideShow.filters.blendTrans.Play();
    }

   //----------------------------------------------------------------//
   //  run SlideShow with timer                                      //
   //----------------------------------------------------------------//
    setTimeout('runSlideShow()', slideShowSpeed);
  }

 //----------------------------------------------------------------//
 //  1st runSlideShow()                                            //
 //----------------------------------------------------------------//
  runSlideShow();
