$(document).ready(function(){
	var _content = new Object();
	var _content = $("#page #content");
	
	var _container = new Object();
	_container = _content.parent();
	var _slider = new Object();
	_slider = $("#slider");
	
	function moveSlider(val){
		//alert("val = "+val+"&_content.height()="+_content.height())
		if(val==undefined) val = _content.height();

		if(_content.height() > _container.height()){
			_content.css({"margin-top":"-"+(max-(val))+"px"});
			_slider
			.height(_container.height()-25)
			.css("margin","1.6em 0 0 1px");
			//$("#label").text(Math.floor($('#slider').slider('option', 'value'))+" & "+step);
		}else{
			_slider.slider('destroy');
			_container.unmousewheel();
		}
	}

	if(_content.height()>_container.height()){
		_content.css("margin","0px 10px 0 10px");
		var step = 16//_content.height()/60;
		var min = 0;
		var max = _content.height() - _content.parent().height();
	};

	$("#page").mousewheel(function(event, delta) {
		where_at = _slider.slider("option","value");
		if(where_at+(delta*step)<max && where_at+(delta*step)>min){
			newVal = where_at+(delta*step)
		}else if(where_at+(delta*step)<=min){
			newVal = min
		}else{
			newVal = max;
		}
			
		_slider.slider('option', 'value',newVal);
		moveSlider(newVal);
		return false; // prevent default
	});
	
	_slider.slider({
		max: max,
		min: 0,
		orientation: 'vertical',
		value:_content.height() - _content.parent().height(),
		change: function(event, ui) {moveSlider(ui.value)},
		slide: function(event, ui) {moveSlider(ui.value)}
	})
	//$("#slider .ui-slider-handle").height($("#content").height() / ($("#content").height() / $("#page").height()));
	/*
	$("#slider .ui-slider-handle").css({
		height:step,
		"margin-top":step
	})
	*/
	moveSlider();
	
  });