// 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); }
});


// 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));
}

// disable vertical scrolling if text doesn't overflow the div
if ($('scrollable1').scrollHeight <= $('scrollable1').offsetHeight) {
	slider1.setDisabled();
	$('track1').hide();
}



// vertical slider control
var slider1 = new Control.Slider('handle2', 'track2', {
	axis: 'vertical',
	onSlide: function(v) { scrollVertical(v, $('scrollable2'), slider1);  },
	onChange: function(v) { scrollVertical(v, $('scrollable2'), slider1); }
});

// 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));
}


// disable vertical scrolling if text doesn't overflow the div
if ($('scrollable2').scrollHeight <= $('scrollable2').offsetHeight) {
	slider1.setDisabled();
	$('track2').hide();
}