onmouseover skift bgcolor og billede

hvis du giver dit billede et navn kan det gøres på følgende måde:
<tr onmouseover="this.style.background='#CACACA';document.images['bld'].src='images/layout/menu_dot2.gif'" onmouseout="this.style.background='#F0F0F0';document.images['bld'].src='images/layout/menu_dot.gif'">
<td height="30">&nbsp;<img src="images/layout/menu_dot.gif" name='bld'>Job</td>

nåja, og det du taler om er en preloader, som du kan sætte i headeren:
<script type="text/javascript">
var img1 = new Image();
var img1.src = "images/layout/menu_dot2.gif";
</script>

hvilket (skal jeg huske at sige) er meget godt at have med. Du kan, hvis du har mange billeder, også gøre sådan her:
<script type="text/javascript">
var billeder = ["images/layout/menu_dot2.gif","images/layout/menu_dot3.gif",...];
var tempArr = new Array();
for (i=0;i<billeder.length;i++) {
    tempArr[i] = new Image();
    tempArr[i].src = billeder[i];
}

hvoordan ser det ud jeg skal sætte ind hvis jeg benytter mig af preloaderen?

det er samme:
<head>
<script type="text/javascript">
var billeder = ["images/layout/menu_dot2.gif","images/layout/menu_dot3.gif",...];
var tempArr = new Array();
for (i=0;i<billeder.length;i++) {
    tempArr[i] = new Image();
    tempArr[i].src = billeder[i];
}
</script>
</head>
<body>
<table>
<tr onmouseover="this.style.background='#CACACA';document.images['bld'].src='images/layout/menu_dot2.gif'" onmouseout="this.style.background='#F0F0F0';document.images['bld'].src='images/layout/menu_dot.gif'">
<td height="30">&nbsp;<img src="images/layout/menu_dot.gif" name='bld'>Job</td>
</tr>
</table>

Jeg får følgende fejl:

document.images.bld is NULL or not an object

hedder dit billede bld?
<img src="images/layout/menu_dot.gif" name='bld'>
Det er vigtigt her at din document.images['bld'].src stemmer overnens med navnet på billedet.

så virker det... takker for hjælpen

og tak for points :-)