Récupération de l'attribut src sur image

<div id="dragZone">
    <div class="draggable" id="drag1" style="background:#8080FF;"><img name="test" src="image1.jpg" /></div> 
</div>

---

Et le script...

////
// customize DropZone
////
varKitpagesDropzone = Class.create();

KitpagesDropzone.prototype = Object.extend(
Rico.Dropzone.prototype,
{
accept: function(draggableObjects){
varhtmlElement = this.getHTMLElement();
if(htmlElement == null)
return;
n = draggableObjects.length;
for(vari = 0 ; i < n ; i++ ){
vartheGUI = draggableObjects[i].getDroppedGUI();
if(
RicoUtil.getElementsComputedStyle(theGUI, "position") == 
"absolute"){
theGUI.style.position = "static";
theGUI.style.top = "";
theGUI.style.top = "";
}
htmlElement.setAttribute("style","background:url('image2.jpg');");
	 }
}
});

Je veux glisser une image différente pour chaque élément. Ici [en rouge] c'est pas dynamique.
htmlElement correspond à la div du drop et theGUI à la div du drag.

Pouvez vous m'aider svp??? moi je suis coincé, j'ai essayé tout et n'importe quoi (getAttributes, for {attributes[i]} et j'en passe)...
Il me semble que c'est theGUI qui m'empêche de récupérer "src". Mais je ne suis pas assez calé pour comprendre ni manipuler ceci 

 				 						 								 										htmlElement.setAttribute("style","background:url('image2.jpg');");

Tu vas avoir des petits soucis avec IE. Sous IE, il faut utiliser la syntaxe suivante :

 								 						 				 				 						 								 										 												htmlElement.setAttribute("cssText","background:url('image2.jpg');");