$(document).ready(function(){
  $("#slider").slider({
    orientation: 'vertical',
	animate: true,
    change: handleSliderChange,
    slide: handleSliderSlide,
    value:100
  });
});

function handleSliderChange(event, ui)
{
  var maxScroll = $("#scroller").attr("scrollHeight") - $("#scroller").height();
  $("#scroller").animate({scrollTop:(100 - ui.value) * (maxScroll / 100) }, 1000);
}

function handleSliderSlide(event, ui)
{


  var maxScroll = $("#scroller").attr("scrollHeight") - $("#scroller").height();
  $("#scroller").attr({scrollTop: (100 - ui.value) * (maxScroll / 100) });
}