I have developed the navigation menu and done the html for the sub menu which will run horizontally. The only problem is I need some javascript help with calling the sub menu and placing the sub menu in a seperat cell.

Here is what I have so far for the code

Code:
<head>
<script language="javascript" type="text/javascript">

function getElement()
{
document.getElementById("menu2").style.display="inline";
str = '<a href="http://alliedschools.com"><img src="http://i95.photobucket.com/albums/l136/surreal5335/RE%20site/allied.png" onmouseover="rollOn(this)" onmouseout="rollOff(this)" alt="Allied Schools" hspace="1" vspace="1">';
str += '<a href=""><img src="http://i95.photobucket.com/albums/l136/surreal5335/RE%20site/dvd.png" onmouseover="rollOn(this)" onmouseout="rollOff(this)" alt="DVDs" hspace="1" vspace="1">';
str += '<a href=""><img src="http://i95.photobucket.com/albums/l136/surreal5335/RE%20site/books.png" onmouseover="rollOn(this)" onmouseout="rollOff(this)" alt="Books" hspace="1" vspace="1">';
}
</script>
</head>
<body>
<table>
<tr>
<td>
<!--main menu--!>
<a href="#"><img src="http://i95.photobucket.com/albums/l136/surreal5335/RE%20site/education.png" onmouseover="rollOn(this); subnav(menu2)" onmouseout="rollOff(this)" vspace="1" hspace="0"></a>
</td>
</tr>
<tr>
<td>
<!--sub menu--!>

</td>
</tr>
</table>
I appreciate any help