Rollover images virker ikke

jeg har forsøgt at preloade billederne til min menubar, men det ligner lort når man kører over menuen fordi billederne er så længe om at skifte - hvad kan det skyldes ?

KODE:
<script>
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("http://www.perchs.dk/images/frontend/menu_knap.jpg","http://www.perchs.dk/images/frontend/menu_knap_over.gif")
</script>

Jeg bruger denne kode til at skifte billederne ud:
<td onClick="MM_goToURL('top','index.asp');return document.MM_returnValue" style="cursor:pointer" width="100" align="center" height="21" class="almWhiteBold" background="../images/frontend/menu_knap.jpg" onmouseover="this.style.backgroundImage='url(../images/frontend/menu_knap_over.gif)';" onmouseout="this.style.backgroundImage='url(../images/frontend/menu_knap.jpg)';">
      Forside</td>