anchor.diff:  
   <style>
   .slider { float:right; padding:6px 2px; margin-top:1px; }
  -.slider-wrap input.value { border:1px solid #CCC; width:60px; float:left; padding:2px; font-size:11px; }
  +.slider a { font-size:10px; float:left; cursor:pointer; width:20px; }
  +.slider a span { display:block; }
  +.slider-wrap input.value { border:1px solid #CCC; width:60px; float:left; padding:2px; font-size:11px; margin-top:8px; }
   .dragdealer { width:340px; position:relative; height:3px; background:url('model/images/scale.png') repeat-y top left; position:relative; }
   .dragdealer .handle { position:absolute; top:-9px; cursor:pointer; width:12px; height:23px; background-repeat:no-repeat; background-position:top left; }
   .dragdealer .handle.blue { background-image:url('model/images/slider-blue.gif'); }
  
positive.code:   });
  
    <%-- derive p-value from slider --%>
    jQuery("#slider div.handle").mousemove(function(event) {
      var handle = jQuery(this);
      jQuery("div.slider-wrap input.value").val(function() {
        var distance = handle.css('left').replace(/[^0-9.]/g, '');
  
negative.code:     });
    }
  
    <%-- update the slider on input manual change --%>
    jQuery("div.slider-wrap input.value")
    .focusout(adjustSliderPosition)
  