onmouseover effekt

[Jason]

<!----Menu1---->
<script type="text/javascript">
function auf(x) {
if(document.getElementById(x).style.display == "block") {
document.getElementById(x).style.display = "none";
} else {
document.getElementById(x).style.display = "block";
}}
</script>

<a href="#" onclick="auf('ID');return false;"onMouseOver="image.src='Bild.gif';" onMouseOut="image.src='Bild.gif';"><img name="image" src="Bild.gif" border="0"></a>
<div style="display:none" id="ID">

<a href="url">Gameinfo</a>
<a href="url">Server I</a>
<a href="url">etc.pp</a>
</div>

Ich hab dieses Script für eine MultiGameSeite in Arbeit, funzt
soweit auch ganz gut.
Nun möchte ich an einer beliebigen Stelle  der Seite, zB im Header,
ein Bild anzeigen lassen, falls der Benutzer mit dem Mauszeiger
über einen Button drüber fährt, so dass nicht nicht nur durch den
 MouseOvereffekt sich der Button ändert, sondern auch ein Bild
 angezeigt wird. Also, man klickt zB auf einen Button für
Server, das Menü klappt auf und oben im Banner/Header wird ein
Bild angezeigt, zB ein Bild eines Servers...
 Was muss ich dafür machen?!