Menú de capas con Javascript

Supongamos que tenemos tres contenidos dentro de sus tres capas, por ejemplo: usamos el atributo "capas" para acceder a todas ellas y un id en cada capa que la referencia de manera individual. ahora tenemos que hacer los enlaces hacemos un salto de línea para el código fuente

enlace capa1 enlace capa2 enlace capa3

---

Código Fuente:

<div id="inicio" class="capas"><i>Contenido capa de inicio, puede verse sólo al inicio o se puede ponerle un enlace también como a cualquier otra.</i></div>
<div id="capa1" class="capas"><b>Contenido 1</b></div>
<div id="capa2" class="capas"><b>Contenido 2</b></div>
<div id="capa3" class="capas"><b>Contenido 3</b></div>

<script type="text/javascript">

function menu(divid,classname){

var dcls=document.getElementsByClassName(classname);
for(i=0;i<dcls.length;i++){
if(dcls[i].id===divid){
dcls[i].style.visibility="visible";
dcls[i].style.display="block";
}else{
dcls[i].style.visibility="hidden";
dcls[i].style.display="none";
}
}
}

function inicia(xid,xclass){
return menu(xid,xclass);
}

onload = function(){
inicia('inicio','capas');
};
</script>

<a href="javascript:menu('capa1','capas')">enlace capa1</a>
<a href="javascript:menu('capa2','capas')">enlace capa2</a>
<a href="javascript:menu('capa3','capas')">enlace capa3</a>