title: jquery tooltip goes off screen need a way to prevent it
body: <p><strong>CODE</strong></p>
  
  <pre><code>$(document).ready(function(){    
      $('#Box10_main').hover(function(){
          //mouse enters
          $("#tool_10").css("display", "block");
      }, function(){
          //mouse leaves
          $("#tool_10").css("display", "none");
      });    
          position: {
              viewport: $(window);
          };
      $(document).mousemove(function(event){
          var mx = event.pageX+15;
          var my = event.pageY+15;
          $("#tool_10").css("left", mx + "px").css("top", my + "px");
      });
  });
  </code></pre>
  
  <p>how could I get the tooltips to stay inside the window? and i have looked around for an answer which was <code>position: { viewport: $(window) }</code> but i have no clue on where to place this in the code</p>