// JavaScript Document

onDomReady(function(){

  var objBody = $css('body')[0];
  var toolTip = addElement('div',{'id':'tooltip','style':{'visibility':'hidden'}});
  objBody.insertBefore(toolTip, objBody.firstChild);

  var inToop = $('page');

  if(inToop){

    inToop.onmousemove = function(e){
      var cursor = Cursor(e);
      limitX = toolTip.offsetWidth;
      limitY = toolTip.offsetHeight;
      toolTip.style.left = (((Window.width()-cursor.client.x)-30)<limitX)? cursor.page.x-limitX-10+"px" : cursor.page.x+12+"px";
      toolTip.style.top = (((Window.height()-cursor.client.y)-20)<limitY)? cursor.page.y-limitY-10+"px" : cursor.page.y+25+"px";
    }

    $el(inToop,'li').forEach(function(item){

      addEvent(item,'mouseover',function(){
        var toolNode = $el(item,'div.tooltip')[0];
        if(toolNode){ 
          toolClone = toolNode.cloneNode(true);
          toolTip.appendChild(toolClone);
          toolClone.style.display="block";    
          toolTip.style.visibility="visible"; 
        }
      });
        
      addEvent(item,'mouseout',function(){
        setStyles(toolTip,{'visibility':'hidden','left':'1000px'});
        toolTip.innerHTML = '';
      });
    });
  } 
   
});