This one's for you, Grizzly (or anyone else who could help). I want to make a top menu with vertical drop downs. I can do that. I have seen an example that has one menu item that does a slide down of sub-menus upon mouseover. Now I want to combine the two, have something like 4 menu items at the top, and upon a mouseover event slide down submenus. I can't get this to work, I know it has something to do with passing on information on which element to change, but I'm too new to this stuff to figure it out. Here's the code so far:
<script language="JavaScript">
var i=0
var intHide

function show()
{
if (i>-100)
{
i=i-1
document.all(elmnt).style.bottom=i
}
}

function showmenu(elmnt)
{
clearInterval(intHide)
intShow=setInterval("show()",10)
}

function hide()
{
if (i<0)
{
i=i+1
document.all(elmnt).style.bottom=i
}
}

function hidemenu(elmnt)
{
clearInterval(intShow)
intHide=setInterval("hide()",10)
}
</script>

It gets called like this:
<td onmouseover="showmenu('tutorials')" onmouseout="hidemenu('tutorials')">
<a href="../default.asp">Tutorials</a><br />
<table class="menu" id="tutorials" width="100%">
<tr><td class="menu"><a href="../html">HTML</a></td></tr>
<tr><td class="menu"><a href="../xhtml">XHTML</a></td></tr>
<tr><td class="menu"><a href="../css">CSS</a></td></tr>
<tr><td class="menu"><a href="../xml">XML</a></td></tr>
<tr><td class="menu"><a href="../xsl">XSL</a></td></tr>
</table>
</td>

When I take the 'elmnt' part from the function calls, and change the Show and Hide functions to document.all("menu") this particular menu will work, but like I said, I want to have more than one 'top' menu.
Oh, I got this code from www.w3schools.com, the ones that work anyway.

------------------
"My other car is also a Porsche"
---------------------------------
Abit BH6, rev. 1.01
PIII-750@840
256MB PC133 Crucial RAM
Viper 770 non-Ultra @ 150/183 w. NVidia 11.01 drivers
TennMax Lasagna TNT cooler
Diamond Monster MX300 w. Vortex 2 v.2048 drivers
DirectX 8.0a