link:hover und onclick

[vivo]

mit den eventhandlern onmouseover und onmouseout lässt sich das ja noch steuern...doch daraus ergibt sich wieder das ursprungsproblem: wenn man das aktuell geklickte bild verlässt wirds wieder klein. dafür funktionieren over und out auch nach dem ersten klick.

 <script type="text/javascript">  
 <!--  
 function clicken(abc)  
  {  
  document.getElementById("menumedia_audio").style.height="20px";  
  document.getElementById("menumedia_audio").style.width="56px";  
  document.getElementById("menumedia_video").style.height="20px";  
  document.getElementById("menumedia_video").style.width="53px";  
  document.getElementById("menumedia_fotos").style.height="20px";  
  document.getElementById("menumedia_fotos").style.width="56px";  
  document.getElementById("menumedia_blogs").style.height="20px";  
  document.getElementById("menumedia_blogs").style.width="56px";  
  document.getElementById("menumedia_lyrics").style.height="20px";  
  document.getElementById("menumedia_lyrics").style.width="55px";  
  document.getElementById("menumedia_disco").style.height="20px";  
  document.getElementById("menumedia_disco").style.width="111px";  
  document.getElementById("menumedia_presse").style.height="20px";  
  document.getElementById("menumedia_presse").style.width="64px";  
  var breite = document.getElementById(abc).style.width;  
  var breitezahl = parseInt(breite);  
  breitezahl = Math.round(breitezahl*31/20);  
  breitestr = String(breitezahl);  
  breitestr = breitestr + "px";  
  document.getElementById(abc).style.width=breitestr;  
  document.getElementById(abc).style.height="31px";  
}  
function over(abc)  {  
  var breite = document.getElementById(abc).style.width;  
  var breitezahl = parseInt(breite);  
  breitezahl = Math.round(breitezahl*31/20);  
  breitestr = String(breitezahl);  
  breitestr = breitestr + "px";  
  document.getElementById(abc).style.width=breitestr;  
  document.getElementById(abc).style.height="31px";  
   }  
function out(abc)  {  
  var breite = document.getElementById(abc).style.width;  
  var breitezahl = parseInt(breite);  
  breitezahl = Math.round(breitezahl*20/31);  
  breitestr = String(breitezahl);  
  breitestr = breitestr + "px";  
  document.getElementById(abc).style.width=breitestr;  
  document.getElementById(abc).style.height="20px";  
}  
  //-->  
 </script>

 <a href="media_audio.html" target="mediaframe"><img src="bilder/layout/menu_buttons/audio_31.png" id="menumedia_audio" onclick="clicken('menumedia_audio')" onmouseover="over('menumedia_audio')" onmouseout="out('menumedia_audio')" border="0"></a>  

ich brauch jetzt nur noch irgendwas, dass das onmouseout und over nachdem onclick-event ausstellt und erst wieder aktiviert wenn ein anderes menuelement geklickt wurde.