/** default 190px **/
var contentScrollHeight = 130;

function handleChange(e, ui) {
    var maxScroll = $(".content-scroll").attr("scrollHeight") - $(".content-scroll").height();
    $(".content-scroll").animate({ scrollTop: -ui.value * (maxScroll / 100)}, 1000);
}

function handleSlide(e, ui) {
    var maxScroll = $(".content-scroll").attr("scrollHeight") - $(".content-scroll").height();
    $(".content-scroll").attr({ scrollTop: -ui.value * (maxScroll / 100)   });
}

function doTheScroller(elementToParse) {
	if($(elementToParse + " .content-holder").height() > contentScrollHeight) {
		$(elementToParse + " .content-slider").attr("style","visibility:visible");
		$(elementToParse + " .content-slider").slider({
			change: handleChange,
			slide: handleSlide,
			min: -100,
			max: 0,
			animate: true,
			orientation: 'vertical'
		});
	};
}