<!-- navigation button swapping script -->

        var imageArray      = new Array(16);
        var imageDirectory  = "images/common/";
        var preloadedImages = new Array(16);

        <!-- define the images -->
        imageArray[0] = imageDirectory + "home.jpg"
        imageArray[1] = imageDirectory + "homeSelected.jpg";
        imageArray[2] = imageDirectory + "about.jpg";
        imageArray[3] = imageDirectory + "aboutSelected.jpg";
        imageArray[4] = imageDirectory + "news.jpg";
        imageArray[5] = imageDirectory + "newsSelected.jpg";
        imageArray[6] = imageDirectory + "calendar.jpg";
        imageArray[7] = imageDirectory + "calendarSelected.jpg";
        imageArray[8] = imageDirectory + "galleries.jpg";
        imageArray[9] = imageDirectory + "galleriesSelected.jpg";
        imageArray[10] = imageDirectory + "forsale.jpg";
        imageArray[11] = imageDirectory + "forsaleSelected.jpg";
        imageArray[12] = imageDirectory + "links.jpg";
        imageArray[13] = imageDirectory + "linksSelected.jpg";
        imageArray[14] = imageDirectory + "joinus.jpg";
        imageArray[15] = imageDirectory + "joinusSelected.jpg";

        <!-- fill the image array with the images themselves -->
        for (i = 0; i < imageArray.length; i++) {
            preloadedImages[i]     = new Image();
            preloadedImages[i].src = imageArray[i];
        }

        <!-- image swap function -->
        function swap(from, to) {
            if(document.images) {
                document.images[from].src = preloadedImages[to].src;
            }
        }