$(document).ready(function(){

    $("div.scrollableVideo").scrollable({ 
        vertical:true,  
        size: 5,
		speed:300,
		onSeek: function() { 
		
		var posit=this.getIndex();
		var pages=this.getPageAmount();
		var page=this.getPageIndex()+1;
		var items=pages*5-10;

		if(posit==0)
			$("a.toprev").css({display: "none"});
		if(page!==pages)
			$("a.tonext").css({visibility: "visible"});
		if(posit>4)
			$("a.toprev").css({display: "block"});
				
		if(posit>items)
			$("a.tonext").css({visibility: "hidden"});
			
		} 
    });


	var api = $("div.scrollableVideo").scrollable({api: true}); 
	
	$("a.tonext").click(function(){
		api.move(5);
		var posit=api.getIndex();
		var pages=api.getPageAmount();
		var page=api.getPageIndex()+1;

		if(posit>0)
			$("a.toprev").css({display: "block"});
		if(page==pages)
			$("a.tonext").css({visibility: "hidden"});

		return false;
	});

	$("a.toprev").click(function(){
		api.move(-5);
		var posit=api.getIndex();
		var pages=api.getPageAmount();
		var page=api.getPageIndex()+1;

		if(posit==0)
			$("a.toprev").css({display: "none"});

		return false;
	});
 
});