var animObj;
var loc = 0;

var startLoc = 0;
var time = 0;
var endTime = 0;
var animLen = 0;
var end;

var selectedIndex = 0;

function scrollToIndex(index)
{
	if ((selectedIndex + index < 0) || (selectedIndex + index > 1)) return;
	
	selectedIndex += index;

	animObj = document.getElementById("products");
	end = selectedIndex * -855;
	startLoc = loc;
	time = 0;
	animLen = 500;
	endTime = animLen + (new Date()).getTime();
	step();
}

function step()
{
	var time = (new Date()).getTime();
	
	if(time < endTime) {
		loc = startLoc + (animLen-(endTime - time))/animLen*(end-startLoc);
		animObj.style.left = loc + "px";
		setTimeout('step()', 10);	
	} else {
		animObj.style.left = end + "px";
		loc = end;
	}
}