Hoe vervang ik hex bg kleuren door afbeeldingen in JavaScript?

Ik heb de volgende codelines in mijn javascript:

var colors = ["#F08", "#0B8", "#04F", "#FD0", "#808", "#F20"];

Deze geven de achtergrondkleur van mijn DIV's. De var wordt alleen hier gebruikt:

function activateItems(callback) {
 var itemsActivated = false;
 for (var i=0;i<cfg.rows;++i) for (var j=0; j<cfg.cols; ++j) {
 var item = itemAt(i,j);
 if(!item) continue;
 if (item.deleted>0) {
 item.style.background=colors[Math.floor(Math.random()*colors.length)];
 itemsActivated = true;
 }
 }
 if (itemsActivated) 
 animateAppear(callback ? callback : findPatterns);
}

en hier:

function animateDecor() {
 if(state == 'init' || state == 'game') return;
 for (var i=0;i<cfg.rows;++i) for (var j=0;j<cfg.cols;++j) {
 var item = document.getElementById("decor_"+i+"_"+j)
 if(!item) continue;
 item.style.background=colors[Math.floor(Math.random()*colors.length)];
 }
 animation = setTimeout(animateDecor, 120); 
}

Dit werkt allemaal perfect, alleen wil ik geen hex (#) kleuren als achtergrond gebruiken, maar plaatjes. Deze zijn te vinden in: images/blue.png, images/red.png, etc. Maar hoe verander ik dit? Heb verschillende dingen al geprobeerd zoals backgroundImage:url , maar helaas zonder resultaat.

Ik denk dat de oplossing vrij simpel is, alleen zie ik hem niet....

Many thanks

edit: vertaald naar Nederlands