var isIE = document.all;
var mouseX = 0;
var mouseY = 0;

var from_left = 0;
var div_width = 760;
var div_height = 50;

var speed = 10;
var max_speed = 10;
var from_center = 0;
var from_center_abs = 0;


function getMouseXY(e)
{ 
	var test_div = document.getElementById("test_div");
	var scroll_div = document.getElementById("images_scroll");

	if (!e) e = window.event;
	if (e)
	{ 
		mouseX = isIE ? (e.clientX + document.body.scrollLeft) : e.pageX;
		mouseY = isIE ? (e.clientY + document.body.scrollTop) : e.pageY;
	}
	from_left = mouseX - scroll_div.offsetLeft;
	from_right = mouseY - scroll_div.offsetTop;
	if (from_left > div_width) { from_left = 0; }
	if (from_left < 0) { from_left = 0; }
//	if (from_right > div_height) { from_left = 0; }
	if (from_right < 0) { from_left = 0; }

	if(from_left > 0){
		from_center = from_left - ( div_width / 2);
		from_center_abs = from_center;
		if (from_center_abs < 0) { from_center_abs = from_center_abs * (-1); }
		speed = 64 - from_center_abs / 6;
		if(from_center < 50 && from_center > -50) { speed = 100; }
	}
	//test_div.innerHTML = from_center_abs + '-' + speed;
}

function scroll(){
	var element = document.getElementById("images_scroll");
	var pixels = 1;

	if(element.scrollLeft == element.scrollWidth - div_width){
		speed = 10;
		from_center = -380;
	}
	if(element.scrollLeft == 0){
		speed = 10;
		from_center = 380;
	}
	if(from_center_abs > 300){
		pixels = 1;
	}

	if(from_center < 0){ element.scrollLeft = element.scrollLeft - pixels; }
	else{ element.scrollLeft = element.scrollLeft + pixels; }
	scroll_loop();
}

function scroll_loop(){
	setTimeout("scroll()",speed);
}


document.onmousemove = getMouseXY;