toogle

[chuntin]

creo que esto va aqui:

Código HTML:

<!--
  function toogle()
   {
      var params=toogle.arguments;
      for(var i=1;i<params.length;i++)
       { 	  
         document.getElementById(params[i]).style.display=params[0];
       } 
   }
  //--> 
  </script>
  <style type="text/css">
  /*html, body
   {
      height: 100%;
      width: 100%;
      margin: 0;
      paddin: 0;
      overflow: hidden; 
   }*/
  #kba
   {
      height: 100%;
      width: 100%;
      overflow: auto; 	
   } 
  #modal
   {
      position: absolute;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      z-index: 50;
      filter: alpha(opacity=50);
      opacity: 0.5;
      -moz-opacity:0.5;
      background-color: #808080;
      left: 0;
      top: 0;
      overflow: auto;
   }
   
  #mContainer
   {
      position: absolute;
      left: 87px;
      top: 66px;
      background-color: #000000;
      color: #ffffff;
      width: 75%;
      height: 75%;
      z-index: 100;
      filter: alpha(opacity=100);
      opacity: 1;
      -moz-opacity:1;
   }
  </style>

<th class="odd" width="25%"><strong>Puertas Seccionales<br /> <em>
  <a id="open" value="fopen" onclick="toogle('block','modal','mContainer')">
  <img src="../images/imagenes/minilogos/seccionales.png" border="0" width="72" height="72" />
  </a>
  	<div id="modal" style="display:none">
  		<div align="right" id="mContainer" style="display:none">
        	<input align="right" id="close" type="button" value="Cerrar X" onclick="toogle('none','modal','mContainer')"/><br />
			<iframe title="seccional" width="100%" height="100%" src="http://issuu.com/eurocierre/docs/seccionales?viewMode=magazine&mode=embed" frameborder="0" allowfullscreen></iframe>
		</div>
	</div>
  </th>
  
  <th class="odd" width="25%"><strong>Enrollables<br />
   <a id="open" value="fopen"  onmouseover="font-color:#0CC" onclick="toogle('block','modal','mContainer')">
   <img src="../images/imagenes/minilogos/ENROLLABLES DE HIERRO.png" border="0" width="72" height="72" /></a>
  	<div id="modal" style="display:none">
  		<div align="right" id="mContainer" style="display:none">
    <input align="right" id="close" type="button" value="Cerrar X" onclick="toogle('none','modal','mContainer')"/><br />
			<iframe title="enrollable" width="100%" height="100%" src="http://issuu.com/eurocierre/docs/enrollable?viewMode=magazine&mode=embed" frameborder="0" allowfullscreen></iframe>
		</div>
	</div>
    </th> 

tengo este codigo y cuando carga el toogle, aunque luego tenga diferente enlace me carga siempre el de la primera celda. alguien sabe como puedo cargar el enlace que deberia??? pongo dos celdas pero en realidad tengo muchas mas