$(document).ready(function(){
	$(".scroll_container").css('overflow','hidden');

	var difference = $(".scroll_content").height()-$(".scroll_container").height();
	var proportion = difference / $(".scroll_content").height();
	var handleHeight = Math.round((1-proportion)*$(".scroll_container").height());

	$(".scrollbar").slider({
		orientation: "vertical",
		range: "max",
		min: 0,
		max: 100,
		value: 100,
		slide: function(event, ui) {
			var topValue = -((100-ui.value)*difference/100);
			$(".scroll_content").css({top:topValue});
		}
	});
	
	$(".ui-slider-handle").css({height:handleHeight,'margin-bottom':-0.5*handleHeight});

	var origSliderHeight = $(".scrollbar").height();
	var sliderHeight = origSliderHeight - handleHeight ;
	var sliderMargin =  (origSliderHeight - sliderHeight)*0.5;
	$(".ui-slider").css({height:sliderHeight,'margin-top':sliderMargin});
	$(".ui-slider-range").css({top:-sliderMargin});
});