var dx = 0.0;
	var maxDx = 20;
	var stop = false;

	var hoveringItem = null;
	var currentItem = null;

	function ScrollLeft()
	{
		stop = false;
		dx = -1;
	}

	function ScrollRight()
	{
		stop = false;
		dx = 1;
	}

	function ScrollNext()
	{
		currentItem = currentItem.next();

		if (currentItem.length == 0)
			currentItem = $("#projectListInner .projectListItem:first");

		console.log(currentItem);
		var currentPos = currentItem.position();
		console.log(currentPos);
		$("#projectListInner").animate({"left": -(currentPos.left)+"px"});
	}

	function ScrollPrevious()
	{
		currentItem = currentItem.prev();

		if (currentItem.length == 0)
			currentItem = $("#projectListInner .projectListItem:last");

		console.log(currentItem);
		var currentPos = currentItem.position();
		console.log(currentPos);
		$("#projectListInner").animate({"left": -(currentPos.left)+"px"})
	}

	function ScrollIntoView(item)
	{
		var currentPos = item.position();
		var l = Number($("#projectListInner").css("left").replace("px",""));
		var sx = currentPos.left + l;
		console.log(sx);
		console.log(item.width());
		if (sx + item.width() > 960)
		{
			var st = item.width() - (960-sx);
			console.log(st);
			$("#projectListInner").css("left", -(l-st)+"px");
		}
		
	}

	function StopScroll()
	{
		stop = true;
	}

	function ScrollTo(item)
	{
		//$("#projectListInner").scrollTo(item);
		ScrollIntoView(item);
	}


	function UpdateScroll()
	{

		var currentX = parseFloat($("#projectListInner").css("left").replace("px",""));
		currentX = currentX + dx;
		if ( currentX > 0 )
		{
			currentX = 0;
		}

		if ( stop )
		{
			dx = dx * 0.8;
		}
		else		
		{
			dx = dx*1.1;
			if (dx < -maxDx)
				dx = -maxDx;
			if (dx > maxDx)
				dx = maxDx;
		}

		$(".projectListInner").css("left", (currentX)+"px");
	}

$(document).ready(function() {
	var dx = 0;
	//setInterval('UpdateScroll()', 20);
	currentItem = $("#projectListInner div:first");
	console.log(currentItem);
	/*$(".projectListItem").hover(
		function() {
			$(this).find(".projectListDescription").animate({height: '200px'}, 300, "swing");			
			
		
		},function()
		{

			$(this).find(".projectListDescription").animate({height: '30px'}, 300);
			
		});	*/
	$("#projectListScrollLeft").click(
		function() { ScrollPrevious(); }
	);
	
	$("#projectListScrollRight").click(
		function() { ScrollNext(); }
	);
	/*$("#projectListScrollLeft").hover(
		function() { ScrollLeft(); },function() { StopScroll(); }
	);
	
	$("#projectListScrollRight").hover(
		function() { ScrollRight(); },function() { StopScroll();}
	);*/
});