OnClick bildändring i meny

Jag har gjort ett menysystem där en liten bild visar att det finns under menyer. Hur gör jag för att den bilden ska ändras till en annan bild när menyknappen har klickats? och sedan när man fäller upp menyn igen ska den gammla bilden visas igen. någon?

------------------
*brölar ljudligt*

Hur stänger man menyn?

Du kan ju göra en vaiabel som du ändrar varje gång man klickar av/på, t.ex. true-false. Om den är det ena ändrar du till den andra...

------------------
Schöndells webbsajt

Jag använder denna koden

<SCRIPT>

function menu(obj) {
    if(obj.style.display=='none') {
    obj.style.display=''
    }
    else obj.style.display='none'
} 

</SCRIPT> 

<%
kat = "katalog.gif"
und = "under.gif"
opt = "option.gif"
%>
<table cellspacing="0"><tr><td>
<table onclick="menu(meny1)" cellspacing="0" cellpadding="0"><td><img src="<%=kat%>"></td></table>

<table style="display: none" id="meny1" cellspacing="2" cellpadding="0">
<tr><td><img src="<%=opt%>"></td></tr>
<tr><td><img src="<%=opt%>"></td></tr>
<tr><td>

<table onclick="menu(meny1_1)" cellspacing="0" cellpadding="0"><td><img src="<%=und%>"></td></table>
<table style="display: none" id="meny1_1" cellspacing="2" cellpadding="0">
<tr><td><img src="<%=opt%>"></td></tr>
</table>

</td></tr></table>

</td></tr><tr><td>

<table onclick="menu(meny2)" cellspacing="0" cellpadding="0"><td><img src="<%=kat%>"></td></table>
<table style="display: none" id="meny2" cellspacing="2" cellpadding="0">
<tr><td><img src="<%=opt%>"></td></tr>
<tr><td><img src="<%=opt%>"></td></tr>
</table> 

</td></tr></table>

------------------
*brölar ljudligt*

ingen?

------------------
*brölar ljudligt*