Fade Effekt Button

[Chris]

hi.
hab bereits einen perfekten fade effekt gefunden und eingebaut, das problem ist aber folegndes wenn ich es für mehrere buttons verwenden will müßte ich immer das script neu reinkopieren (bzw. ich weiß es nicht besser) und bildwechsel durch bildwechsel1..2...3... ersetzen. was aber den quellcode riesig aufblähen würde.... daher suche ich nach eine andere möglichkeit. hier mal der code:

<script type="text/javascript">
<!--
Bild1 = new Image();
Bild1.src = "bilder/pic_r2_c2.jpg";
Bild2 = new Image();
Bild2.src = "bilder/pic2_r1_c1.jpg";
var Bild = 1;
function Bildwechsel() {
 if (Bild == 1) {
  Bild = 2;
  document.all.Madrid.filters.blendTrans.Apply();
  document.all.Madrid.src = Bild2.src;
  document.all.Madrid.filters.blendTrans.Play();
 }
 else {
  Bild = 1;
  document.all.Madrid.filters.blendTrans.Apply();
  document.all.Madrid.src = Bild1.src;
  document.all.Madrid.filters.blendTrans.Play();
 }
}
//-->
</script>

und der eine button:

<img id="Madrid" border="0" src="bilder/pic_r2_c2.jpg" onmouseover="Bildwechsel()"  style="cursor:hand; filter:blendTrans(Duration=0.5, Transition=21)"   onmouseout="Bildwechsel()" width="60" height="23"></a></td>

jeder button hat ein anderes zweites hover bild... daher das problem... weiß jemand eine lösung die den quellcode nicht riesig aufblähen würde? danke.

mfg,
chris