//Preload the images used.
PreLoadImage("Images/MenubarTabActiveLeft.jpg");
PreLoadImage("Images/MenubarTabActiveCenter.jpg");
PreLoadImage("Images/MenubarTabActiveRight.jpg");
PreLoadImage("Images/MenubarTabInactiveLeft.jpg");
PreLoadImage("Images/MenubarTabInactiveCenter.jpg");
PreLoadImage("Images/MenubarTabInactiveRight.jpg");

//Set the specified item's background images appropriately.
function SetMenuItemActive(element, active) {
	var menuDivs = element.getElementsByTagName("DIV");
    if (active) {
    	if (menuDivs[0].style.backgroundImage != "url('Images/MenubarTabActiveLeft.jpg')") {
    		menuDivs[0].style.backgroundImage = "url('Images/MenubarTabActiveLeft.jpg')"
    		menuDivs[1].style.backgroundImage = "url('Images/MenubarTabActiveCenter.jpg')"
    		menuDivs[2].style.backgroundImage = "url('Images/MenubarTabActiveRight.jpg')"
        }
    }
    else {
    	if (menuDivs[0].style.backgroundImage != "url('Images/MenubarTabInactiveLeft.jpg')") {
    		menuDivs[0].style.backgroundImage = "url('Images/MenubarTabInactiveLeft.jpg')"
    		menuDivs[1].style.backgroundImage = "url('Images/MenubarTabInactiveCenter.jpg')"
    		menuDivs[2].style.backgroundImage = "url('Images/MenubarTabInactiveRight.jpg')"
        }
    }
}