function scrollables() {
	var container = $('div.scrollable');
	var running = true;
	
	container.scrollable({
		size: 1,
		circular: true,
		items: '.items'
	}).autoscroll({
		interval: 4500,
		circular: true,
		autoplay: true,
		autopause: false
	});
	
	var api = container.data('scrollable');
	
	var prev = $('.prev', container);
	var next = $('.next', container);
	
	var hover_in = function() {
		if (!running) {
			return false;
		}
		api.pause();
	};
	
	var hover_out = function() {
		if (!running) {
			return false;
		}
		api.play();
	};
	
	prev.bind('click', function() {
		running = false;
		api.stop();
	});
	
	next.bind('click', function() {
		running = false;
		api.stop();
	});
	
	prev.hover(hover_in, hover_out);
	next.hover(hover_in, hover_out);
}

(function($) {
	$(document).ready(function() {
		scrollables();
	});
})(jQuery);