title: Javascript / jQuery - map a range of numbers to another range of numbers
body: <p>In other programming languages such as processing, there is a function which allows you to convert a number that falls within a range of numbers into a number within a different range. What I want to do is convert the mouse's X coordinate into a range between, say, 0 and 15. So the browser's window dimensions, while different for every user, might be, say, 1394px wide, and the current X coordinate might be 563px, and I want to convert that to the range of 0 to 15. </p>
  
  <p>I'm hoping to find a function of jquery and javascript that has this ability built in. I can figure out the math to do this by myself, but I'd rather do this in a more concise and dynamic way.</p>
  
  <p>I'm already capturing the screen dimensions and mouse dimensions with this code:</p>
  
  <pre><code>var $window = $(window);
  var $document = $(document);
  
  
  $document.ready(function() {
      var mouseX, mouseY; //capture current mouse coordinates
      var screenW, screenH; //capture the current width and height of the window
      var maxMove = 10;
      windowSize();
  
      $document.mousemove( function(e) {
          mouseX = e.pageX; 
          mouseY = e.pageY;
  
      });
  
      $window.resize(function() {
          windowSize();
      });
  
      function windowSize(){
          screenW = $window.width();
          screenH = $window.height();
      }
  
  });
  </code></pre>
  
  <p>Thanks for any help you can provide.</p>