// <![CDATA[
		
			
			
			// F
			var slider1f = new Control.Slider('handle1f', 'track1f', {
				axis: 'vertical',
				onSlide: function(v) { scrollVertical(v, $('scrollable1f'), slider1f);  },
				onChange: function(v) { scrollVertical(v, $('scrollable1f'), slider1f); }
			});
			
			// F
			var slider2f = new Control.Slider('handle2f', 'track2f', {
				onSlide: function(v) { scrollHorizontal(v, $('scrollable1f'), slider2f);  },
				onChange: function(v) { scrollHorizontal(v, $('scrollable1f'), slider2f); }
			});
			
			// G
			var slider1g = new Control.Slider('handle1g', 'track1g', {
				axis: 'vertical',
				onSlide: function(v) { scrollVertical(v, $('scrollable1g'), slider1g);  },
				onChange: function(v) { scrollVertical(v, $('scrollable1g'), slider1g); }
			});
			
			// G
			var slider2g = new Control.Slider('handle2g', 'track2g', {
				onSlide: function(v) { scrollHorizontal(v, $('scrollable1g'), slider2g);  },
				onChange: function(v) { scrollHorizontal(v, $('scrollable1g'), slider2g); }
			});
			
			// 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();
			}

		// ]]>