schleifenprobleme

[Sir C]

<script type="text/javascript">
<!--

/*0 - home*/
Normal0 = new Image();
Normal0.src = "bilder/home.gif";
Highlight0 = new Image();
Highlight0.src = "bilder/home2.gif";

/*1 - ziele*/
Normal1 = new Image();
Normal1.src = "bilder/ziele.gif";
Highlight1 = new Image();
Highlight1.src = "bilder/ziele2.gif";

/*2 - theorien*/
Normal2 = new Image();
Normal2.src = "bilder/theorien.gif";
Highlight2 = new Image();
Highlight2.src = "bilder/theorien2.gif";

function button(y) {
 for (var x = 0; x <= 2; x++)
  if(x == y) { var Eigenschaft = "Highlight" + y; }
  else var Eigenschaft = "Normal" + y;
  window.document.images[y].src = Eigenschaft.src;
}
//-->
</script>

<a href="home.htm" target="main"><img src="bilder/home.gif" border="0" onClick="button(0)"></a><br>
<a href="ziele.htm" target="main"><img src="bilder/ziele.gif" vspace="5" border="0" onClick="button(1)"></a><br>
<a href="theorien.htm" target="main"><img src="bilder/theorien.gif" border="0" onClick="button(2)">></a><br>

so nun möchte ich dass mit einem click auf einen button alle bilder die normalen bilder werden, bis auf das angeclickte. da soll das highlightbild erscheinen.

mein problem ist die zeile: window.document.images[y].src = Eigenschaft.src;
Eigenschaft nimmt nur den Wert "Highlight0" an wenn ich es so schreibe: function button(y,Eigenschaft) und onClick="button(0,Highlight0)
ich habe schon probiert: window.document.images[y].src = Highlight[y].src; - geht aba auch nicht

was soll ich tun dass Eigenschaft je nach dem den wert Highlight[y] oder Normal[y] annimmt???