Hola amigo... tengo algo parecido a lo que buscas solo tienes que adaptarlo a lo que quieres...
El codigo es el siguiente..
<html>
<head>
<!-- PRIMER PASO: Copiar dentro del tag HEAD -->
<script language="JavaScript">
ns=document.layers
ie=document.all
function esconde() {
if (ie) precarga.style.visibility="hidden";
if(ns) document.pregarga.visibility="hide";
}
// -->
</script>
<style>
#precarga{position:absolute; width:100%; height:100%; top:0; left:0}
</style>
</head>
<body>
<!-- SEGUNDO PASO: Copiar dentro del tag BODY -->
<body onload="esconde();">
<script language="JavaScript">
if(ie || ns) document.write('<div id="precarga" align="center"><br><b>Cargando....</b><br>Por Favor Espere...!!!</div>');
</script>
</body>
</html>
Espero que te sirva...
Saludos...