Fonction qui s'execute à moitié avec Onmouseover

Bonjour,
Je fais de la "petite programmation" pour un forum : je fais un widget en JS qui affiche en survolant des boutons des bannières d'actualités (exemple: test de jeu vidéo...)
Le truc est qu'il faut que je survole deux fois le bouton pour afficher l'image, alors qu'il faudrait que ce soit en une fois.Pourquoi ça fait ça alors que c'est en une seule fonction ?
Voici un lien pour tester (seul le bouton 1 marche, à survoler 2 fois):
http://www.le-pigeon.net/h6-widget-javascript

Voici le code, un fichier contient le script, l'autre contient les variables :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<SCRIPT type="text/Javascript">
function affiche() {
el.document.open(); el.document.write('<a href='+url+'><SPAN style="position: absolute;"><IMG SRC='+urlimg+'></SPAN></a>'); 
el.document.write('<SPAN style="position: absolute; top: '+posy+'; left: '+posx+'; color: '+color+'; font-size: '+taille+';">'+text+'</SPAN>');el.document.close()}
function include(file) {
var oScript =  document.createElement("script");
oScript.src = file;
oScript.type = "text/javascript";
document.body.appendChild(oScript); }
function enfin(file) {include(file); affiche()}
</SCRIPT>
<Form name=choice> 
<Input type=button name="b1" value="     1     " Onmouseover="enfin('/h7-test-ban1')"></Input>
<Input type=button name="b2" value="     2     " Onmouseover=""></Input>
<Input type=button name="b3" value="     3     " Onmouseover=""></Input>
<Input type=button name="b4" value="     4     " Onmouseover=""></Input></FORM>
<IFRAME name="el" id="el" width=800 height=500></IFRAME>

Code:

1
2
3
4
5
6
7
var url= "http://www.le-pigeon.net/t453-the-legend-of-zelda-skyward-sword-2011-wii";
var urlimg="http://image.noelshack.com/fichiers/2012/13/1333195231-imagetest.png";
var posy= 10;
var posx= 10;
var color="#FFFFFF"; 
var taille=18;
var text= "Le test du dernier opus de la saga Zelda est disponible ! Arme-toi de ton épée de Légende et de ton bouclier Hylien, nous t'attendons !";