title: jQuery slider help needed
body: <p>I made a slider, but i'm not that great with jQuery. I would like to pause the slider on hover, and also would like to prevent the buttons from being used when an animation is playing. Can anybody help me with this?</p>
  
  <pre><code>var jq = $.noConflict();
  
  setInterval(function() {
        var leftPos = jq('#browser').scrollLeft();
        if(leftPos == 5400){
        jq('#browser').animate({scrollLeft: 0}, 800);
        }else{
        jq('#browser').animate({scrollLeft: leftPos + 900}, 800);      
        }
  },  3000);
  
        jq('.rightarrow').click(function() {
        var leftPos = jq('#browser').scrollLeft();
        if(leftPos == 5400){
        jq('#browser').animate({scrollLeft: 0}, 800);
        }else{
        jq('#browser').animate({scrollLeft: leftPos + 900}, 800);      
        }
     });
  
        jq('.leftarrow').click(function() {
        var leftPos = jq('#browser').scrollLeft();
        if(leftPos == 0){
        jq('#browser').animate({scrollLeft: 5400}, 800);
        }else{
        jq('#browser').animate({scrollLeft: leftPos - 900}, 800);
       }
     });
  </code></pre>
  
  <p>This is my fiddle:</p>
  
  <p><a href="https://jsfiddle.net/apielotje/2kyaJ/958/" rel="nofollow">https://jsfiddle.net/apielotje/2kyaJ/958/</a></p>