$(document).ready(function(){
	$("div.slider-bar").slider({
		animate: true,
		orientation: "vertical",
		value: 100,
		slide: function(event, ui) {
			var maxScroll = $("div.content-holder").attr("scrollHeight") - $("div.content-scroll").height();
			$("div.content-scroll").attr({scrollTop: (100-ui.value) * Math.round((maxScroll / 100)) });
		},
		change: function(event, ui) {
			var maxScroll = $("div.content-holder").attr("scrollHeight") - $("div.content-scroll").height();
			$("div.content-scroll").animate({scrollTop: (100-ui.value) * Math.round((maxScroll / 100)) }, 500);
		}
	});
	$("div.content-scroll").attr({scrollTop: 0 });
});