var leftPos = 0;
var timerId;
$(document).ready(function(){
	var content = $('#scrollImage .view ul');
	var width = 0;
	var switchPoint = 0;
	
	$('li',content).clone().appendTo(content);
	$('li',content).each(function(){
		width += $(this).outerWidth({margin:true});
	});
	switchPoint = -width/2;
	content.css('width',width + 'px');
	content.css('left','0px')

	setInterval(function(){
		var left = parseInt(content.css('left'));
		if(left <= switchPoint)
		{
			leftPos = leftPos -left;
			content.css('left','0px');
			left = 0;
		}
		else if(left > 0)
		{
			leftPos = switchPoint + leftPos -left;
			content.css('left',switchPoint + 'px');
			left = switchPoint;
		}
		content.css('left', left + (leftPos - left)/20 + 'px');
	},10)

	$('#scrollImage .prev').click(function(){				   
		leftPos += 100;
		timerReset();
	});
	$('#scrollImage .next').click(function(){				   
		leftPos -= 100;
		timerReset();
	});	
	timerReset();
});

function timerReset()
{
	clearInterval(timerId);
	timerId = setInterval(function(){
		leftPos -= 100;
	},3000);
}