image - onclick

Jeg har dette stykke kode i en fil, hvor onmouseover og onmouseout viker.
Jeg vil gerne have at hvis man klikker på det pågældende billede, at det så forbliver dette '../image/menu_profil2.gif' indtil der er klikket på et andet. Jeg kan bare ikke hitte ud af det. Nogle der kan hjælpe


<td width="130"><a href="../profil/profil.html" target="mainFrameAlm"
    onclick="changeProfil('../image/menu_profil.gif')"
    onmouseover="changeProfil('../image/menu_profil2.gif')"
    onmouseout="changeProfil('../image/menu_profil.gif')">
    <img src="../image/menu_profil.gif" width="130" height="22" border="0" lowSRC="../image/menu_profil2.gif" NAME="theimgProfil" /></a></td>

Min funktion, som jeg kalder ser sådan ud:

function changeProfil(picture) {
document.theimgProfil.src = picture
}