Problema con l'onload di JavaScript

---

Ciao, sono alle prese con onload ma per qualche ragione non carica quello che voglio.

Io vorrei fare apparire al centro della page un image dentro un quadrato mentre la pagina ancora non e' pronta e di conseguenza sparisca appena la pagina e' completata. Come posso fare? L'image rimane statica anche quando la pagina e' completa...

Nell'head metto :
<script language = "JavaScript">
function pleasewait()
{
if (document.all) {
document.all.loading.style.visibility="hidden";
}
else if (document.layers)
{
document.layers.loading.visibility="hide";
}
else if (document.getElementById)
{
document.getElementById.loading.style.visibility="hidden";
}
}
window.onload=pleasewait;
</script>


mente nel body:

DIV id="pleasewait" style="Z-INDEX: 10; VISIBILITY: show; POSITION: absolute; left:50%; top:50%; width:200px; height:100px; margin-left:-100px; ma
rgin-top:-50px; "><table bgcolor=white height='100' bordercolor=black border=2 cellspacing=0 cellpadding=0><tr><td width='200'><center><font cla
ss=all color=black> <img src='../img1.gif' align=absmiddle> please wait... </td></tr></table></DIV><TABLE cellSp
acing=0 cellPadding=0 border=0 width='100%'></DIV>

sicuramente sto sbagliando il modo di carica lo script, please help me!

ciao