      var tip;
      var tipBoxName;
      function toolTip(img,tipBox,that)
      {
          tipBoxName = tipBox;
          tip = that;
          tip.onmousemove=updatePos;
          document.getElementById(tipBoxName).innerHTML='<img src="' + img + '" alt=""/>';
          document.getElementById(tipBoxName).style.display="block";
          window.onscroll=updatePos;
      }

      function updatePos()
      {
          var ev = arguments[0] ? arguments[0] : event;
          var x = ev.clientX;
          var y = ev.clientY;
          diffX=-320;
          diffY=-100;
          document.getElementById(tipBoxName).style.top  = y-2+diffY+document.body.scrollTop + "px";
          document.getElementById(tipBoxName).style.left = x-2+diffX+document.body.scrollLeft + "px";
          tip.onmouseout=hideToolTip;
      }
       
      /**
       * This method brushes you teeth for you...
       * Actally, it just hides the tooltip when you
       * fall off the icon you're hovering over
       */
      function hideToolTip()
      {
          document.getElementById(tipBoxName).style.display="none";
      }

