Hvad er der galt her?...

På min hjemmeside har jeg nogle gif-billeder der gerne skulle komme frem når man holder musen over linkene. Det gør de også og det er godt altsammen, det eneste der irreterer mig er at jeg har en preload funktion der skulle gøre til at billederne bliver indlæst med det samme sådan at man ikke skal vente 2. sek. hver gang man holder musen over. De 7 gif billeder ligger i en mappe der hedder gif. Min side ser således ud:

<html>
<head>
<title>Min side - frametop</title>
<base target=\"_self\">

<style type=\"text/css\">
a:link {text-decoration=none}
a:visited {text-decoration=none} 
a:hover {color:\"#669999\"}
a:visited:hover {color:\"#FFFFFF\"}
<!--
body { scrollbar-face-color: #003333; scrollbar-shadow-color: #669999; scrollbar-highlight-color: #003333; scrollbar-3dlight-color: #669999; scrollbar-darkshadow-color: black; scrollbar-track-color: #669999; scrollbar-arrow-color: #669999}
//-->
</style>


<script language=\"JavaScript\">

<!--

var myPics = new Array();
function preload()
{
for (i=0; i<7; i++)
{
myPics[i] = new Image();
}
  myPics[0].src = \"gif/forside.gif\";
  myPics[1].src = \"gif/dansk.gif\";
  myPics[2].src = \"gif/tysk.gif\";
  myPics[3].src = \"gif/engelsk.gif\";
  myPics[4].src = \"gif/biologi.gif\";
  myPics[5].src = \"gif/fysik.gif\";
  myPics[6].src = \"gif/historie.gif\";
}

// -->
</script>
</head>

<body onLoad=\"java script:preload();\" bgcolor=\"#003333\" text=\"#FFFFFF\" link=\"#669999\" vlink=\"#669999\" alink=\"#669999\">

<table border=\"0\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" height=\"132\">
<td width=\"48\" height=\"120\" align=\"center\">
  <table border=\"0\" width=\"48\" cellpadding=\"0\" cellspacing=\"1\">
  <tr>
    <td colspan=\"3\" width=\"48\" align=\"right\"><a href=\"forside.htm\" target=\"main\" onMouseOver=\"document.standart.src=\'gif/forside.gif\'\" onMouseOut=\"document.standart.src=\'gif/standart.gif\'\"><font size=\"2\" face=\"Arial, Helvetica, sans-serif\">forside</font></a></td>
  </tr>
  <tr>
    <td colspan=\"3\" width=\"48\" align=\"right\"><a href=\"dansk.htm\" target=\"main\" onMouseOver=\"document.standart.src=\'gif/dansk.gif\'\" onMouseOut=\"document.standart.src=\'gif/standart.gif\'\"><font size=\"2\" face=\"Arial, Helvetica, sans-serif\">dansk</font></a></td>
  </tr>
  <tr>
    <td colspan=\"3\" width=\"48\" align=\"right\"><a href=\"engelsk.htm\" target=\"main\" onMouseOver=\"document.standart.src=\'gif/engelsk.gif\'\" onMouseOut=\"document.standart.src=\'gif/standart.gif\'\"><font size=\"2\" face=\"Arial, Helvetica, sans-serif\">engelsk</font></a></td>
  </tr>
  <tr>
    <td colspan=\"3\" width=\"48\" align=\"right\"><a href=\"tysk.htm\" target=\"main\" onMouseOver=\"document.standart.src=\'gif/tysk.gif\'\" onMouseOut=\"document.standart.src=\'gif/standart.gif\'\"><font size=\"2\" face=\"Arial, Helvetica, sans-serif\">tysk</font></a></td>
  </tr>
  <tr>
    <td colspan=\"3\" width=\"48\" align=\"right\"><a href=\"biologi.htm\" target=\"main\" onMouseOver=\"document.standart.src=\'gif/biologi.gif\'\" onMouseOut=\"document.standart.src=\'gif/standart.gif\'\"><font size=\"2\" face=\"Arial, Helvetica, sans-serif\">biologi</font></a></td>
  </tr> 
  <tr>
    <td colspan=\"3\" width=\"48\" align=\"right\"><a href=\"fysik.htm\" target=\"main\" onMouseOver=\"document.standart.src=\'gif/fysik.gif\'\" onMouseOut=\"document.standart.src=\'gif/standart.gif\'\"><font size=\"2\" face=\"Arial, Helvetica, sans-serif\">fysik</font></a></td>
  </tr>
  <tr>
    <td colspan=\"3\" width=\"48\" align=\"right\"><a href=\"historie.htm\" target=\"main\" onMouseOver=\"document.standart.src=\'gif/historie.gif\'\" onMouseOut=\"document.standart.src=\'gif/standart.gif\'\"><font size=\"2\" face=\"Arial, Helvetica, sans-serif\">historie</font></a></td>
  </tr>
  </table>
</td>
<td width=\"2\" height\"120\">
<img src=\"jpg/linje.jpg\" width=\"4\" height=\"120\">
</td>
<td width=\"15\" height=\"120\">
<img src=\"gif/standart.gif\" name=\"standart\" width=\"15\" height=\"120\">
</td>
<td width=\"*\" height=\"120\">
<p align=\"center\">
<img src=\"gif/banner.gif\" width=\"600\" height=\"120\">
</p>
</td>
<td width=\"65\" height=\"120\">
</td>
</table>
</body>
</html>

Hvad skal jeg lave om for at få preload funktionen til at virke?

PÅ forhånd tak