// JavaScript Document

function initTooltip(context){
var objBody = document.getElementsByTagName("body").item(0);
var toolTip = document.createElement("div");
toolTip.setAttribute('id','tooltip');
toolTip.style.visibility="hidden";
objBody.insertBefore(toolTip, objBody.firstChild);
var isMove = false;

var inToop = $(context);

if(inToop){

inToop.onmousemove = function(e){
  var cursor = getCursor(e);
  var scrollCursor = getScrollCursor(e);
  var windowSize = getWindowSize()
  limitX = toolTip.offsetWidth;
  limitY = toolTip.offsetHeight;
  toolTip.style.left = (((windowSize.width-cursor.x)-30)<limitX)? cursor.x-limitX-10+"px" : cursor.x+12+"px";
  toolTip.style.top = (((windowSize.height-cursor.y)-20)<limitY)? scrollCursor.y-limitY-10+"px" : scrollCursor.y+18+"px";
}

  var site = inToop.getElementsByTagName('a');
  for (i=0; i<site.length; i++) {

      site[i].onmouseover = function() {
        var clean = getId(this.id);
        var z = $(clean);
        if(z){       
          toolTip.innerHTML = (z.src)?"<img src="+(z.src)+">":z.firstChild.nodeValue;
          toolTip.style.visibility="visible";
        }
      }
        
      site[i].onmouseout = function() {
        toolTip.style.visibility="hidden";
        toolTip.style.left="-1000px";
      }
    }
  }
  
}

function getId(itemId){
    var newId = itemId.replace("+", "");
    return newId.replace("+", "");
}