(function(window, document, undefined){
  var XBTooltip = function( element, userConf, tooltip) {
    var config = {
      id: userConf.id|| undefined,
      className: userConf.className || undefined,
      x: userConf.x || 20,
      y: userConf.y || 20,
      text: userConf.text || undefined
    };
    var over = function(event) {
      tooltip.style.display = "block";
    },
    out = function(event) {
      tooltip.style.display = "none";
    },
    move = function(event) {
      event = event ? event : window.event;
      if ( event.pageX == null && event.clientX != null ) {
        var doc = document.documentElement, body = document.body;
        event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
        event.pageY = event.clientY + (doc && doc.scrollTop  || body && body.scrollTop  || 0) - (doc && doc.clientTop  || body && body.clientTop  || 0);
      }
      tooltip.style.top = (event.pageY+config.y) + "px";
      tooltip.style.left = (event.pageX+config.x) + "px";
    }
    if (tooltip === undefined && config.id) {
      tooltip = document.getElementById(config.id);
      if (tooltip) tooltip = tooltip.parentNode.removeChild(tooltip)
    }
    if (tooltip === undefined && config.text) {
      tooltip = document.createElement("div");
      if (config.id) tooltip.id= config.id;
      tooltip.innerHTML = config.text;
    }
    if (config.className) tooltip.className = config.className;
    tooltip = document.body.appendChild(tooltip);
    tooltip.style.position = "absolute";
    element.onmouseover = over;
    element.onmouseout = out;
    element.onmousemove = move;
    over();
  };
  window.XBTooltip = window.XBT = XBTooltip;
})(this, this.document);