Dölja/visa lager

Högst upp på min sida så har jag två bilder. Om musen senast var över bild A så ska lager A visas och lager B vara dolt och om musen senast var över bilden B så ska lager B visas och lager A vara dolt.

Jag tycker inte att det borde vara så svårt men alla script som jag har hittat har en massa special funktioner som jag inte vill ha vilket gör dem alldeles för avancerade för mig.

Skulle det inte räcka med några rader kod för att fixa detta?

Det skulle kunna se ut så här;

<script language="JavaScript">
function showLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "visible";
	} else if (document.layers){
		document.layers[Id].visibility = "show";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "visible";
	}
}
function hideLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "hidden";
	} else if (document.layers){
		document.layers[Id].visibility = "hide";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "hidden";
	}
}
</script>
<a href="#" onClick="return false;" onMouseover="showLayer('lager1'); hideLayer('lager2');"><img src="bild1.gif"></a>
<a href="#" onClick="return false;" onMouseover="showLayer('lager2'); hideLayer('lager1');"><img src="bild2.gif"></a>

<a>-elementet används för att onMouseover inte fungerar på bilder i Netscape 4.

------------------

/ J