document.onmousemove = moveTip;
function moveTip(e) {
  floatTipStyle = document.getElementById("floatTip").style;
  w = 400; // Ширина слоя
  h = 260; //Высота слоя

  // Для браузера IE
  if (document.all)  { 
    x = event.x + document.body.scrollLeft; 
    y = event.y + document.body.scrollTop; 

  // Для остальных браузеров
  } else   { 
    x = e.pageX; // Координата X курсора
    y = e.pageY; // Координата Y курсора
  }

  // Показывать слой справа от курсора 
  if ((x + w + 10) < document.body.clientWidth) { 
    floatTipStyle.left = x + 10 + 'px';

  // Показывать слой слева от курсора
  } else { 
    floatTipStyle.left = x - w - 10 + 'px';
  }
  
  // Положение от верхнего края окна браузера
  if ((y + h + 10) < document.body.clientHeight) { 
   floatTipStyle.top = y + 20 + 'px';
  }
  else {
   floatTipStyle.top = y - (h + 10) + 'px';
  } 
  
  //document.getElementById("floatTip").innerHTML = "X : " + x + ", Y : " + y + "Высота:" + document.body.clientHeight + "Ширина:" + document.body.clientWidth;
}

function toolTip(msg) {
  floatTipStyle = document.getElementById("floatTip").style;
  if (msg) {

    // Выводим  текст подсказки
    document.getElementById("floatTip").innerHTML = msg;
    floatTipStyle.display = "block"; // Показываем слой
  } else { 
    floatTipStyle.display = "none"; // Прячем слой
  } 
}