JS DOM problem

Jeg er en knold til JS så det er muligt at det her bare er supernemt!

Jeg har et antal <div> tags som hvert indeholder et <a> og <div>. Når man peger på <a> skal "den indre" <div> som indeholder nametext vises. 

Jeg kan godt få det til at fungere hvis jeg giver alle ydre <div> unikke id's men det vil jeg meget gerne undgå.

Hvad skal der så stå i stedet for XXX ???

<div>
    <a href="" onmouseover='XXX.setAttribute = (\"class\", "show");' onmouseout='XXX.setAttribute("class", "hide");"'>
        <img src="images/heiberg.jpg" class="imageFrame" width="50px" />
    </a>
    <div class="hide">nametext1</div>
</div>

<div>
    <a href="" onmouseover='XXX.setAttribute = (\"class\", "show");' onmouseout='XXX.setAttribute("class", "hide");"'>
        <img src="images/heiberg.jpg" class="imageFrame" width="50px" />
    </a>
    <div class="hide">nametext2</div>
</div>

<div....