var sweetTitles = {
  tipElements: ['a', 'abbr', 'acronym', 'tr'],
  //
  active: 0,
  //
  xCord: 0,
  yCord: 0,
  //
  obj: Object,
  tip: Object,
  //
  init: function() {
    if (!document.getElementById || !document.createElement || !document.getElementsByTagName ) {
      return;
    }
    //
    var i;
    var j;
    //
    var sTip;
    //
    this.tip = document.createElement('div');
    this.tip.id = 'tooltip';
    //
    document.getElementsByTagName('body')[0].appendChild(this.tip);
    //
    this.tip.style.top = '0';
    this.tip.style.visibility = 'hidden';
    //
    var tipLen = this.tipElements.length;
    //
    for (i = 0; i < tipLen; i++) {
      var current = document.getElementsByTagName(this.tipElements[i]);
      var curLen = current.length;
      //
      for (j = 0; j < curLen; j++) {
        if (current[j].getAttribute('title')) {
          addEvent(current[j], 'mousemove', this.tipMove);
          addEvent(current[j], 'mouseover', this.tipOver);
          addEvent(current[j], 'mouseout', this.tipOut);
          //
          sTip = current[j].title;
          //
          sTip = sTip.replace(/\[/g, '<');
          sTip = sTip.replace(/\]/g, '>');
          //
          current[j].setAttribute('tip', sTip);
          current[j].removeAttribute('title');
        }
      }
    }
  },
  //
  updateXY: function(e) {
    if (document.captureEvents) {
      sweetTitles.xCord = e.pageX;
      sweetTitles.yCord = e.pageY;
    }
    else {
      if (window.event.clientX) {
        sweetTitles.xCord = window.event.clientX + document.documentElement.scrollLeft;
        sweetTitles.yCord = window.event.clientY + document.documentElement.scrollTop;
      }
    }
  },
  //
  tipOut: function() {
    sweetTitles.tip.style.visibility = 'hidden';
  },
  //
  checkNode : function() {
    var trueObj = this.obj;
    //
    if (this.tipElements.inArray(trueObj.nodeName.toLowerCase())) {
      return trueObj;
    }
    else {
      return trueObj.parentNode;
    }
  },
  //
  tipOver: function(e) {
    sweetTitles.obj = this;
    sweetTitles.updateXY(e);
    sweetTitles.tipShow();
  },
  //
  tipShow: function() {
    var scrX = Number(this.xCord);
    var scrY = Number(this.yCord);
    //
    var tp = parseInt(scrY + 15);
    var lt = parseInt(scrX + 10);
    //
    var anch = this.checkNode();
    //
    this.tip.innerHTML = "<p>" + anch.getAttribute('tip') + "</p>";
    //
    if (parseInt(document.documentElement.clientWidth + document.documentElement.scrollLeft) < parseInt(this.tip.offsetWidth + lt)) {
      this.tip.style.left = parseInt(lt - (this.tip.offsetWidth + 10)) + 'px';
    }
    else {
      this.tip.style.left = lt+'px';
    }
    //
    if (parseInt(document.documentElement.clientHeight + document.documentElement.scrollTop) < parseInt(this.tip.offsetHeight + tp)) {
      this.tip.style.top = parseInt(tp - (this.tip.offsetHeight + 10)) + 'px';
    }
    else {
      this.tip.style.top = tp + 'px';
    }
    //
    this.tip.style.visibility = 'visible';
  },
  //
  tipMove: function (e) {
    sweetTitles.obj = this;
    sweetTitles.updateXY(e);
    sweetTitles.tipShow();
  }
}

function pageLoader() {
  sweetTitles.init();
}

addEvent(window, 'load', pageLoader);