indsætte anden grafik ved onmouseover??

Længe siden jeg har været herinde, så jeg håber at jeg er kommet ind i den rigtige kategori...:-)

Har lavet denne menu http://demodnesild.dk/test/index.php og vil så gerne at de nedestående billeder skal erstatte skyggerne når man fører musen hen over. Samtidig skal der være en href når man klikke på billedet.

Min kode for menuen ser foreløbig sådan her ud:

<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr><td height="100"><a href="index.php"><IMG SRC="billeder/logotekst.gif" BORDER="0" alt="Tilbage til forsiden"></a></td></tr>
<tr><td>
<map name="menu">
<area href="intro.php" shape="rect" coords="154, 104, 195, 120">
<area href="mad.php" shape="rect" coords="112, 138, 194, 162">
<area href="kultur.php" shape="rect" coords="81, 185, 192, 204">
<area href="E-Guest_sign.php" shape="rect" coords="96, 221, 165, 242">
<area href="misc.php" shape="rect" coords="51, 258, 125, 278">
<area href="links.php" shape="rect" coords="61, 287, 108, 305">
</map>
<img border="0" src="billeder/menured.gif" usemap="#menu" width="200" height="350"></p>
</p>
</td></tr>
  </table>

Nogen der kan hjælpe??

mvh Liz