JavaScript - Como hacer que un layer se oscurezca

Hola, pues tengo una pagina, y lo que queria es que, cuando le dieran click a una imagen, un layer saliera del lado izquierdo de la pantalla, y se arrastrara hasta el centro, y alli adentro de este layer saldria la nueva pagina, la idea es que el layer se vaya oscureciendo a medida que avanza, pero bueno, no se mucho de JS, pero intente con este codigo:

<script language="javascript">
function aclarar() {
i=0;
for (i=0;i=6;i++){
if (i!=0) {
document.getElementById(Layer1).style.filter="Alpha(Opacity+=10)";
i++
}else{
document.getElementByID(Layer1).style.filter="Alpha(Opacity=60)"
}
setTimeout ("aclarar"(),1000)
}

</script>

Y luego le puse a la imagen donde quiero que se active esto:

<img onClick="aclarar()"...

Ahora vienen las preguntas. Mas o menos el codigo era asi, es que lo he vuelto a escribir aqui mismo asi que puede que tenga un par de errores de <>,{} o "" pero espero que me corrijais si es asi. La cosa es que cuando corria la pagina, el Explorer se queda bloqueado, y no respondia. Saben porque pasa esto? Supongo que es algo como que se haya quedado pensando eternamente, pero por eso puse que en i=6 . ¿Tienen alguna idea de porque no funciona?
Y de paso, quisiera preguntarles si saben como hacer que a un layer se le cargue una pagina, que es lo que estoy pensando hacer, que se arrastre este layer pero dentro de el se cargue una pagina externa, mientras de fondo esta la pagina principal. Ademas, como hago para incluir varias funciones en una misma sentencia onClick? separadas por coma, por guion?
¿Me ayudan? Gracias! Espero que si.
Un saludo.