/*************** Scrollbar ***********/

function contentSlider() {
 	if ($('page_content').scrollHeight <= $('page_content').offsetHeight) {
	}
	else{
		$$('#contentScrollbar').each(Element.show);
		// handle width
		//var newwidth = 850 * 100 / $('entry_detail').getWidth();
		//var wi = Math.round(newwidth);
		//$('handle1').setStyle({width: wi+'%'}); 
		
		// scroll the element horizontally based on its width and the slider maximum value
		function scrollVertical(value, element, slider) {				
			element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
		}
		// horizontal slider control
		window.slider = new Control.Slider('contentHandle', 'contentTrack', {
			axis: 'vertical',
			onSlide: function(v) { scrollVertical(v, $('page_content'), slider);  },
			onChange: function(v) { scrollVertical(v, $('page_content'), slider); }
		});
		
		slider.setValueBy(0);
			
		/*************** Mouse Wheel  ***********/
		// mouse wheel code from http://adomas.org/javascript-mouse-wheel/
		if ($('contentHandle') != null){
			function handle(delta) {
				slider.setValueBy(-delta/20);
			}
		
			/** Event handler for mouse wheel event. */
			function wheel(event){
				var delta = 0;
				if (!event) /* For IE. */
					event = window.event;
				if (event.wheelDelta) { /* IE/Opera. */
					delta = event.wheelDelta/120;
				} else if (event.detail) { /** Mozilla case. */
					/** In Mozilla, sign of delta is different than in IE.
					* Also, delta is multiple of 3.
					*/
					delta = -event.detail/3;
				}
		
				/** If delta is nonzero, handle it.
				* Basically, delta is now positive if wheel was scrolled up,
				* and negative, if wheel was scrolled down.
				*/
				if (delta)
					handle(delta);
		
				/** Prevent default actions caused by mouse wheel.
				* That might be ugly, but we handle scrolls somehow
				* anyway, so don't bother here..
				*/
				if (event.preventDefault)
					event.preventDefault();
				
				event.returnValue = false;
			}
			// mozilla
			Event.observe('content', 'DOMMouseScroll', wheel);
			
			// IE/Opera
			Event.observe('content', 'mousewheel', wheel);
		}
	}
}

function contentScrollArrow(value, direction){
	if(direction == 'down'){
		val = value;	
	}
	else{
		val = '-'+value;	
	}
	slider.setValueBy(val/100);	
}