<!-- Paste this code into an external JavaScript file named: banner.js.js  -->

/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Lee Underwood :: http://javascript.internet.com/ */

var bannerImg = new Array();
  // Enter the names of the images below
  bannerImg[0]="images/image1.jpg";
  bannerImg[1]="images/image2.jpg";
  bannerImg[2]="images/image3.jpg";
  bannerImg[3]="images/image4.jpg";
  bannerImg[4]="images/image5.jpg";
  bannerImg[5]="images/image6.jpg";
  bannerImg[6]="images/image7.jpg";
  bannerImg[7]="images/image8.jpg";
  bannerImg[8]="images/image9.jpg";
  bannerImg[9]="images/image10.jpg";
  bannerImg[10]="images/image11.jpg";
  bannerImg[11]="images/image12.jpg";
  bannerImg[12]="images/image13.jpg";
  bannerImg[13]="images/image14.jpg";
  bannerImg[14]="images/image15.jpg";
  bannerImg[15]="images/image16.jpg";
  bannerImg[16]="images/image17.jpg";
  bannerImg[17]="images/image18.jpg";
  bannerImg[18]="images/image19.jpg";
  bannerImg[19]="images/image20.jpg";
  bannerImg[20]="images/image21.jpg";
  
 

var newBanner = 0;
var totalBan = bannerImg.length;

function cycleBan() {
  newBanner++;
  if (newBanner == totalBan) {
    newBanner = 0;
  }
  document.banner.src=bannerImg[newBanner];
  // set the time below for length of image display
  // i.e., "4*1000" is 4 seconds
  setTimeout("cycleBan()", 1.5*1000);
}
window.onload=cycleBan;