How to create a submenu in Javascript

I want to create sub-menu in Javascript. I have the below snippet of Javascript code.
The first line Special Products must be a lable and when I mouse over on it I want to display the submenu which is Special Product Catalog and Special Product Capabilites. Currently the code
is shown with seperate links not as submenu. How do I include them under the Special Products Menu.

Thanks
VM

document.write(Menus.submenu2.startMenu());
		document.write('<tr><td height="17"><a href="#" title="Special Products" class="subnav2">Special Products</a></td></tr>');
		document.write('<tr><td height="17"><a href="SpecialProducts.aspx" class="subnav2">Special Product Catalog</a></td></tr>');
		document.write('<tr><td height="17"><a href="http://test.com" class="subnav2">Special Product Capabilities</a></td></tr>');
		document.write('<tr><td height="10" bgcolor="c9c9c9"></td></tr>');
document.write('</table>');
document.write(endMenu());

Select allOpen in new window