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(index == selectedIndex) return;
	
	document.getElementById("tab" + selectedIndex).className = "app";
	document.getElementById("tab" + index).className = "app selected";
	
	selectedIndex = index;
	
	animObj = document.getElementById("wrapper");
	
	end = index*-800;
	
	startLoc = loc;
	time = 0;
	animLen = 250;
	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;
	}
}

window.onload = function() {
	var url = window.location.href.split("#");

	switch(url[1]) {
		case "pantry":
			scrollToIndex(0);
			break;
		case "roast":
			scrollToIndex(1);
			break;
		case "pack":
			scrollToIndex(2);
			break;
		case "more":
			scrollToIndex(3);
			break;
	}
};