var offsetX = 0;
var offsetY = 15;
var toolTipStyle;

function initToolTip() {
    var toolTipElem;
    if (document.getElementById) {
  
        toolTipElem = document.getElementById("toolTipLayer");
    } 
    else if (document.all) {
    
        toolTipElem = document.all["toolTipLayer"];
    } 
    else if (document.layers) { 
        toolTipElem = document.layers["toolTipLayer"];
    }
    if (!toolTipElem) {return;} // something wrong.
       
    toolTipStyle = toolTipElem.style || toolTipElem;
    toolTipStyle.visibility = "visible";
    toolTipStyle.display = "none";
// listen to mouse move event
    if (document.addEventListener) {
        document.addEventListener("mousemove",moveToMouseLoc,false);
    } 
    else if (document.attachEvent) {
        document.attachEvent("onmousemove",function(){moveToMouseLoc(window.event);});
    } 
    else {
        document.onmousemove = moveToMouseLoc;
    }
    if (document.captureEvents && window.Event && window.Event.MOUSEMOVE) {
        document.captureEvents(window.Event.MOUSEMOVE);
    } 
}
function toolTip(msg, fg, bg) {
 if (toolTipStyle==null) return;

   if(toolTip.arguments.length < 1) { // hide
   
      if(document.layers) toolTipStyle.visibility = "hidden";

      else {
        
        toolTipStyle.display = "none";
      }

    }

  else { // show
    
    if(!fg) fg = "#777777";
    if(!bg) bg = "#FFFFFF";
    var content =msg
   /* var content =
    '<table style="border: 1px solid ' + fg + ';" cellspacing="0" cellpadding="0" bgcolor="' + bg + '"><tr><td>' +
    '<table align="center" valign="middle" border="0" cellspacing="0" cellpadding="0" bgcolor="' + bg +
    '"><tr><td align="center">' + msg + '</td></tr></table></td></tr></table>';
*/
    if(document.layers) { 
      toolTipStyle.document.write(content);
      toolTipStyle.document.close();
      toolTipStyle.visibility = "visible";
    }

    if(document.getElementById) { 
      document.getElementById("toolTipLayer").innerHTML = content;
      toolTipStyle.display='block'
    }

    if(document.all) {   
      document.all("toolTipLayer").innerHTML=content;
      toolTipStyle.display='block'
    }

  }

}

function moveToMouseLoc(event) {
    var x,y;
    if (typeof event.pageX == "number") {
        x = event.pageX;
        y = event.pageY;
    }
    else {
        var root = document.documentElement||document.body;
        var x = event.clientX + root.scrollLeft;
        var y = event.clientY + root.scrollTop;
    }
    if((x + offsetX)>(getWinWidth()-200)){
        toolTipStyle.left =((x -150) + offsetX ) + "px";
    }
    else toolTipStyle.left =(x + offsetX) + "px";
    
    toolTipStyle.top = (y + offsetY) + "px";
    
    
}
//devuelve el tamaņo horizontal del navegador
function getWinWidth() {
    this.width = 0;
    if (window.innerWidth) this.width = window.innerWidth - 18;
    else if (document.documentElement && document.documentElement.clientWidth) 
          this.width = document.documentElement.clientWidth;
    else if (document.body && document.body.clientWidth) 
          this.width = document.body.clientWidth;
    return this.width;
}
//devuelve el tamaņo vertical del navegador
function getWinHeight() {
    this.height = 0;
    if (window.innerHeight) this.height = window.innerHeight - 18;
      else if (document.documentElement && document.documentElement.clientHeight) 
          this.height = document.documentElement.clientHeight;
      else if (document.body && document.body.clientHeight) 
          this.height = document.body.clientHeight;
    return this.height;
}