OnClick

Hej,

Jeg ønsker at lave en menu (Med OnMouseOver) der beholder et gif billede sålænge den tilsvarende html side bliver vist.

Dvs. hvis nogen trykker på en af knapperne skal den forblive samme gif som OnMouseOver, indtil der trykkes på en ny knap.

Kan det lade sig gøre i følgende kode?
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <meta name="GENERATOR" content="Mozilla/4.5 [en] (Win98; I) [Netscape]">
  <title>Dmenu.</title>
</head>
<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
<script language="JavaScript">

<!--
// Find browser Netscape 3+ eller IE 4 +.
bName = navigator.appName;
bVer = parseInt(navigator.appVersion);
    if ((bName == "Netscape" && bVer >= 3) ||
        (bName == "Microsoft Internet Explorer" && bVer >= 4)) br = "n3";
    else br = "n2";
// Lav objekter og preload billeder.
    if (br== "n3") {
    img1on = new Image();
    img1on.src = "http://www.global-gateway.com/buttoms/onmouse/dhvadon.gif";
    img2on = new Image();
    img2on.src = "http://www.global-gateway.com/buttoms/onmouse/dtaksteron.gif";
    img3on = new Image();
    img3on.src = "http://www.global-gateway.com/buttoms/onmouse/dsparon.gif";
   
    img1off = new Image();
    img1off.src = "http://www.global-gateway.com/buttoms/dhvad.gif";
    img2off = new Image();
    img2off.src = "http://www.global-gateway.com/buttoms/dtakster.gif";
    img3off = new Image();
    img3off.src = "http://www.global-gateway.com/buttoms/dspar.gif";
            }
// Aktiver billeder.
function imgAct(imgName) {
    if (br == "n3") {
    document[imgName].src = eval(imgName + "on.src");
    }
}
// Deaktiver billeder.
function imgInact(imgName) {
    if (br == "n3") {
    document[imgName].src = eval(imgName + "off.src");
    }
}
// -->

</script>

<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr>
<td><a href="http://www.global-gateway.com/dhvad.htm" target="dskaerm.htm" onmouseover="imgAct('img1')" onmouseout="imgInact('img1')"><img SRC="http://www.global-gateway.com/buttoms/dhvad.gif" NAME="img1" ALT="Beskrivelse af vor Services..." BORDER=0 height=27 width=144></a></td>
</tr>

<tr>
<td><a href="http://www.global-gateway.com/drater.htm" target="dskaerm.htm" onmouseover="imgAct('img2')" onmouseout="imgInact('img2')"><img SRC="http://www.global-gateway.com/buttoms/dtakster.gif" NAME="img2" ALT="Sammenlign med andre udbydere..." BORDER=0 height=27 width=144></a></td>
</tr>

<tr>
<td><a href="http://www.global-gateway.com/dhotel.htm" target="dskaerm.htm" onmouseover="imgAct('img3')" onmouseout="imgInact('img3')"><img SRC="http://www.global-gateway.com/buttoms/dspar.gif" NAME="img3" ALT="Mange muligheder..." BORDER=0 height=27 width=144></a></td>
</tr>
</table></center>

</body>
</html>