anchor.diff:    });
   
     <%-- derive p-value from slider --%>
  -  jQuery("#slider div.handle").mousemove(function(event) {
  +  jQuery("#slider div.handle").mouseup(function(event) {
       var handle = jQuery(this);
       jQuery("div.slider-wrap input.value").val(function() {
         var distance = handle.css('left').replace(/[^0-9.]/g, '');
  
positive.code:     });
    }
  
    <%-- switch between handle colors --%>
    function updateSliderColor() {
      if (jQuery("div.slider-wrap input.value").val() < 0.625) {
        jQuery("#slider div.handle").addClass('green').removeClass('blue');
      } else {
        jQuery("#slider div.handle").addClass('blue').removeClass('green');
      }
    }
  
    <%-- update the slider on input manual change --%>
    jQuery("div.slider-wrap input.value")
    .focusout(adjustSliderPosition)
  
negative.code: 
  <div class="slider-wrap">
    <div class="slider">
      <a style="margin-left:3px;" title="1"><span>1<sup>0</sup></span>|</a>
      <a style="margin-left:23px;" title="5e-2"><span>5<sup>-2</sup></span>|</a>
      <a style="margin-left:12px;" title="5e-3"><span>5<sup>-3</sup></span>|</a>
      <a style="margin-left:13px;" title="5e-4"><span>5<sup>-4</sup></span>|</a>
      <a style="margin-left:13px;" title="5e-5"><span>5<sup>-5</sup></span>|</a>
      <a style="margin-left:13px;" title="5e-6"><span>5<sup>-6</sup></span>|</a>
      <a style="margin-left:13px;" title="5e-7"><span>5<sup>-7</sup></span>|</a>
      <a style="margin-left:13px;" title="5e-8"><span>5<sup>-8</sup></span>|</a>
      <a style="margin-left:13px;" title="5e-9"><span>5<sup>-9</sup></span>|</a>
      <a style="margin-left:13px;" title="5e-10"><span>5<sup>-10</sup></span>|</a>
      <div style="clear:both;"></div>
      <div id="slider" class="dragdealer">
        <div class="handle green"></div>
      </div>
  