// JavaScript Document
// 	<script type="text/javascript" language="javascript">
// <![CDATA[
  // 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 ($('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();
  }
//</script>