if (document.images)
{
    // First create an array with links to the images you want to
    // display as banners 4 image locations.
    adImages = new Array("http://www.outerbankschamber.com/banners/images/obblue-banner.jpg",
	"http://www.outerbankschamber.com/banners/charterbanner.jpg",
                    "http://www.outerbankschamber.com/banners/kittydunes.jpg",
	"http://www.outerbankschamber.com/newbanners/currentcdesignsbanner.jpg");

    // When the user clicks on a banner it should take the user to
    // the website of that company. Therefore we create another
    // array with a list of URLs. Keep the order the same as images.
    adURLs = new Array("www.outerbanksblue.com",
	     "www.charter-business.com",
                        "www.kittydunes.com",
	     "www.carolinadesigns.com");
    thisAd = 0;
}

// The following function cycles through each banner image.
// Notice the use of the variable thisAd to go from 0 to 2 and then
// back to 0. JavaScript has an object called document whose
// member adBanner can be set to the current banner to display.

function cycleAds()
{
    if (document.images)
    {
        if (document.adBanner.complete)
        {
            if (++thisAd == adImages.length)
                thisAd = 0;

            document.adBanner.src = adImages[thisAd];
        }
    }

    // change to next banner every 15 seconds
    setTimeout("cycleAds()", 4300);
}

// This function is used to direct the user to the website when
// the user clicks on a particular banner image.

function gotoAd()
{
    document.location.href = "http://" + adURLs[thisAd];
}