$().ready(function(){

var $scroller = $('.scroll-container');
var $scroll = $('.scroll-container ul');
var $items = $('.scroll-container li');
var $scrollWidth = $items.width()*$items.length+'px';
var $next = $('#next');
var $prev = $('#prev');
var counter = 0;
var speed = 500;

$('#close').click(function(){
	clearInterval(scrollInt);
	$('#overlay').remove();
	return false;
})

$scroll.css({
	width: $scrollWidth
})

function scrollNext() {
	$scroll.animate({
		left: '-550px'
		},speed,function(){		
			$(this).find('li').filter(':first').remove().clone().appendTo($scroll);
			$scroll.css({left: '0px'});		
		}
	);	
}
function scrollPrev() {	
	$scroll.find('li').filter(':last').remove().clone().prependTo($scroll);
	$scroll.css('left','-550px');
	$scroll.animate({
	left: '0px'	
	},speed)
}

$next
	.click(function(){
		scrollNext();
		clearInterval(scrollInt);
	});

$prev
	.click(function(){
		scrollPrev();
		clearInterval(scrollInt);
	});

scrollInt = setInterval(scrollNext, 4000);


});