// Preload images
var img=new Array();
img[0] = new Image();
img[0].src = '/site/images/slider/01.png';
img[1] = new Image();
img[1].src = '/site/images/slider/02.png';
img[2] = new Image();
img[2].src = '/site/images/slider/03.png';
img[3] = new Image();
img[3].src = '/site/images/slider/04.png';

// Create Array
var url_array=new Array();
url_array[0] = 'url(/site/images/slider/01.png)';
url_array[1] = 'url(/site/images/slider/02.png)';
url_array[2] = 'url(/site/images/slider/03.png)';
url_array[3] = 'url(/site/images/slider/04.png)';

// Variable that will increment through the images
var step=1;

// Main function
function slideit(){
document.getElementById('slider').style.backgroundImage = url_array[step-1];
if (step<4)
step++
else
step=1;
//call function 'slideit()' every 7.5 seconds
setTimeout('slideit()',7500);
}