Textlink soll sytle-eingebundenes BG-Image ändern

[Aerendil]

Also vergesst alles vorhergehende - ich habe einen Weg gefunden, jedoch kann ich damit nur für 1 Textlink 1 Bild austauschen.

Ich bräcuhte jetzt nur eine Möglichkeit, das so zu erweitern, dass es auch für 3 oder mehr LInks geht – soll heißen in der Tablle ist ein Bild standardmäßig drin und wenn man nen anderen Link anklickt, soll pro Link ein anderes Bild anstelle des Ursprungsbildes gezeigt werden.

Hier mein Script:

<script>  
 <!--  
function changeImage() {  
newImage = "url(../pic/anfahrt-relax.jpg)";  
document.getElementById('bg1').style.backgroundImage = newImage;  
newImage = "url(../pic/praezise.jpg)";  
document.getElementById('bg2').style.backgroundImage = newImage;  
}  
//-->  
</script>

hier wird die Tabelle gestartet:

<table width="955" border="0" cellpadding="0" cellspacing="0" id="bg1">

hier ein Textlink der das ganze auslösen soll

<a href="" class="sub_bold" onClick="changeImage()">Detailkarte</a>

und hier das relevante markup vom css

#bg1 {  
          background-repeat: no-repeat;  
          background-position: bottom;  
          background-image: url(../pic/individuell.jpg);  
}

Kann mir jetzt bitte nur noch jemand sagen, wie ich das für mehrere Links erweitern kann, dann wäre ich schon selig.

Danke!