[JS] Cambio immagine al passaggio del mouse

Salve a tutti sto realizzando un menu e dovrei fare un javascript che mi cambia immagine al passaggio del mouse..

Esempio menu: http://www.videocopilot.net/

[sevenjeak]

Ho fatto questo piccolo script:

<script type="text/javascript">
   function UpImg(element) 
   {
      var bg = document.getElementById(element.id).style.background;
	  if (bg == "url(1.png)") {
	     document.getElementById(element.id).style.background = "url(2.png)";
	  } else {
	     document.getElementById(element.id).style.background = "url(1.png)";
	  }
   }
</script>
<ul>
   <li style="background:url(1.png)" id="1" onmouseover="UpImg(this);" onmouseout="UpImg(this)">Menu1</li>
</ul>

Cmq puoi sempre usare i css: quarda un paio di esempi qui