billedskift virker ikke

jeg har tre knapper der skifter billede ved mouseOver.

Når jeg så trykker på knappen skal den se ud på samme måde som den gør ved mouseover, så man kan se at det er den knap der valgt. Mit problem er netop at den går tilbage til sin oprindelige tilstand når den har skiftet side:

Her er min kode:

<SCRIPT TYPE="text/javascript">

function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }
}

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        knap_DC_on = newImage("img/knap_DC_on.gif");
        knap_DC_off = newImage("img/knap_DC_off.gif");
        knap_UC_on = newImage("img/knap_UC_on.gif");
        knap_UC_off = newImage("img/knap_UC_off.gif");
        knap_MC_on = newImage("img/knap_MC_on.gif");
        knap_MC_off = newImage("img/knap_MC_off.gif");
        preloadFlag = true;
    }
}

</script>


<tr><td>
<A HREF="design2test.asp"
ONMOUSEOVER="changeImages('knap_DC', 'img/knap_DC_on.gif'); return true;"
ONMOUSEOUT="changeImages('knap_DC', 'img/knap_DC.gif'); return true;"
ONMOUSEDOWN="changeImages('knap_DC', 'img/knap_DC_off.gif'); return true;"
ONMOUSEUP="changeImages('knap_DC', 'img/knap_DC_on.gif'); return true;">
<IMG NAME="knap_DC" SRC="img/knap_DC.gif" WIDTH="140" HEIGHT="46" BORDER="0" ALT="">
</A>
</td></tr>


...nogen der kan hjælpe?