Mostar/Ocutar DIV

[fdrfdr]

Código PHP:

  function muestra1(){
 document.getElementById('capa1').style.visibility = "visible";
 document.getElementById('capa2').style.visibility = "hidden";
 document.getElementById('capa3').style.visibility = "hidden";
 document.getElementById('capa4').style.visibility = "hidden";
}
function muestra2(){
 document.getElementById('capa1').style.visibility = "hidden";
 document.getElementById('capa2').style.visibility = "visible";
 document.getElementById('capa3').style.visibility = "hidden";
 document.getElementById('capa4').style.visibility = "hidden";
}
function muestra3(){
 document.getElementById('capa1').style.visibility = "hidden";
 document.getElementById('capa2').style.visibility = "hidden";
 document.getElementById('capa3').style.visibility = "visible";
 document.getElementById('capa4').style.visibility = "hidden";
}
function muestra4(){
 document.getElementById('capa1').style.visibility = "hidden";
 document.getElementById('capa2').style.visibility = "hidden";
 document.getElementById('capa3').style.visibility = "hidden";
 document.getElementById('capa4').style.visibility = "visible";
} 
   

Funcionar, me funciona a la perfeccion, las repeticiones seria algo facil de solucionar, pero el posicionamiento dentro de dreamwaver, sera lo mas dificil de consegir.
La intencion seria realizarlo, sin javascript, pero usando el siguiente codigo,

Código HTML:

#agendanotis{
	background-color:#F2EFD6;
	width: 242px; 
	height: 260px;
  	position: absolute; 
  	overflow: hidden;
}

##agendanotis div { width: 100%;
	height: 100%; 
	overflow: auto; 
}

Tiene un error, grafico. Que a la hora de refrescar la pagina, muestra parte del contenido anterior, pero solo unas milesimas se segundo. Solo sucede cuando vas en el sentido contrario, de la capa 4 a la capa 1.