<SCRIPT>

var seconds = 3;
// this counter keeps track of the current ad (1-3)
// this global variable will synchronize the URLs with the Images

var thisAd = 0;  // this counter keeps track of the current ad (1-3)

// create an Images Array & then fill the individual array elements with the appropriate gifs
var adImages = new Array(4);

if (document.images) {
     for (var i = 0; i < adImages.length; i++) {
          adImages[i] = new Image();
          adImages[i].src = "images/banner" + (i + 1) + ".gif";
     }
}

//create a URL Array & then fill the individual array elements with the appropriate URLs
var url = new Array();

url[0] = "index.htm";
url[1] = "rollover.htm";
url[2] = "crossword.htm";
url[3] = "emailcheck.htm";

function rotate() {
     if (document.images) {
          if (document.adBanner.complete) {// checks to see whether an image is completely loaded
               thisAd++;
               //if thisAd = 3 (adImages.length) then all images have been displayed,
               //reset the counter so that we can start the cycle all over again

               if (thisAd == adImages.length) thisAd = 0;
               //swap-out the current banner with the next one
               document.adBanner.src = adImages[thisAd].src;
          }
          // how long do you want to wait before you call the rotate() function?
          setTimeout("rotate()", seconds * 1000);
    }
}

function jumpBillboard() {
    //the individual will be taken to the URL that corresponds with that particular billboard
     location.href = url[thisAd];
}

</SCRIPT>

<BODY onLoad="rotate()">

<--
when the user clicks on the hyperlink the jumpBillboard() function will be called &
the individual will be taken to the URL that corresponds with that particular billboard
-->

<A HREF="javascript:jumpBillboard()">
<IMG  SRC="images/banner1.gif" NAME="adBanner">
</A>