childNode [ ].childNode [ ] ????

[Isam]

hej,

hab mal wieder ein kleines JS-Problem:

Also kurz: ich möchte, dass 3 Grafiken beim drüberfahren mit der Maus in den Vordergrund treten (kann man bestimmt auch einfacher machen, aber ich würde es gerne mit JS und dem Node-Objekt machen um das mal zu rallen).

Dies meine Funktion

function img_hover (x)
{
 var i;

for (i = 0; i <= 2; i++)
  document.getElementById("below").childNodes [i].childNodes [0].setAttribute("style", "z-Index:" +i + 1);

document.getElementById("below").childNodes [x].childNodes [0].setAttribute("style", "z-Index:4");
}

und das mein Quelltext:

<div id="below">
 <a href="http://blabla.de"><img class="pa" style="top:30px; left:100px; z-index:1;" src="main/bla1.png" alt="" onmouseover="img_hover(0)" /></a>
 <a href="http://blabla.de"><img class="pa" style="top:15px; left:35px; z-index:2;" src="main/bla2.png" alt="" onmouseover="img_hover(1)" /></a>
 <a href="http://blabla.de"><img class="pa" style="top:5px; left:85px; z-index:3;" src="main/bla3.png" alt="" onmouseover="img_hover(2)" /></a>
</div>

das der Fehler:
'document.getElementById (...).childNodes [...].childNode.0' ist 0 oder kein Objekt

Wer kann mir mal nen tip geben wo der Fehler is, kann ich einen Unterknoten überhaupt mit einem doppelten childNode ansprechen?
Was is eigentlich mit dem Objekt style.zIndex kann ich das per Node auch ansprechen?

Danke i.