Dinamic background (img change !)

[mc0676]

Hallo guys,
i need some help.
I want that in my vb background will be dinamic, so background imahe change at each page reload.
I will use about 20 images.

So, for now i've do this one:

1) new plugin, in global_start:

eval('$sfondoforum = "' . fetch_template('sfondoforum') . '";');

2) new custom template "sfondoforum":

<!-- Begin rotating ad code -->
<script type="text/javascript" src="swfobject.js"></script>

<script language="Javascript"><!--
function image() {
};
image = new image();
number = 0;
// imageArray

image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/01.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/02.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/03.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/04.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/05.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/06.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/07.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/08.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/09.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/10.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/11.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/12.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/13.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/14.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/15.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/16.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/17.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/18.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/19.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/20.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/21.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/22.jpg"
image[number++] = "http://www.vwgolfcommunity.com/immagini/sfondiforum/23.jpg"

// Carry on adding images - as many as you want
increment = Math.floor(Math.random() * number);
document.write(image[increment]);
//-->
</script>
<!-- End rotating ad code -->

---

So, now if i edit each my template and i put
$sfondoforum

when i display the page i can see one of the urls of the images so plugin works fine.

But ...

in CSS page, in Body CSS, like background i'm using:

url('$sfondoforum') repeat

but it do not work, why ?