Attach the Events
The last thing to do is to attach the events. Here is the modified About menu trigger:
<div id="About" class="menuTrigger" onMouseOut="this.style.color='';"
And here is the associated About menu:
<div id="mnuAbout" class="menu" onMouseOut="hideMenu(mnuSelected)"
I included both mouse over and mouse out events for each menu as NS6 fires a mouse out event during the transition from the trigger to the menu.
The final touch is to modify the menu items so that they highlight when the mouse passes over them. One possible solution is to modify each item in the menu so that it looks like this:
<a href="#">About 1</a></p>
Once again I wrapped the text in an <a> element but I assume that each menu item will have some function to perform. You can replace the # with an appropriate call.
To make the system work, modify the <body> element so that it calls init(). Ive also included an onResize event so that the window will reposition the menus and resize the menu bar whenever the user resizes the window:
<body onLoad="init()" onResize="history.go(0)">