// JavaScript Document

// <![CDATA[

// horizontal slider control
if ($('handle1')){
	var slider1 = new Control.Slider('handle1', 'track1', {
		onSlide: function(v) { scrollHorizontal(v, $('page_principale'), slider1);  },
		onChange: function(v) { scrollHorizontal(v, $('page_principale'), slider1); }
	});
}

// horizontal slider control
if ($('handle2')){
	var slider2 = new Control.Slider('handle2', 'track2', {
		onSlide: function(v) { scrollHorizontal(v, $('page_principale'), slider2);  },
		onChange: function(v) { scrollHorizontal(v, $('page_principale'), slider2); }
	});
}
// 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));
}

// scroll the element horizontally based on its width and the slider maximum value
//function scrollHorizontal2(value2, element2, slider2) {
//	element2.scrollLeft = Math.round(value2/slider2.maximum*(element2.scrollWidth-element2.offsetWidth));
//}

	

// disable horizontal scrolling if text doesn't overflow the div
//if ($('page_principale').scrollWidth <= $('page_principale').offsetWidth) {
//	slider1.setDisabled();
//	$('track1').hide();
//}

	// ]]>