[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/

Ho fatto questo piccolo script:

Codice HTML:

---

<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