function handleSliderChange(e, ui) {
    var maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();
    $("#content-scroll").animate({
        scrollLeft: ui.value * (maxScroll / 100)
    }, 200);
}

function handleSliderSlide(e, ui) {    
    var maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();
    $("#content-scroll").attr({
        scrollLeft: ui.value * (maxScroll / 100)
    });
}
$(document).ready(function(){
    $("#content-scroll").css("overflow","hidden");
    $("#content-slider").slider({
        animate: true,
        handle: ".content-slider-handle",
        change: handleSliderChange,
        slide: handleSliderSlide
    });
});