

var scrollTimer = false;
var i = 0;
var speed = 40; //ms per pixel
var lastTime = new Date();
function startAutoScroll() {
	if (scrollTimer) return;
	lastTime = new Date();
	scrollTimer = setInterval(doScroll, 10);
}
function stopAutoScroll() {
	clearInterval(scrollTimer);
	scrollTimer = false;
}
function doScroll() {
	var now = new Date();
	timePassed = now.getTime() - lastTime.getTime();
	if (timePassed > speed) {
		new_x = $('foto_container').getScroll().x + 1;
		if (center && new_x > center) new_x -= center;
		$('foto_container').scrollTo(new_x, 0);
		lastTime = now;
	} 
}
var center = false;
window.addEvent('load', function() {
	var portfolioElement = $('foto_container');
	coor_center = $('portfolio_center').getCoordinates($('portfolio_content'));
	center = coor_center.left;
	var prev_x = 0;
	portfolioElement.scrollTo(center,0);
	$('portfolio_content').setStyle('width', coor_center.left * 2 + 10);
	var portfolioScroller = new Scroller(portfolioElement, {area: 400, velocity: .03, onChange:function(x, y) {
		if (prev_x < x && x > center) {	
			x = x - center; 
		} else if (prev_x > x && x < center / 2) {
			x = x + center;
		}
		prev_x = x;
		this.element.scrollTo(x, 0);
	}});
	portfolioScroller.start();
	startAutoScroll(portfolioElement);
	portfolioElement.addEvent('mouseenter', stopAutoScroll);
	portfolioElement.addEvent('mouseenter', portfolioScroller.stop.bind(portfolioScroller));
	portfolioElement.addEvent('mouseleave', portfolioScroller.start.bind(portfolioScroller));
	portfolioElement.addEvent('mouseleave', startAutoScroll);
	})