var timer;	
var scrollableAPI;

function nextItem(){
	scrollableAPI.next();
	return false;
}

function prevItem(){
	scrollableAPI.prev();
	return false;
}

$(function() {
	// initialize scrollable  
	scrollableAPI = $("div.scrollable").scrollable({ 
	    vertical:true,
		clickable:false,
	    size: 1,
		item: "div:visible",
		api:true
	});
	
	$("#actions .nextPage").hover(function(){
		nextItem();
		timer = window.setInterval("nextItem()",500);
	},function(){
		window.clearInterval(timer);
	}).click(nextItem);
	
	$("#actions .prevPage").hover(function(){
		prevItem();
		timer = window.setInterval("prevItem()",500);
	},function(){
		window.clearInterval(timer);
	}).click(prevItem);
});