mostrar div oculto...

[art33]

quiero ahorrar el uso de popups... ok y solo esta opcion se me ocurre.
ya tengo un div k muestro y oculto pero hay manera de que a este le de coordenadas para que salga en el centro de la web?....
aki un pequeño codigo que pille por ahi.... gracias!!!!!!!!

Código HTML:

<script LANGUAGE="javascript">
  var capa
  function cambio(idCapa){
  if (document.layers) capa = eval("document." + idCapa);
  if (document.all) capa = eval(idCapa + ".style");
  if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');if ((capa.visibility == "hidden") || (capa.visibility == "hide")){
  capa.visibility = (document.layers) ? "show" : "visible" ;
  }else{
  capa.visibility = (document.layers) ? "hide" : "hidden" ;
  }
  }
  //-->
</script>
<div id="capa1" style='position:relative; visibility:hidden;'>
 <table width="353" border="0" align="center" cellpadding="0" cellspacing="0" class="tdcapcust">
<tr>
<td width="20" height="246" align="center" valign="top">
</td>
<td align="center" valign="top">
<img src="images/top_tit.png" width="234" height="30"/>
<table width="305" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <th align="left" height="20" scope="col"><span class="nomcust">Nombre:</span>
<input type="text" class="input" id="customer" onblur="RecuperaId(this.id,this.value,'cRazonSocial','cCustNo cRazonSocial','datos_cliente')"/></th>
    </tr>
  </table>
  <div id="datos_cliente" class="scrollable"></div>
  <div align="right" style=" vertical-align:middle;" height="20" scope="col"><span class="nomcust">ID:</span>
<input type="text" class="input" id="id"/><a href="#" title="Agregar ID Cliente" onClick="document.getElementById('customer').value = document.getElementById('id').value;cambio('capa1');document.getElementById('customer').focus();"><img src="images/xta.png" width="82" height="23" border="0" align="top" /></a>
</div></td>
<td width="20" valign="top"></td>
</tr>
</table>
</div>
</div> 

[ElJavista]

Bueno, si hay modo, pero no entiendo bien tu código porque usas cosas que yo no uso, así que solo te voy a dar pautas:

Primero obtienes el ancho y el alto de tu pantalla de este modo:

var w = screen.width;
var h = screen.height;

OK, ahora tienes que obtener el ancho y alto de tu capa, para tu caso, sería:

var wi = capa.offsetWidth;
var he = capa.offsetHeight;

Ahora calculas el left y el top que la capa debe tener para quedar centrada:

var l = Math.round((w - wi) / 2) + document.documentElement.scrollLeft;
var t = Math.round((h - he) / 2) + document.documentElement.scrollTop;

Si no te resulta así cuando haya escroll en tu pantalla pues reemplaza documentElement por body. Bien, ahora solo añade los estilos correspondientes:

capa.style.left = l + "px";
capa.style.top = t + "px";

Espero que te sirva.