array bei onMouseOver

[Peter]

Hallo zusammen

Ich bin änfänger mit javascript und habe eine frage unzwar möchte ich gerne ein menü machen wo nur bilder zu sehen sind und wenn man über eines der bilder fährt wird angezeigt(als text) wohin der link geht

das hab ich soweit geschafft:

<script type="text/javascript">

function test(anzeige) {
  document.getElementById("test").style.visibility = anzeige;
}
function test2(anzeige) {
  document.getElementById("test2").style.visibility = anzeige;
}

</script>

<div id="menu">
<a href="#" onMouseOver="test('visible')" onMouseOut="test('hidden')"><img src="img/bs.png"></a>
<a href="#" onMouseOver="test2('visible')" onMouseOut="test2('hidden')"><img src="img/bs2.png"></a>
<p id="test" style="visibility:hidden">irgenwas</p>
<p id="test2" style="visibility:hidden">irgendwas</p>
</div>

so jetzt zu meinen eigentlichen problem der text wird jedesmal eine zeile weiter unten angezeigt es sollte aber alles in einer reihe angezeigt werden
das problem wollte ich mit einem array hab aber überhaupt keine ahnung wie

kann mir kemand helfen ???

mfg Peter