Ciao a tutti mi chiamo Cesare e son un webmaster alle primissime armi e quindi chiedo scusa se uso un linguaggio non propriamente tecnico. Vi spiego il mio problema. Voglio creare un pop up che si apra automaticamente all'apertura della index. Il pop consiste in un'immagine con link ad una seconda immagine con eventuali link esterni (vedi marilynmanson.com - voglio ricreare la stessa identica cosa).
Questa è la prima parte del codice che son assolutamente certo sia corretta:
<script src="popover.js" type="text/javascript"></script>

#popart {
margin: 0;
width: 284px;
height: 300px;
}

#popart-top {
width: 284px;
height: 257px;
}

#popart-bottom {
width: 284px;
height: 43px;
}

#ard_wrapper {
margin: 0 auto;
width: 400px;
}
#ard_header {
width: 400px;
height: 37px;
}
#ard_content {
width: 400px;
height: 489px;
}
#ard_footer {
width: 400px;
height: 37px;
}

.popover {
padding: 0px;
background-color: #000;
position: absolute;
display: none;
border-width: 0px;
height: 300px;
width: 294px;
z-index: 3200;
}

.popover2 {
padding: 0px;
background-color: #000;
position: absolute;
display: none;
border-width: 0px;
height: 563px;
width: 400px;
z-index: 3200;
}


<body onLoad="javascript:showPopOver('pop1');" >
<div id="pop1" class="popover" align="center">

<div id="popart">
<div id="popart-top">[img]immagini/immagine1.jpg[/img]</div>
<div id="popart-bottom">[img]immagini/immagine2.jpg[/img]</div>
</div>


</div>
<div id="pop2" class="popover2" align="center">
<div id="ard_wrapper">
<div id="ard_header">[img]immagini/download/im1.jpg[/img]</div>
<div id="ard_content">[img]immagini/download/im2.jpg[/img]</div>
<div id="ard_footer">[img]immagini/download/im3.jpg[/img]</div>
</div>
</div>

Questo invece è il file popover.js
// JavaScript Document
function showPopOver() {
oDiv = document.getElementById('popart');
oDiv.style.display='block';
return false;
}

Son sicuro al 100% che l'errore è qui. Chi sa aiutarmi ed eventualmente scrivermi il codice corretto? Grazie mille