-xXx-: Hintergrundbild bei Klick verändern

Beitrag lesen

Hallo!

Ich möchte eine Funktion programmieren, bei der das Hintergrund-Bild eines DIV-Bereiches bei einem Klick je nach dem aktuellen Hintergrund-Bild verändert werden soll. Meine Funktion sieht zurzeit so aus:

JS-Code:

function upgrade(e){  
document.getElementById("id"+i).style.backgroundImage = 'url(img/bg1.png)';					  
};  

HTML-Code:

<div id='id1'></div>  
<div id='id2'></div>  
<div id='id3'></div>  
<div id='id4'></div>  
usw.

Das funktioniert auch super:
Bei Ausführung der Funktion wird bei dem jeweiligen div das Hintergrund-Bild geändert. (Wann die Funktion ausgeführt wird, habe ich jetzt mal nicht mit reingeschrieben, ist auch unwichtig).
Nur wie kann ich das bewerkstelligen, dass wenn bei einem DIV das Hintergrund-Bild schon bg1.png ist, dass es dann bg2.png (Bei Ausführung der Funktion wird)?
Dazu müsste ich ja den Wert des Background-Images irgendwie auslesen. Ist das möglich, weiß jemand, wie ich das machen kann?

LG
-xXx-