// <![CDATA[
				
			document.observe('click', function(e) {
			  var activator = e.findElement('a.scroll');
			  if (!activator) return;
			  e.stop();
			  var sign    = activator.hasClassName('left') ? -1 : 1;
			  var offset  = sign * ((slider3.maximum - slider3.minimum) / 10);
			  slider3.setValue(slider3.value + offset);
			});				
			
			// vertical slider control
			var slider3 = new Control.Slider('handle3_big', 'track3_big', {
				axis: 'vertical',
				onSlide: function(v) { scrollVertical(v, $('scroll_vertical_big'), slider3);  },
				onChange: function(v) { scrollVertical(v, $('scroll_vertical_big'), slider3); }
			});
			
			
			
			// scroll the element vertically 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));
			}
			
			// scroll the element horizontally based on its width and the slider maximum value
			function scrollHorizontal(value, element, slider) {
				element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));
			}
			
			// disable vertical scrolling if text doesn't overflow the div
			if ($('scrollable1').scrollHeight <= $('scrollable1').offsetHeight) {
				slider1.setDisabled();
				$('track1').hide();
			}
			
			// disable horizontal scrolling if text doesn't overflow the div
			if ($('scrollable1').scrollWidth <= $('scrollable1').offsetWidth) {
				slider2.setDisabled();
				$('track2').hide();
			}
			
			// disable vertical scrolling if text doesn't overflow the div
			if ($('scroll_vertical_big').scrollHeight <= $('scroll_vertical_big').offsetHeight) {
				slider3.setDisabled();
				$('wrap3_big').hide();
			}
			
			// disable horizontal scrolling if text doesn't overflow the div
			if ($('scroll_vertical_big').scrollWidth <= $('scroll_vertical_big').offsetWidth) {
				slider4.setDisabled();
				$('wrap4').hide();
			}

		// ]]>