// JavaScript Document

var interval = 10; // delay between rotating images (in seconds)
var random_display = 1; // 0 = no, 1 = yes
interval *= 1000;

var image_index = 0;
image_list = new Array();
image_list[image_index++] = 'images/1.jpg';
image_list[image_index++] = 'images/2.jpg';
image_list[image_index++] = 'images/3.jpg';
image_list[image_index++] = 'images/4.jpg';
image_list[image_index++] = 'images/5.jpg';
//image_list[image_index++] = 'images/6.jpg'; // image with face in it

var number_of_image = image_list.length;

for (i=0; i < number_of_image; i++) {
	var preload = new Image();
	preload.src = image_list[i];
}

function generate(x, y) {
	var range = y - x + 1;
	return Math.floor(Math.random() * range) + x;
}

function getNextImage() {
	image_index++;
	if(image_index >= number_of_image)
		image_index = 0;
	return "url('" + image_list[image_index] + "')";
}

function rotateBackgroundImage(place) {
	var new_image = getNextImage();
	document.getElementById(place).style.backgroundImage = new_image;
	var recur_call = "rotateBackgroundImage('"+place+"')";
	setTimeout(recur_call, interval);
}

function initialize(place){
	for(i=0; i<number_of_image; i++){
		index = generate(0, number_of_image-1);
		//now swap the images. This randomizes the array.
		temp = image_list[i];
		image_list[i] = image_list[index];
		image_list[index] = temp;
	}
		
	rotateBackgroundImage(place);
}