MouseOver Layer

Denna koden gör att
text visas på sidan när man klickar på en länk. Texten försvinner så snart man drar musen därifrån. Jag skulle istället vilja att texten försvinner först när man klickar på en ny länk. Hur gör jag detta?

<html>
<head>
	<title></title>

<script language="JavaScript">
<!--
function ImgRep() { //v2.0
  var i, visStr, args, theObj;
  args = ImgRep.arguments;
  for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
    visStr   = args[i+2];
    if (navigator.appName == 'Netscape' && document.layers != null) {
      theObj = eval(args[i]);
      if (theObj) theObj.visibility = visStr;
    } else if (document.all != null) { //IE
      if (visStr == 'show') visStr = 'visible'; //convert vals
      if (visStr == 'hide') visStr = 'hidden';
      theObj = eval(args[i+1]);
      if (theObj) theObj.style.visibility = visStr;
  } }
}
//-->
</script>

<style>
.link1 { position: absolute; top: 190px; width: 400px; left: 400px; visibility: hidden; color: #000000; font-family: arial; font-size: 13px; }
.link2 { position: absolute; top: 190px; width: 400px; left: 400px; visibility: hidden; color: #000000; font-family: arial; font-size: 13px; }
.link3 { position: absolute; top: 190px; width: 400px; left: 400px; visibility: hidden; color: #000000; font-family: arial; font-size: 13px; }
.link4 { position: absolute; top: 190px; width: 400px; left: 400px; visibility: hidden; color: #000000; font-family: arial; font-size: 13px; }
.link5 { position: absolute; top: 190px; width: 400px; left: 400px; visibility: hidden;color: #000000; font-family: arial; font-size: 13px; }

</style>
</head>

<body>
<br><br>

<a href="#" onClick="ImgRep('document.layers[\'Lslide1\']','document.all[\'Lslide1\']','show')" onMouseout="ImgRep('document.layers[\'Lslide1\']','document.all[\'Lslide1\']','hide')">Länk 1</a>
<br><br><br>

<a href="#" onClick="ImgRep('document.layers[\'Lslide2\']','document.all[\'Lslide2\']','show')"  onMouseout="ImgRep('document.layers[\'Lslide2\']','document.all[\'Lslide2\']','hide')">Länk 2</a>
<br><br><br>

<div id="Lslide1" class="link1">Länktext1</div>

<div id="Lslide2" class="link2">Länktext 2</div>

</body>
</html>