Ersätta attributet name

Hallå!
Jag har upptäckt att man inte får ha attributet name i img-tagar i xhtml. Vad kan man använda istället?
Jag har ett javascript som ändrar bild onmouseover och den hittar till bilden genom document.images[ref].src. Det kräver ju att attributet name finns. Kan man göra så att den hittar till den genom id eller class eller något annat kul?

<script type="text/javascript">
    function high(ref){
        document.images[ref].src = "pic/"+ref+"hi.gif";
        
    }
    function low(ref){
        document.images[ref].src = "pic/"+ref+".gif";
        
    }
</script> 

---------------

<a href="#" title="Ladda hem I denna kalla värld"><img src="pic/track1.gif" class="track" name="track1" onmouseover="high(this.name);" onmouseout="low(this.name);" alt="I denna kalla vrld" /></a>