// Here we're using those UL and LI tags for our menu data.
// We pass the menu object its own name, and 'true' since this is a nested menu.
// This script will set "style.display = 'block'" to display its menus on mouseover.
// Also, I have listed some optional settings for delays and highlighting:
//  * showDelay is the time (in milliseconds) to display a new child menu.
//  * switchDelay is the time to switch from one child menu to another child menu.
//  * hideDelay is the time it takes for a menu to hide after mouseout.
//  * cssLitClass is the CSS classname applied to parent items of active menus.

var listMenu = new FSMenu('listMenu', true, 'display', 'block', 'none');
//listMenu.showDelay = 0;
//listMenu.switchDelay = 125;
//listMenu.hideDelay = 500;
listMenu.cssLitClass = 'highlighted';


// Finally, on page load you have to activate the menu by calling its 'activateMenu()' method.
// I've provided an "addEvent" method that lets you attach events to browser objects easily.
// You pass the activateMenu() function two parameters:
//  (1) The ID of the outermost list element.
//  (2) The text for the popout indicator arrow, if any.
// If none of that made sense, just cut and paste this next line for each menu you create.

addEvent(window, 'load', new Function('listMenu.activateMenu("listMenuRoot", ">")'));