<!--
       //These are the images you want to show when the mouse goes over the image link.
        if (document.images) {
            img1on = new Image();
            img1on.src = "navbar/about_off.jpg";
            img2on = new Image();
            img2on.src = "navbar/services_off.jpg";
            img3on = new Image();
            img3on.src = "navbar/portfolio_off.jpg";
            img4on = new Image();
            img4on.src = "navbar/community_off.jpg";

      //These are the images to show when the mouse is OFF the image link.
            img1off = new Image();
            img1off.src = "navbar/about_over.jpg";
            img2off = new Image();
            img2off.src = "navbar/services_over.jpg";
            img3off = new Image();
            img3off.src = "navbar/portfolio_over.jpg";
            img4off = new Image();
            img4off.src = "navbar/community_over.jpg";

	// These images are on mousedown
            img1click = new Image();
            img1click.src = "navbar/about_on.jpg";
            img2click = new Image();
            img2click.src = "navbar/services_on.jpg";
            img3click = new Image();
            img3click.src = "navbar/portfolio_on.jpg";
            img4click = new Image();
            img4click.src = "navbar/community_on.jpg";

        }

//This should not be changed.
function imgOn(imgName) {
        if (document.images) {
            document[imgName].src = eval(imgName + "on.src");
        }
}

//
function imgOff(imgName) {
        if (document.images) {
            document[imgName].src = eval(imgName + "off.src");
        }
}

//
function imgclick(imgName) {
        if (document.images) {
            document[imgName].src = eval(imgName + "click.src");
        }
}
// -->