ID definierung?

[Chris]

habe folgendes problem:

wenn ich bei einen button img id=madrid definiere geht es, wenn ich aber zwei oder mehr id=madrid definiere geht der mouseover effekt nicht mehr und es kommt eine fehlermeldung. weiß vielleicht jemand rat? achso der code:

<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "bilder/pic_r2_c2.jpg";
Highlight1 = new Image();
Highlight1.src = "bilder/pic2_r1_c1.jpg";

Normal2 = new Image();
Normal2.src = "bilder/pic_r2_c3.jpg";
Highlight2 = new Image();
Highlight2.src = "bilder/pic2_r1_c2.jpg";

function Bildwechsel(Bildnr,Bildobjekt) {
  document.all.Madrid.filters.blendTrans.Apply();
  document.all.Madrid.filters.blendTrans.Play();
 window.document.images[Bildnr].src = Bildobjekt.src;
}

//-->
</script>

und der der buttons:

<img id="Madrid" border="0" src="bilder/pic_r2_c2.jpg" onMouseOver="Bildwechsel(2,Highlight1)" onMouseOut="Bildwechsel(2,Normal1)"  style="cursor:hand; filter:blendTrans(Duration=0.5, Transition=21)" width="60" height="23"></a></td>
      <td>
<img id="Madrid" border="0" src="bilder/pic_r2_c3.jpg" onMouseOver="Bildwechsel(3,Highlight2)" onMouseOut="Bildwechsel(3,Normal2)"  style="cursor:hand; filter:blendTrans(Duration=0.5, Transition=21)" width="89" height="23"></td>