<!-- 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/idxfree.jpg";
  bannerImg[1]="images/idxwolfhead.jpg";
  bannerImg[2]="images/idxasahi.jpg";
  bannerImg[3]="images/idxbear.jpg";
  bannerImg[4]="images/idxcougar.jpg";
  bannerImg[5]="images/idxdeer.jpg";
  bannerImg[6]="images/idxbella.jpg";
  bannerImg[7]="images/idxsnowowl-watercolor.jpg";
  bannerImg[8]="images/idxfulllion.jpg";
  bannerImg[9]="images/idxhorse.jpg";
  bannerImg[10]="images/idxlioness.jpg";
  bannerImg[11]="images/idxhorses.jpg";
  bannerImg[12]="images/idxwolves.jpg";
  bannerImg[13]="images/idxlionhead.jpg";
  bannerImg[14]="images/idxon-the-garden-path.jpg";
  bannerImg[15]="images/idxfriends.jpg";
  bannerImg[16]="images/idxhollypark.jpg";
  bannerImg[17]="images/idxjumper.jpg";
  bannerImg[18]="images/idxidgy.jpg";
  bannerImg[19]="images/idxforever.jpg";
  bannerImg[20]="images/idxforest-sentry.jpg";
  bannerImg[21]="images/idxdog-trio.jpg";
  bannerImg[22]="images/idxme-first.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()", 6*1000);
}
window.onload=cycleBan;