Forskellige billeder ved mouseover og ved klik

Hej eksperter.

Kan nogen hjælpe mig med at lave et script der virker sådan:
Jeg har nogle billeder (jpg) som virker som knapper. Den skal vise et billede når man loader siden, og et andet når musen er over. Dette kan jeg godt få til at virke via dette script:

<script language="JavaScript">
<!--
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3) version = "n3";
else version = "n2";
if (browserName == "Microsoft Internet Explorer" && browserVer >= 4) version = "n3";

if (version == "n3") {
chr1on = new Image();
chr1on.src = "/grafik/knapper/forside_over.jpg";
chr1off = new Image();
chr1off.src = "/grafik/knapper/forside.jpg";

chr2on = new Image();
chr2on.src = "/grafik/knapper/profil_over.jpg";
chr2off = new Image();
chr2off.src = "/grafik/knapper/profil.jpg";

}

function img_act(imgName) {
if (version == "n3") {
imgOn = eval(imgName + "on.src");
document [imgName].src = imgOn;
}
}

function img_inact(imgName) {
if (version == "n3") {
imgOff = eval(imgName + "off.src");
document [imgName].src = imgOff;
}
}
// -->
</script>

Knapper: <td onMouseover="img_act('chr1')" onMouseout="img_inact('chr1')" width="178" height="30"><a href="/undersider/forside.php" target="undersider"><img border="0" src="/grafik/knapper/forside.jpg" name="chr1" width="178" height="35" galleryimg="no"></a></td>

MEN jeg vil gerne have den til at vise et tredje billede når man har klikket på den. Altså så man kan se hvilken knap man lige har klikket på. Der må selvfølgelig ikke være to knapper som viser billede nr. 3.

Kan nogen hjælpe?