function precache() {
    // counter     
    var i = 0;

    // create object     
    var imageObj = new Array();
    // set image list     
    var images = new Array(10);

    images[0] = "/img2/arrow1.png";
    images[1] = "/img2/arrow2.png";
    images[2] = "/img2/arrow3.png";
    images[3] = "/img2/arrow4.png";
    images[4] = "/img2/paneBg1.png";
    images[5] = "/img2/paneBg2.png";
    images[6] = "/img2/paneBg3.png";
    images[7] = "/img2/paneBg4.png";
    images[8] = "/img2/mens_breakfast_home.jpg";
    images[9] = "/img2/prayer_triplet_photo_homepage.jpg";


    // start preloading
    for (i = 0; i <= images.length; i++) {
        imageObj[i] = new Image();
        imageObj[i].src = images[i];
    }
}

function swap(id, adURL) {
    var ad1 = document.getElementById("sideAd1");
    var ad2 = document.getElementById("sideAd2");
    var adImg = document.getElementById("adImg");
    adImg.src = adURL;
    switch (id) {
        case 1:
            ad1.className = "sideAdOn";
            ad2.className = "sideAdOff";
            break;
        case 2:
            ad2.className = "sideAdOn";
            ad1.className = "sideAdOff";
            break;
    }

}

function swapArrow(id) {
    var arrowPanel = document.getElementById("arrowPanel");
    arrowPanel.style.backgroundImage = "url(img2/arrow" + id + ".png)";

    var infoPanel = document.getElementById("infoPanel");
    infoPanel.style.backgroundImage = "url(img2/paneBg" + id + ".png)";

    var titleText = document.getElementById("titleText");
    var linksPanel = document.getElementById("linksPanel");
    var mainInfo = document.getElementById("mainInfo");

    switch (id) {
        case '1':
            titleText.innerHTML = "Welcome to <br />Newbury Baptist Church";
            titleText.style.paddingTop = "0px";
            linksPanel.innerHTML = "<a href=\"/resources/downloadsermons.aspx\">Download Sermons</a> | <a href=\"/resources/nbcnews.aspx\">NBC News</a>";
            break;
        case '2':
            titleText.innerHTML = "Visitor Information";
            titleText.style.paddingTop = "13px";
            linksPanel.innerHTML = "<a href=\"/visitorinfo/whenarethemeetings.aspx\">Where are the meetings?</a> | <a href=\"/gettoknowus/whereweare.aspx?section=visitorinfo\">How can I get there?</a>";
            break;
        case '3':
            titleText.innerHTML = "NBC Members";
            titleText.style.paddingTop = "13px";
            linksPanel.innerHTML = "<a href=\"/members/admin/login.aspx\">Log In</a>";
            break;
        case '4':
            titleText.innerHTML = "Events";
            titleText.style.paddingTop = "13px";
            linksPanel.innerHTML = "<a href=\"/events/calendar.aspx\">Calendar</a> | <a href=\"/events/specialevents.aspx\">Special Events</a>";
            break;
    }
}