MouseOver-Effekt

[Gast: Richard]

Ich habe für die angegebene Seite einen MouseOver-Effekt und offenbar einen Fehler gemacht. Leider habe ich wenig Ahnung von JavaScript und weiß daher nicht genau woran es liegt.
Die Situation ist die folgende: Ich habe eine imagemap und zwei areas, welche jeweils verlinkt und mit einem MouseOver-Effekt versehen sind. Die Verlinkung funktioniert, aber der gewünschte Bildwechsel bei MouseOver passiert nur bei der area, welche zuerst im Quelltext auftaucht.

Würde mich über Hilfe in dieser Angelegenheit sehr freuen.

Im folgenden der Code im Wesentlichen:

  
    <map name="NAME">  
        <area  
            shape="poly"  
            coords="*"  
            href="*.html"  
            target="TARGET"  
            alt="ALT"  
            title="ALT"  
            onmouseover="document.getElementById('ID').src='*.png'"  
            onmouseout="document.getElementById('ID').src='*.png'">  
        <area shape="poly"  
            coords="*"  
            href="*.html"  
            target="TARGET"  
            alt="ALT2"  
            title="ALT2"  
            onmouseover="document.getElementById('ID').src='*.png'"  
            onmouseout="document.getElementById('ID').src='*.png'">  
    </map>  
    <img  
        style="border: 0px;"  
        src="*.png" alt="ALT3" usemap="#NAME" id="ID" name="ID">