(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);