var sliders=new Array();

// scroll the element horizontally based on its width and the slider maximum value
function scrollHorizontal(value, element, slider) {
	var slider=sliders[slider];
	element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));
}

function register_slider(slider_name,handle_id,track_id,scrollable_id) {
	sliders[slider_name] = new Control.Slider(handle_id, track_id, {
		onSlide: function(v) { scrollHorizontal(v, $(scrollable_id), slider_name);  },
		onChange: function(v) { scrollHorizontal(v, $(scrollable_id), slider_name); }
});
			}