$(document).ready(function() {

	/* $('#menuleft ul li').hover(
	    function () {
		$(this).parent('ul').parent('li').animate({'height' : $(this).parent('ul').parent('li').height()+29*$(this).children('ul').children('li').length+'px'});
		$(this).animate({'height' : 29+29*$(this).children('ul').children('li').length+'px'});
	    }, function () {
		$(this).animate({'height' : '29px'});
		$(this).parent('ul').parent('li').animate({'height' : $(this).parent('ul').parent('li').height()-29*$(this).children('ul').children('li').length+'px'});
	    }
	); */



	   if ($('#mainContent .relative').height() > $('#mainContent').height()) {

	  $('#ruler').slider({

	   min: 0, 

	      max: 100,

	      orientation:'vertical',

	      value: 100

	  });

	  $('#ruler').bind('slide', moveContent);

	  $('#ruler').bind('change', moveContent);

	  

	  $('#arrowUp, #arrowDown').click(function() {return false;});

	  

	  $('#arrowUp').mousedown(function() {

	   $('#ruler').data('move', true);

	   move('Up');

	  });

	  $('#arrowDown').mousedown(function() {

	   $('#ruler').data('move', true);

	   move('Down');

	  });

	  $('#arrowDown, #arrowUp').mouseup(stopMoving);

	  $('#arrowDown').data('move', false);

	  

	  if ($.browser.msie) {

	  

	   $('#arrowDown').corner('bottom 5px').parent().css('padding', '0px 1px 1px 1px').corner("bottom 5px");

	   $('#arrowUp').corner('top 5px').parent().css('padding', '1px 1px 0px 1px').corner("top 5px");

	  } else {

	   $('#arrowDown').corner('bottom 3px').parent().css('padding', '0px 1px 1px 1px').corner("bottom 3px");

	   $('#arrowUp').corner('top 3px').parent().css('padding', '1px 1px 0px 1px').corner("top 3px");

	  }

	  $('#scrollbar').click(function(e){

	   var y = (e.originalEvent.layerY)?e.originalEvent.layerY:e.originalEvent.offsetY;

	   var height = $('#ruler').height();

	   if (y<$('.ui-slider-handle').height()/2)

	    $('#ruler').data('slider').value(100);

	   else if (y>height-$('.ui-slider-handle').height()/2)

	    $('#ruler').data('slider').value(0);

	   moveContent();

	   

	  })

	  setHandleHeight();

	  

	 }

	 $('#mainContent > .relative').resize(handleResize);

	});



	function handleResize() {

	    setHandleHeight();

	    var val = 100-((-parseInt($('#mainContent .relative').css('top')) / $('#mainContent .relative').height())*100);

	    $('#ruler').slider('value', val);

	}



	function setHandleHeight() {

	 var sliderHeight = $('.ui-slider').innerHeight();

	 var oldMargin = parseInt($('.ui-slider').css('margin-top'));

	 

	 $('.ui-slider-handle').css('height', (($('#mainContent').height() / $('#mainContent > .relative').height()))*(sliderHeight+oldMargin*2) + 'px');

	 var margin = $('.ui-slider-handle').height();

	 $('.ui-slider-handle').css('margin-bottom', Math.floor(-margin/2));

	 $('.ui-slider').css('margin-top', Math.floor(margin/2));

	 $('.ui-slider').css('margin-bottom', Math.floor(margin/2));

	 

	 var newHeight = sliderHeight + 2*oldMargin - margin;

	 var diff = (sliderHeight + oldMargin*2) - ((Math.floor(margin/2) * 2) + newHeight);

	 

	 $('.ui-slider').css('height', newHeight + diff);

	}



	function move(direction) {

	 var obj = $('#arrow'+direction);

	 var exp = 1;

	 if (direction == 'Down')

	  exp = -1;

	 

	 if ($('#ruler').data('move')) {

	  var value = $('#ruler').data('slider').value() + 2*exp;

	  $('#ruler').data('slider').value(value);

	  moveContent();

	  

	  var timeout = setTimeout(function(){move(direction)},10);

	  $('#ruler').data('moveTimeout', timeout);

	 } 

	}



	function stopMoving() {

	 $('#ruler').data('move', false);

	 clearTimeout($('#ruler').data('moveTimeout'));

	 $('#ruler').removeData('moveTimeout');

	}



	function moveContent(e, ui) {

	 var v;

	 if (typeof ui != 'undefined' && ui != null)

	  v = 100-ui.value;

	 else if (typeof $('#ruler').data('slider') != null)

	  v = 100-$('#ruler').data('slider').value();

	 var w = $("#mainContent > .relative").height() - $("#mainContent").height();

	 $('#mainContent > .relative').css('top', (-v * w /100) + 'px');



	}