//--==--==--==--==--==--==--==--==--==--==--==--==--==--==--==--==--==--==--==--==--==--==--==--==// //------------------------------------------------------------------------------------------------// /* Dynamic Menu Creation with mouseover, mouseout and selected images Author: Nathan Shower Version: 1.1 Last Updated: December 6, 2006 |-----------------------------------------------------------------------| | updates in 1.1 | | | | --the element that opens the submenu will now remain highlighted | | even when the submenu is open and another element is selected. | | | |-----------------------------------------------------------------------| These functions create a navigation menu width mouse events using images. The menu structure in the include file should be built as if it were on the homepage of the website (index.html), in the root directory. The include file should also be located in the root directory of the website (typically "httpdocs"). For example: index.html and menu_inc.html. This function will look at the "href" of each link in the navigation, as well as each image source and show the "selected" image if it is appropriate. The variable in the main function (different) is a boolean (true/false) variable which determines if the navigation has seperate images for the page that is "selected" or if it should use the "over" image in place of the "selected". The function also adds onmouseover and onmouseout events to the anchor () tags of the navigation, resulting in the image changing from "normal" to "highlighted" (or "over") to "selected" (if indeed this is the correct page) and back to "normal" once the cursor is moved. Also, this menu (if in the vertical position) can contain submenus on specific items. The layout for such a submenu is described below in the mock-up . The stipulations for using this menu are (as of now): * Function call is made in the onload event of the tag: - * All files utilizing this menu must be in the same directory. * All image files must be in the following format: - "normal" image ---> images/. - "over" image -----> images/_o. - "selected" image -> images/_s. * The