cambiar una imagen de una capa al hacer click en otra imagen

[D_Z]

Hola de una manera sencilla y aprobechando la funcion mostrar que ya tienes

puedes poner a las imagenes un id y pasar por parmetro en el onclick el id de la imagen tambien algo asi:

Código:

<span onclick="mostrar('capa2','imagen2')" style="cursor: pointer"><img  id="imagen2" src="img/fondos_contenido/submenu_off.png" width="16" height="15" border="0" /></span> &nbsp;

y en la funcion igual que haces para ocultar las capas y luego mostrar una puedes poner todos los 'botones' con la imagen gris y poner la que corresponda con el boton azul

Código:

var capas = ["capa1", "capa2", "capa3", "capa4"];
var imagenes = ["imagen1", "imagen2", "imagen3", "imagen4"];
function mostrar(capa,imagen) {
// primero ocultamos todas...
for (var i = 0, total = capas.length; i < total; i ++)
document.getElementById(capas[i]).style.display = "none";
document.getElementById(imagenes[i]).src = "ruta imagen gris";
// y ahora mostramos la actual...
document.getElementById(capa).style.display = "block";
document.getElementById(imagen).src = "ruta imagen azul";
}

-->

bueno espero que te pueda servir...