// <![CDATA[
		
			// vertical slider control
			var slider1 = new Control.Slider('handle1', 'track1', {
				axis: 'vertical',
				onSlide: function(v) { scrollVertical(v, $('scrollable1'), slider1);  },
				onChange: function(v) { scrollVertical(v, $('scrollable1'), slider1); }
			});
			
			// horizontal slider control
			var slider2 = new Control.Slider('handle2', 'track2', {
				onSlide: function(v) { scrollHorizontal(v, $('scrollable1'), slider2);  },
				onChange: function(v) { scrollHorizontal(v, $('scrollable1'), slider2); }
			});
			
			// vertical slider control
			var slider3 = new Control.Slider('handle3', 'track3', {
				axis: 'vertical',
				onSlide: function(v) { scrollVertical(v, $('scrollable2'), slider3);  },
				onChange: function(v) { scrollVertical(v, $('scrollable2'), slider3); }
			});
			
			// horizontal slider control
			var slider4 = new Control.Slider('handle4', 'track4', {
				onSlide: function(v) { scrollHorizontal(v, $('scrollable2'), slider4);  },
				onChange: function(v) { scrollHorizontal(v, $('scrollable2'), slider4); }
			});
			
			// 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 ($('scrollable2').scrollHeight <= $('scrollable2').offsetHeight) {
				slider3.setDisabled();
				$('wrap3').hide();
			}
			
			// disable horizontal scrolling if text doesn't overflow the div
			if ($('scrollable2').scrollWidth <= $('scrollable2').offsetWidth) {
				slider4.setDisabled();
				$('wrap4').hide();
			}

		// ]]>