Utiliza el z-index de CSS. La verdad es que no sé cómo se accede a esa propiedad desde javascript, pero supondré que es document.getElementById('capa').style.zIndex, y si no que me corrijan.
Tenemos 3 capas:
<div id="superpuestas">
<div id="capa1" style="z-index:100" onclick="superponer(this.id)"></div>
<div id="capa2" style="z-index:200" onclick="superponer(this.id)"></div>
<div id="capa3" style="z-index:300" onclick="superponer(this.id)"></div>
</div>
Y el código javascript no se me ocurre nada más que:
Código PHP:
function superponer(idcapa)
{
var capa= document.getElementById(idcapa);
var valorz= document.getElementById(idcapa).style.zIndex;
var capas= document.getElementById("superpuestas".getElementsByTagName('div')
for (i=0; i<capas.length; i++)
{
if (capas[i].style.zIndex>capa.style.zIndex)
{
valorz=capas[i].style.zIndex;
capas[i].style.zIndex-=100;
}
}
capa.style.zIndex= valorz;
}
Ya he dicho que no sé cómo acceder a la propiedad z-index, así que no tiene por que funcionar, pero para que te hagas una idea...
Suerte!