title: Jquery Range Slider - Select Range outside min and max value
body: <p>I am creating a jquery range slider to select a range of hourly values. The slider has a min value of 0 (12am) and a max value of 24 (12am).</p>
  
  <p>Sometimes I would like to select a range that goes overnight (i.e. 19:00 - 3:00). This is the opposite of what the slider is configured to do. Selecting this range would typically result in a selection of 3:00 - 19:00 rather than the opposite.</p>
  
  <p>Ideally I could drag one of the handles through the other to change the way the range is selected. </p>
  
  <p>My slider values come from the slider event below</p>
  
  <pre><code>$("#amount").val(ui.values[0] + ":00 - " + ui.values[1] + ":00");
  </code></pre>
  
  <p>Any suggestions on how to build a slider with this functionality? </p>
  
  <p><a href="http://jsfiddle.net/wDM7U/" rel="nofollow">Here is a fiddle</a> where I have a slider setup for a 0-24 time period.</p>