title: A better way to use onmouseover, onmouseleave
body: <p>How I can better make an use of onmouseover, onmouseleave and onmousemove in this JSFiddle file? <a href="http://jsfiddle.net/Insane96MCP/xznn7g3d/5/" rel="nofollow">http://jsfiddle.net/Insane96MCP/xznn7g3d/5/</a></p>
  
  <p>You can see that I have:</p>
  
  <pre><code>document.getElementById("button1").onmouseover = function(){
      showToolTip(/*...*/);
  }
  document.getElementById("button1").onmouseleave = function(){
      hideTooltip(/*...*/);
  }
  document.getElementById("button1").onmousemove = function(){
      showTooltip(/*...*/);
  }
  document.getElementById("button2").onmouseover = function(){
      showTooltip(/*...*/);
  }
  //And so on
  </code></pre>
  
  <p>There's a better way to do this, instead of stacking them in succession, creating a long javascript?</p>