var currentImage = 0;
var totalImages = 5;

function initFilmstrip()
{
	$('filmstrip').onmousemove = function(e){		
		e = e || window.event;
		var x = getMouseX(e);
		var image = Math.floor(x / 49) % 5;
		setImage(image);
	}
	$('filmstrip').onmouseout = function(e){
		setImage(0);
		Element.hide('filmstrip');
	}	
}

function setImage(i){
	$('filmstrip').style.backgroundPosition = "0pt " + (-200 * i) + "px";
}

function getMouseX(e){
	var posx = 0;
	if (e.pageX != undefined) {
		posx = e.pageX;
	}
	else if (e.clientX != undefined) {
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
	}
	return posx;
}