Capas 100% de alto

[raulalva3]

Hola a todos. Bueno... tengo lo siguiente, una página que tiene una miniatura de una imagen a la cual le agregué un javascript para que al presionarla me abra la imagen en grande dentro la misma ventana. Al hacerlo me muestra 2 capas... una con la imaen con z-index 2 y otra con z-index 1 de 100% de ancho x 100% de alto. Esta última tiene transparencia. Todo esto es para que, al presionar la imagen, se muetren ambas capas pero la capa con z-index 1 (es decir, la que funciona de fondo) opaque el contendio de mi pagina
Hasta ahi perfecto... se preguntaran cual es mi problema... pues es este: la capa con z-index 1 (es decir, la que funciona de fondo para que opaque el contendio de mi pagina) tiene 100% de alto pero cuando el contenido de mi página excede la pantalla y me genera scroll, la capa tapa solamente el 100% del area visible, por lo que al hacer scroll esta capa ya no cubre esa parte del contenido.
Entonces...
1º. Como hago para que mi capa cubra el 100% a lo alto de mi pagina sabiendo que la cantidad de contenido de la misma es variable?
2º Existe alguna especie de preload o función que me intente cargar la imagen recién cuando cliqueo para verla en grande y no antes?
Espero haber sido claro... y gracias!