Javascript knop

Hallo ik heb het volgende script

<a href="mailto:'user@hotmail.com?subject=Website Design" onmouseover='knop1.src="file:///C:/Documents%20and%20Settings/User/Mijn%20documenten/Button%20show%20word/%20Selected.jpg"' onmouseout='knop1.src="file:///C:/Documents%20and%20Settings/User/Mijn%20documenten/Button%20show%20word/Unclicked.jpg"' onclick='knop1.src="file:///C:/Documents%20and%20Settings/User/Mijn%20documenten/Button%20show%20word/Unclicked.jpg"'>

<img border="0" src="file:///C:/Documents%20and%20Settings/User/Mijn%20documenten/Button%20show%20word/Unclicked.jpg" width="125" height="36" name="knop1"></a></p>

Nu wanneer ik erover heen ga met mijn muis veranderd hij netjes van plaatje (de button), maar wanneer ik erop klik dan veranderd hij ook van plaatje maar wanneer ik met mn muis er van af ga dan veranderd hij weer... terwijl ik het zo zou willen:

Muis eroverheen zonder erop te hebben geklikt -> verander plaatje

Muis eraf zonder erop te hebben geklikt-> verander plaatje

Klik -> verander plaatje

Alvast bedankt voor uw hulp in deze hitte ^^.

Greetx TK