Mostrar-Ocultar Layer desde Select-Option

[José Molina]

Saludos.

Tengo lo siquiente:

<script language="JavaScript" type="text/JavaScript">
<!--
function mostrar(cual){
var misCapitas = new Array('Layer1','Layer2')

for(m=0;m<misCapitas.length;m++){
document.getElementById(misCapitas[m]).style.visibility = 'hidden'
}
document.getElementById(cual).style.visibility = 'visible'
}
//-->
</script>

<select name="select">
<option value="0" selected>Seleccione</option>
<option value="1" onclick="mostrar('Layer1')">Instituciones</option>
<option value="2" onclick="mostrar('Layer2')">M&eacute;dicos</option>
</select>

<div id="Layer1" style="position:absolute; width:180px; height:59px; z-index:1; left: 10px; top: 42px; overflow: hidden; visibility: hidden;">
<select name="select2">
<option value="1">albergues</option>
<option value="2">ambulatorios</option>
</select>
</div>
<div id="Layer2" style="position:absolute; width:180px; height:59px; z-index:1; left: 10px; top: 42px; overflow: hidden; visibility: hidden;">
<select name="select3">
<option value="1">gineco-obstetra</option>
<option value="2">Medicina Familiar</option>
</select>
</div>

Lo que intento hacer es que cuando seleccionen la opción 1 del Select List, se muestre la capa Layer1 y cuando seleccionen la opción 2 se muestre Layer2.

Como veran no funciona. Cómo debería escribirlo??

Gracias