Forskellig id på flere af samme java-menu på samme side

Kan man give en java-menu et id således at man kan have flere menuer på den samme side....<table border=1 cellpadding=2 cellspacing=0 width=120 bordercolor="#666666" >
  <td onClick="fnDispThis(1)" style="Cursor:HAND;">
<script language=javascript>
constMaxItem=4 // Husk at skrive antal menuer

function fnDispThis(active)
{
for (i=1; i < constMaxItem+1; i++)
{
if (i!=active)
{
document.all("sub"+i).style.display="NONE"
}
else
{
document.all("sub"+active).style.display="BLOCK"
}
}
}
</script>
Min menu
<div id="sub1" style="Display:'NONE';"> </div>
</td>
</tr>
<tr>
<td onClick="fnDispThis(2)" style="Cursor:HAND;">Menu 1<br>
<div id="sub2" style="Display:'NONE';"> &nbsp;&nbsp;&nbsp;&nbsp;<a href="#" target="mainFrame">Link</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" target="mainFrame">Link</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" target="mainFrame">Link</a><br>
</div>
</td>
</tr>
<tr>
<td onClick="fnDispThis(3)" style="Cursor:HAND;">Menu 2<br>
<div id="sub3" style="Display:'NONE';"> &nbsp;&nbsp;&nbsp;&nbsp;<a href="#" target="mainFrame">Link</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" target="mainFrame">Link</a><br>
</div>
</td>
</tr>
<tr>
<td onClick="fnDispThis(4)" style="Cursor:HAND;">Menu 3<br>
<div id="sub4" style="Display:'NONE';"> &nbsp;&nbsp;&nbsp;&nbsp;<a href="#" target="mainFrame">Link</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" target="mainFrame">Link</a><br>
</div>
</td>
</tr>
</table>