for Schleife funktioniert nicht

[nona]

ich weiss nicht ob ich heute total verblödet bin, oder was aber bei mir funktioniert diese Schleife nicht:

  
function show(sub1, sub2){  
		 for(var i=1; i<150;i++)  
		 {  
			 var id= 'submenu'+i; //alert (id);  
			 document.getElementById(id).style.display='none';  
		 }  
		 document.getElementById(sub1).style.display='block';  
		 document.getElementById(sub2).style.display='block';		  
 }  

damit will ich erst mal alle Unterkategorien zumachen und dann nur die öffnen die übergeben worden sind (sub1 und sub2)

Hier ist die HTML:

  
<table width="100" border="0" cellspacing="0" cellpadding="0">  
  <tr>  
    <td>  
	  <a href="#" onMouseover=" show('submenu1','submenu1'); ">menu1</a>  
	       <div  id="submenu1"  style="display: none;" >  
		   <!---------------------------------------------------------------------->  
	         <a href="#"  onMouseover="show('submenu11','submenu1')" >untermenu-1</a>  
			  <div  id="submenu11"  style="display: none;" >  
			   <a href="#">untermenu-11</a>  
			   <a href="#">untermenu-11</a>  
			   <a href="#">untermenu-11</a>  
			  </div>  
          <!---------------------------------------------------------------------->  
		   <!---------------------------------------------------------------------->  
	         <a href="#"  onMouseover="show('submenu12','submenu1');" >untermenu-2</a>  
			  <div  id="submenu12"  style="display: none;" >  
			   <a href="#">untermenu-11</a>  
			   <a href="#">untermenu-11</a>  
			   <a href="#">untermenu-11</a>  
			  </div>  
          <!---------------------------------------------------------------------->		  		  			  
	       </div>		   		  
	</td>  
  </tr>  
  
</table>