onMouseOver, onMouseOut, onClick

jag har ett gäng bildikoner med mouseover/out på.. men jag vill även att ikonen ska "markeras" då man klickar på den.. OCH avmarkeras om man klickar igen!

bildlägen blir alltså:
bild_off.gif - ikonen
bild_over.gif - musen över ikonen
bild_on.gif - ikonen är klickad (markerad)
bild_off.gif - markerad ikon klickas igen

så här långt har jag kommit.. men hur får jag den att markera/avmarkeras?

<a href="#" onMouseOut="document.images'rad1_bock1'].src='images/bock_off.gif' "
onMouseOver="document.images['rad1_bock1'].src='images/bock_over.gif' "
onClick="???">

<img src="images/bock_off.gif" name="rad1_bock1">

</a>

ingen så här på morgonkvisten som känner sej manad?? =)

Du kan göra så här:

<script type="text/javascript">
var clicked = false;
</script>

...

<img
  src="images/bock_off.gif"
  name="rad1_bock1"
  onmouseover="this.src='images/bock_over.gif';"
  onmouseout="if(clicked){this.src='images/bock_on.gif';}else{this.src='images/bock_off.gif';}"
  onclick="clicked=!clicked;"
>

tackar!!