/*************** Scrollbar ***********/
function initialize_slider() {
	if($('logo_scrollable') != null){
		if ($('logo_scrollable').scrollHeight <= $('logo_scrollable').offsetHeight) {
		}
		else{
			$('handle').show();
			$('track').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
			var slider = new Control.Slider('handle', 'track', {
				axis: 'vertical',
				onSlide: function(v) { scrollVertical(v, $('logo_scrollable'), slider);  },
				onChange: function(v) { scrollVertical(v, $('logo_scrollable'), slider); }
			});
				
			/*************** Mouse Wheel  ***********/
			// mouse wheel code from http://adomas.org/javascript-mouse-wheel/
			if ($('handle') != 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('logo_container', 'DOMMouseScroll', wheel);
				
				// IE/Opera
				Event.observe('logo_container', 'mousewheel', wheel);
			}
		}
	}
}