var current_image = 0;
var timeout = false;
var last_image = 0;
function $ (id) {
	return document.getElementById(id);
}
function swap_image (image) {
	$('pic' + last_image).className = '';
	$('pic' + image).className = 'active';
	last_image = image;
	$('picture').style.background = 'url(' + images[image] + ')';
	window.clearTimeout(timeout);
	timeout = window.setTimeout('next_image()', 5000);
}
function next_image () {
	if (++current_image >= images.length)
		current_image = 0;
	swap_image(current_image);
}
function load_handler () {
	if (typeof(images) == 'object') {
		var tmp = Array();
		for (i in images) {
			tmp[i] = new Image();
			tmp[i].src = images[i];
		}
		swap_image(0);
	}
}

window.onload = load_handler;