Preloade billeder til TD bg...

Hej... jeg ville lige se om der var en kunne ændre dette så bg billederne bliver preloadet...
der er 4 billeder:
menu_button_fr.gif
menu_button_fr_2.gif
menu_button_fr_mouseover.gif
menu_button_fr_mouseover_2.gif

  <table width="500" height="20" border="0" cellpadding="0" cellspacing="0" style="font: 10px Verdana;">
  <tr>
     
    <td width="100" background="img/menu_button_fr.gif" id="men1" onmouseover="this.background='img/menu_button_fr_mouseover.gif';" onMouseOut="this.background='img/menu_button_fr.gif';">
      <div align="center">forside</div></td>
     
    <td width="100" background="img/menu_button_fr_2.gif" id="men2" onmouseover="this.background='img/menu_button_fr_mouseover_2.gif';" onMouseOut="this.background='img/menu_button_fr_2.gif';">
      <div align="center">referencer</div></td>
     
    <td width="100" background="img/menu_button_fr_2.gif" id="men3" onmouseover="this.background='img/menu_button_fr_mouseover_2.gif';" onMouseOut="this.background='img/menu_button_fr_2.gif';">
      <div align="center">kompetancer</div></td>
     
    <td width="100" background="img/menu_button_fr_2.gif" id="men4" onmouseover="this.background='img/menu_button_fr_mouseover_2.gif';" onMouseOut="this.background='img/menu_button_fr_2.gif';">
      <div align="center">priser</div></td>
     
    <td width="100" background="img/menu_button_fr_2.gif" id="men5" onmouseover="this.background='img/menu_button_fr_mouseover_2.gif';" onMouseOut="this.background='img/menu_button_fr_2.gif';">
      <div align="center">kontakt</div></td>
    </tr>
  </table>