// 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));
			}
			
			
			
			
			
			
			
			// horizontal slider control
			var slider5 = new Control.Slider('handle5', 'track5', {
				onSlide: function(v) { scrollHorizontal(v, $('scrollable3'), slider5);  },
				onChange: function(v) { scrollHorizontal(v, $('scrollable3'), slider5); }
			});
			
			
				
			
			// horizontal slider control
			var slider6 = new Control.Slider('handle6', 'track6', {
				onSlide: function(v) { scrollHorizontal(v, $('scrollable4'), slider6);  },
				onChange: function(v) { scrollHorizontal(v, $('scrollable4'), slider6); }
			});
			
			
			// horizontal slider control
			var slider7 = new Control.Slider('handle7', 'track7', {
				onSlide: function(v) { scrollHorizontal(v, $('scrollable5'), slider7);  },
				onChange: function(v) { scrollHorizontal(v, $('scrollable5'), slider7); }
			});
		
			
			
			
			
			// horizontal slider control
			var slider8 = new Control.Slider('handle8', 'track8', {
				onSlide: function(v) { scrollHorizontal(v, $('scrollable6'), slider8);  },
				onChange: function(v) { scrollHorizontal(v, $('scrollable6'), slider7); }
			});
			
			
			// horizontal slider control
			var slider9 = new Control.Slider('handle9', 'track9', {
				onSlide: function(v) { scrollHorizontal(v, $('scrollable7'), slider9);  },
				onChange: function(v) { scrollHorizontal(v, $('scrollable7'), slider9); }
			});
			
			// horizontal slider control
			var slider10 = new Control.Slider('handle10', 'track10', {
				onSlide: function(v) { scrollHorizontal(v, $('scrollable8'), slider10);  },
				onChange: function(v) { scrollHorizontal(v, $('scrollable8'), slider10); }
			});