$(document).ready(function() {

/* ####### Scrollboxes ######## */   
    $(".scrollDown").show();
    $(".scrollUp").show();
    $(".scrollUp a").click(function() {
		return false;
	});
	$(".scrollDown a").click(function() {
		return false;
	});
    $(".scrollable .scrollUp").fadeTo(0, 0.33);
	$(".scrollable .scrollUp a").hide();
    $(".scrollable").scrollable({    	
    	size:4,
    	vertical:true,
    	speed: 800,
    	onSeek: function()  { 	       
	       if(this.getStatus().index == (this.getStatus().total - this.getStatus().size )) {
	        	$(".scrollable .scrollDown").fadeTo(200, 0.33);
	        	$(".scrollable .scrollDown a").hide();
	       } else {
	       		$(".scrollable .scrollDown").fadeTo(200, 1.0);
	       		$(".scrollable .scrollDown a").show();
	       } 
	        
	        if(this.getStatus().index == 0) {
	        	$(".scrollable .scrollUp").fadeTo(200, 0.33);
	        	$(".scrollable .scrollUp a").hide();
	        } else {
	        	$(".scrollable .scrollUp").fadeTo(200, 1.0);
	       		$(".scrollable .scrollUp a").show();
	        }	                
	    }    	    	  	
	});
	
});