$(document).ready(function(){
			$(function() {
				$("#slider").slider({ 
						change: handleChange,
						slide: handleSlide,
						min: -100,
						max: 0,
						orientation: 'vertical'});
				});
			
				function handleChange(e, ui) {
					var maxScroll = $("#scroller")
					  .attr("scrollHeight") -
					  $("#scroller").height();
					$("#scroller").stop().animate({ scrollTop: -ui.value *
					 (maxScroll / 100)
					}, 1000);
				
				}
			
				function handleSlide(e, ui) {
					var maxScroll = $("#scroller")
					  .attr("scrollHeight") -
					  $("#scroller").height();
					$("#scroller")
					  .attr({ scrollTop: -ui.value
						* (maxScroll / 100)   });
				
				}
			
				$("#scroller").bind("mousewheel", function(event, delta) {
						var speed = 30;
						//alert(delta);
						var mySlider = $("#slider");
						var sliderVal = mySlider.slider("option", "value");
					 
						sliderVal += (delta*speed);
						//alert(sliderVal);
						if (sliderVal > mySlider.slider("option", "max")) sliderVal = mySlider.slider("option", "max");
						else if (sliderVal < mySlider.slider("option", "min")) sliderVal = mySlider.slider("option", "min");
					 
						$("#slider").slider("value", sliderVal);
					 
						event.preventDefault();
					});
		
		});