помогите с меню
 

только начинаю разбираться с javascript
надо сделать меню, помогите, пожалуйста, разобраться.
как сделать так, чтобы не писать для каждого подменю отдельно функцию.
и еще.. при загрузке страницы меню открыто, то есть все подменю открыты и только потом уже сворачиваются при том условии, что прописаны. как сделать так, чтобы при загрузке страницы меню было свернутым.

не знаю, понятно ли объяснил.
зарание спасибо.

<style>
#form-container {display: none}
</style>
<table>
<tr>
<td>
    <table  id="menu" align="top" >
		<tr><td ><p><a href="" class="a2">aaa</a></p></td>
		</tr>
		<tr><td><p></p></a></td></tr>
		<tr>
			<td ><a  href="" class="a2"  id="trigger()" onmouseover="#form-container">bbb</a>
						<table id="form-container()" align="top"  class="podmenu">
							<tr><td ><p><a href="" class="podmenu2">- 111</a></p></td></tr>
							<tr><td ><p><a href="" class="podmenu2">- 222</a></p> </td></tr>
							<tr><td ><p><a href="" class="podmenu2">- 333</a></p></td></tr>
							<tr><td ><p><a href="" class="podmenu2">- 444</a></p> </td></tr>					
						</table>			
			</td>
		</tr>
		<tr><td><p></p></a></td></tr>
		<tr>
		<td ><a  href="" class="a2"  id="triggerr()" onmouseover="#form-container">ccc</a>
						<table id="form-containerr()" align="left"  class="podmenu">
							<tr><td ><p><a href="" class="podmenu2">- 111</a></p></td></tr>
							<tr><td ><p> <a href="" class="podmenu2">- 222</a></p></td></tr>
						</table>	
		      </td>
		</tr>	
		<tr><td><p></p></a></td></tr>
		<tr>
			<td ><a  href="" class="a2"  id="triggerrr()" onmouseover="#form-container">ddd</a>		                 
						<table id="form-containerrr()" align="left"    class="podmenu">
							<tr><td ><p><a href="" class="podmenu2">- 111</a></p></td></tr>
							<tr><td ><p><a href="" class="podmenu2">- 222</a></p></td></tr>
							<tr><td ><p> <a href="" class="podmenu2">- 333 </a></p></td></tr>				
						</table>								
		      </td>
		</tr>
		<tr><td><p></p></a></td></tr>
		<tr>
			<td ><a href="" class="a2" id="triggerrrr()">eee</a>
						<table id="form-containerrrr()" align="left"  class="podmenu">
							<tr><td ><p><a href="" class="podmenu2">- 111</a></p></td></tr>
							<tr><td ><p> <a href="" class="podmenu2">- 222</a></p></td></tr>
						</table>			
			</td>
		</tr>
		<tr><td><p></p></a></td></tr>
		<tr><td ><a href="" class="a2">fff</a></td></tr>
		<tr><td><p></p></a></td></tr>	
		<tr><td ><a href="" class="a2">ggg</a></td></tr>	
    </table>
</td>
</tr>
</table>	
<script language="JavaScript">
document.getElementById('form-container()').onmouseout = function() 
{
setTimeout(function(){ thisObj.form-container(toPass)}, 5000);
document.getElementById('form-container()').style.display = 'none';
};

document.getElementById('trigger()').onmouseover = function() 
{
	var thisObj = this;
	var toPass = this.m_c;
document.getElementById('form-container()').style.display = 'block';
setTimeout(function(){ thisObj.form-container(toPass)}, 5000);
};
document.getElementById('form-container()').onmouseover = function()
{ 
document.getElementById('form-container()').style.display = 'block';
};
//=============================
document.getElementById('triggerr()').onmouseover = function() 
{
document.getElementById('form-containerr()').style.display = 'block';
setTimeout("function()", 5000);
};
document.getElementById('form-containerr()').onmouseover = function()
{ 
document.getElementById('form-containerr()').style.display = 'block';
};
document.getElementById('form-containerr()').onmouseout = function() 
{
setTimeout("function()", 5000);
document.getElementById('form-containerr()').style.display = 'none';
};
//=============================
document.getElementById('triggerrr()').onmouseover = function() 
{
document.getElementById('form-containerrr()').style.display = 'block';
setTimeout("function()", 5000);
};
document.getElementById('form-containerrr()').onmouseover = function()
{ 
document.getElementById('form-containerrr()').style.display = 'block';
};
document.getElementById('form-containerrr()').onmouseout = function() 
{
setTimeout("function()", 5000);
document.getElementById('form-containerrr()').style.display = 'none';
};
//=============================
document.getElementById('triggerrrr()').onmouseover = function() 
{
document.getElementById('form-containerrrr()').style.display = 'block';
setTimeout("function()", 5000);
};
document.getElementById('form-containerrrr()').onmouseover = function()
{ 
document.getElementById('form-containerrrr()').style.display = 'block';
};
document.getElementById('form-containerrrr()').onmouseout = function() 
{
setTimeout("function()", 5000);
document.getElementById('form-containerrrr()').style.display = 'none';
};
//===============================
function getBodyScrollTop(){
return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
}
function pos_leftBar(){
document.getElementById('left_bar').style.paddingTop = (getBodyScrollTop()+20);
}
</script>