Problemas con JavaScript

Hola:

Estoy realizando una pagina web con DHTML, en la que tengo que utilizar la propiedad z-index del componente STYLE de CSS, busque información en google, altavista, etc y revise mis manuales de javascript y css si bien se comenta la propiedad z-index, siempre se refieren a ella de forma estatica (se da el valor fijo el que creo la pagina, y nunca la modifican al reaccionar a eventos a través de código). Yo necesito modificar esa propiedad en realacion a las opciones que ha elegido el visitante, pero me da error, en cambio otras propiedades como position, etc me funcionan perfectamente, y son propiedades del mismo objeto, por las pruebas que he realizado el fallo se debe de producir por el nombre de la propiedad (z-index), seguramente debido al guion.
Ejemplo de lo que quiero hacer:
"centro.style.position="absolute";
centro.style.z-index=5;"
A ver si podeis ayudarme, y me indicais como modificar esa propiedad o como cambiar que objetos estan delante y cuales detras dependiendo de las acciones del usuario.
Gracias por anticipado, Un Saludo

Porque no usas la propiedad display, si la pones a none, es como si el objeto no existieses, pero si le pones algo que no sea no se vuelve a ver.
Ejemplo (el que usas tu):
centro.style.display="none"; // para hacerla invisible.
centro.style.display="";//para volverlo ha hacer visible.
Estos dias yo tambien lidie con la propiedad z-index y fue la unica solucion que encontre. Un saludo.