Cambio sfondo di un div a intervalli regolari, javascript in joomla con mootools

[/dev/zero]

Salve a tutti...
Ho deciso di modificare un template joomla e impostare, quindi, uno sfondo che dovrebbe cambiare ogni 8 secondi.
Ho quindi assegnato un id al div in questione (che ha già un'immagine di sfondo) e ho scritto (e inserito nel template) il seguente codice:

<script type="text/javascript">
	var backgrounds = new array('immagine1','immagine2',...);
	var maxBackground = backgrounds.length - 1;

	function backgroundChange(currentBackground, id) {
		$$(id).setStyle ("backgroundImage", currentBackground);
	}

	function randomBackground () {
		backgroundChange(backgrounds[Math.floor(Math.random()*maxBackground)], 'mbc');
		setTimeout(randomBackground(),8000);
	}
	setTimeout(randomBackground(),8000);
</script>

In particolare l'array backgrounds contiene gli url delle immagini (che dovranno essere impostate come sfondo in modo casuale). Questo array viene generato dinamicamente da php.
mbc è invece l'id del mio div, con impostato uno sfondo di default:

<div class="..." id="mbc" style="background-image: url(..);">

Ho anche provato senza mootools:

document.getElementById(id).style.background = 'url('+currentBackground+')';

ma non ho ottenuto risultati.

Non riesco proprio a capire perchè il codice non funziona (sto utilizzando joomla 1.5 che, se non erro, utilizza mootools 1.1)...
Vi chiedo quindi una mano per aiutarmi a risolvere questo problema.
In attesa di risposta vi ringrazio anticipatamente.

[artorius]

È
setTimeout(randomBackground,8000);

Non

setTimeout(randomBackground(),8000);

perché tu devi passare al setTimeout la funzione che deve chiamare, facendo () alla fine invece la chiami tu.

[/dev/zero]

Grazie per la risposta ...
ho modificato il codice (togliendo quindi le parentesi) come mi hai consigliato, ma, purtroppo, ancora non funziona.

[artorius]

si, ho riletto meglio la tua funzione e dovresti cambiare:

function backgroundChange(currentBackground, id) {
	$(id).setStyle ("background-image", 'url("'+currentBackground+'")');
}

[artorius]

e questo:

document.getElementById(id).style.background = 'url('+currentBackground+')';

non funziona perché dovrebbe essere backgroundImage

[/dev/zero]

Ti ringrazio: Ora funziona alla perfezione...
Ho solo dovuto modificare la riga generata da php:

var backgrounds = new Array('immagine1','immagine2',...);

[Think]

ciao

mi interessa molto il codice!

non ho capito dove devo posizionare il mootools:

document.getElementById(id).style.backgroundImage = 'url('+currentBackground+')';

grazie mille
ciao

[/dev/zero]

Ecco il codice funzionante:

<script type="text/javascript">
	var backgrounds = new Array('immagine1','immagine2',...);
	var maxBackground = backgrounds.length - 1;

	function backgroundChange(currentBackground, id) {
		$(id).setStyle ("background-image", 'url("'+currentBackground+'")');
		//oppure
		//document.getElementById(id).style.backgroundImage = 'url('+currentBackground+')';
	}

	function randomBackground () {
		backgroundChange(backgrounds[Math.floor(Math.random()*maxBackground)], 'mbc');
		setTimeout(randomBackground,8000);
	}
	setTimeout(randomBackground,8000);
</script>

Mentre questo è il div:

<div class="..." id="mbc" style="background-image: url(..);">

[Think]

Grazie Mille!