anchor.diff:  
   <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>
  
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:       // return new Number(value).toFixed(parseInt(2)); // rounded value to 2 decimal places
  
        // non linear
        var p = new Number((1/Math.pow(10, value * 10)).toPrecision(21)).toExponential(2);
        im.log("slider: " + value + ", p: " + p);
        return p;
      });
    });
  
    <%-- key points on the scale --%>
    jQuery("div.slider a").click(function() {
      jQuery("div.slider-wrap input.value").val(jQuery(this).attr('title'));
      adjustSliderPosition();
    });
  })();
  </script>