Menu In Links

Hi All,

I am wondering if I can achieve this, I want to have a link:

"NEWS & EVENTS"

And then when rolled over:

"NEWS & EVENTS / Menu Item 1 / Menu Item 2 / Menu Item 3"

put a hidden div that gets called when you mouse over the "news & events".

something like


<script type="text/javascript">
function toggle_menu(which, how) {
//which is the menu number
//how is what do to (display method)
document.getElementById("menu" + which + "_sub").style.display = how;
}
</script>

<div id="menu1" onmouseover="toggle_menu(1,'block')" onmouseout="toggle_menu(1,'none')">
News &amp; Events
<div id="menu1_sub" style="display:none">Menu item 1 | Menu item 2 | Menu item 3</div>
</div>