var bannerImg = new Array();
  // Enter the names of the images below
  bannerImg[0]="images/side-1.jpg";
  bannerImg[1]="images/side-2.jpg";
  bannerImg[2]="images/side-3.jpg";
  bannerImg[3]="images/side-4.jpg";
  bannerImg[4]="images/side-5.jpg";
  bannerImg[5]="images/side-6.jpg";
  bannerImg[6]="images/side-7.jpg";
  bannerImg[7]="images/side-8.jpg";
  bannerImg[8]="images/side-9.jpg";
  bannerImg[9]="images/side-10.jpg";
  bannerImg[10]="images/side-11.jpg";
  bannerImg[11]="images/side-12.jpg";
  bannerImg[12]="images/side-13.jpg";
  bannerImg[13]="images/side-14.jpg";
  bannerImg[14]="images/side-15.jpg";
  bannerImg[15]="images/side-16.jpg";
  bannerImg[16]="images/side-17.jpg";
  bannerImg[17]="images/side-18.jpg";
  bannerImg[18]="images/side-19.jpg";
  bannerImg[19]="images/side-20.jpg";
  bannerImg[20]="images/side-21.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()", 4*1000);
}
window.onload=cycleBan;