var step = 1;
var timerLeft = "";
var timerRight = "";

function customerMouseOver(customer)
{
	customer.className = "customer expanded";
}

function customerMouseOut(customer)
{
	customer.className = "customer";
}

function scroll(event)
{
	var elementPos = getAbsolutePosition(document.getElementById("customerScroller"));

	if(event.clientX > elementPos.x && event.clientX < elementPos.x + 200)
	{
		scrollCustomerRight();
	} else if(event.clientX > elementPos.x + 400 && event.clientX < elementPos.x + 600)
	{
		scrollCustomerLeft();
	}
}

function getAbsolutePosition(element)
{
	var pos = {x: element.offsetLeft , y: element.offsetTop};
	while(element != null )
	{
		pos.x += element.offsetLeft;
		pos.y += element.offsetTop;
		element = element.offsetParent;
	}
	return pos;
}

function scrollCustomerLeft()
{
	document.getElementById("customerScroller").scrollLeft += step;
	timerLeft = setTimeout("scrollCustomerLeft()", 10);
}

function scrollCustomerRight()
{
	document.getElementById("customerScroller").scrollLeft -= step;
	timerRight = setTimeout("scrollCustomerRight()", 10);
}

function scrollStop()
{
	clearTimeout(timerLeft);
	clearTimeout(timerRight);
}