title: History.js implementation
body: <p>I'm having trouble implementing history.js </p>
  
  <p>I have a single page website that uses a jquery slider (royal slider) to slide full page divs that act as pages. The slider is operated using custom links. What I would like to do is have each link manipulate the browser history in order to 1. change the page URL. and 2. push states to the browser that are refreshable and can be navigated to and from via the browser's forward and back buttons. </p>
  
  <p>What I'm not sure about is whether any pushstate will save the sliders current slide?
  It's not essential if not, as the change in URL is the main thing. </p>
  
  <p>Each link is controlled via a javascript click function that looks like this... </p>
  
  <pre><code>var workclick = document.getElementById('worklink');
  workclick.onclick = function () {
          thefooter.style.opacity = "1";
          thefooter.style.filter = 'alpha(opacity=100)';
          thefootdivide.style.opacity = "1";
          thefootdivide.style.filter = 'alpha(opacity=100)';  
          $(".royalSlider").royalSlider('goTo', 1);
  
      }
  </code></pre>
  
  <p>Can somebody help me with what I need to add to my page to get history.js to work with what I have here? </p>
  
  <p>Thanks so much for any help  </p>