if (document.images) {
	  image1on = new Image();
	  image1on.src = "/i/shared-info-ON.gif";
	  image1off = new Image();
	  image1off.src = "/i/shared-info-OFF.gif";
	  
	  image2on = new Image();
	  image2on.src = "/i/shared-kids-ON.gif";
	  image2off = new Image();
	  image2off.src = "/i/shared-kids-OFF.gif";
	  
	  image3on = new Image();
	  image3on.src = "/i/shared-teenz-ON.gif";
	  image3off = new Image();
	  image3off.src = "/i/shared-teenz-OFF.gif";
	  
	  image4on = new Image();
	  image4on.src = "/i/topnav-information-ON.gif";
	  image4off = new Image();
	  image4off.src = "/i/topnav-information-OFF.gif";
	  
	  image5on = new Image();
	  image5on.src = "/i/topnav-exhibits-ON.gif";
	  image5off = new Image();
	  image5off.src = "/i/topnav-exhibits-OFF.gif";
	  
	  image6on = new Image();
	  image6on.src = "/i/topnav-kids-ON.gif";
	  image6off = new Image();
	  image6off.src = "/i/topnav-kids-OFF.gif";
	  
	  image7on = new Image();
	  image7on.src = "/i/topnav-parents-ON.gif";
	  image7off = new Image();
	  image7off.src = "/i/topnav-parents-OFF.gif";
	  
	  image8on = new Image();
	  image8on.src = "/i/topnav-teachers-ON.gif";
	  image8off = new Image();
	  image8off.src = "/i/topnav-teachers-OFF.gif";
	  
	  image9on = new Image();
	  image9on.src = "/i/topnav-shop-ON.gif";
	  image9off = new Image();
	  image9off.src = "/i/topnav-shop-OFF.gif";
	  
	  image10on = new Image();
	  image10on.src = "/i/topnav-more-ON.gif";
	  image10off = new Image();
	  image10off.src = "/i/topnav-more-OFF.gif";

	  image11on = new Image();
	  image11on.src = "/i/topnav-register-ON.gif";
	  image11off = new Image();
	  image11off.src = "/i/topnav-register-OFF.gif";

	  image20on = new Image();
	  image20on.src = "/i/cal-l-ON.gif";
	  image20off = new Image();
	  image20off.src = "/i/cal-l-OFF.gif";

	  image21on = new Image();
	  image21on.src = "/i/cal-r-ON.gif";
	  image21off = new Image();
	  image21off.src = "/i/cal-r-OFF.gif";
	
	}
	
	function turnOn(imageName) {
	  if (document.images) {
	    document[imageName].src = eval(imageName + "on.src");
	  }
	}
	
	function turnOff(imageName) {
	  if (document.images) {
	    document[imageName].src = eval(imageName + "off.src");
	  }
	}

        var bName = navigator.appName;
        var bVer = parseInt(navigator.appVersion);

        var NS4 = (bName == "Netscape" && bVer >= 4);
        var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4);
        var NS3 = (bName == "Netscape" && bVer < 4);
        var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4);

//do browser detect stuff
		 var isNS = (navigator.appName == "Netscape");
		 var layerRef = (isNS) ? "document" : "document.all";
		 var styleRef = (isNS) ? "" : ".style";
		 var isDynamic = ( document.layers || document.all );

		 var activeMenu = 0;

function activateMenu(menuLayerRef, offset) {
        
        if (isDynamic && activeMenu != menuLayerRef) {

                if (activeMenu) hideMenu("menu" + activeMenu);
                        
                menuID = "menu" + menuLayerRef;
                activeMenu = menuLayerRef;
        
                if (isNS) {
                        document[menuID].top = 85;
                        document[menuID].left = offset;
                } else {
                        document.all[menuID].style.pixelTop = 85;
                        document.all[menuID].style.pixelLeft = offset;
                }

                showMenu(menuID)
                
        }
        if (isDynamic && !isNS) window.event.cancelBubble = true;
}

function showMenu(layerID) {
        eval(layerRef + '["' + layerID + '"]' + styleRef + '.visibility = "visible"');
}

function hideMenu(layerID) {
        eval(layerRef + '["' + layerID + '"]' + styleRef + '.visibility = "hidden"');
}

function killMenu(e) {
        //check if theres a menu active
        if (activeMenu) {
                menuID = "menu" + activeMenu;
                if (isNS) {
                        menuX1 = document[menuID].left;
                        menuX2 = menuX1 + document[menuID].clip.right;
                        menuY1 = document[menuID].top;
                        menuY2 = menuY1 + document[menuID].clip.bottom;
                        
                        if (e.pageX < menuX1 || e.pageX > menuX2 || e.pageY > menuY2) {
                                hideMenu(menuID);
                                activeMenu = 0;
                        }
						
                } else {
                                hideMenu(menuID);
                                activeMenu = 0;

                }
        }  

}

function init() {
        if (isDynamic) {
                if (isNS) { 
                        document.captureEvents(Event.MOUSEMOVE); 
                        document.onmousemove = killMenu;
                } else {
                        document.onmouseover = killMenu;
                }
                
        }
}