/* tooltip.js */

var ua = navigator.userAgent.toLowerCase();
var ie = (!window.opera && ua.indexOf('msie') != -1)? Number(ua.charAt(ua.indexOf('msie ') + 5)): 0;

if(!ie){
 (function(){
  var evt = ['mousedown','mouseover','mouseout','mousemove','mousedrag','click','dblclick'];
  for(var i=0; i<evt.length; i++){
   window.addEventListener(evt[i], function(e){window.event=e;}, true);
  }
 }());
};

function setTooltip(){
  var a = document.getElementsByTagName('a');
  for(var i=0;i<a.length;i++){
    if(a[i].getAttribute('class') == 'tooltip' || a[i].getAttribute('className') == 'tooltip'){
      if(!a[i].getAttribute('title')) continue;
      var tooltip = document.createElement('div');
      tooltip.setAttribute('id','tooltip-' + i);
      setClass(tooltip,'tooltip');
      var text = document.createElement('p');
      text.appendChild(document.createTextNode(a[i].getAttribute('title')));
      tooltip.appendChild(text);
      var pointBorder = document.createElement('div');
      setClass(pointBorder,'point-border');
      tooltip.appendChild(pointBorder);
      var pointInner = document.createElement('div');
      setClass(pointInner,'point-inner');
      tooltip.appendChild(pointInner);
      document.body.appendChild(tooltip);
      a[i].setAttribute('id','ancher-' + i);
      a[i].setAttribute('title','');
      a[i].style.position = 'relative';
      a[i].onmouseover = function(){
        var id = this.getAttribute('id').split('-')[1];
        var tooltip = document.getElementById('tooltip-' + id).style;
        var pos = getPosition();
        tooltip.top = (pos.y - 20) + 'px';
        tooltip.left = (pos.x - 80) + 'px';
        tooltip.display = 'block';
      };
      a[i].onmouseout = function(){
        var id = this.getAttribute('id').split('-')[1];
        document.getElementById('tooltip-' + id).style.display = 'none';
      };
    }
  }
}

function setClass(obj,value){
  (ie && ie < 8 || ie == 8 && document.compatMode != 'CSS1Compat')? obj.setAttribute('className',value): obj.setAttribute('class',value);
}

function getPosition(){
  var obj = new Object;
  obj.x = (ie)? window.event.clientX + (document.documentElement.scrollLeft|document.body.scrollLeft):
                (window.event.clientX + window.pageXOffset|window.event.pageX);
  obj.y = (ie)? window.event.clientY + (document.documentElement.scrollTop|document.body.scrollTop):
                (window.event.clientY + window.pageYOffset|window.event.pageY);
  return obj;
}

function setOnload(func){
  (window.addEventListener)? window.addEventListener('load',func,false):
  (window.attachEvent)? window.attachEvent('onload',func):
  window.onload = func;
}

setOnload(setTooltip);