/*
 * Как использовать
 * В HTML написать такую конструкцию:
 * <style> .up .hidden{visibility: hidden;} </style>
 * <div class="up" onmouseout="mhide(this)">
 *   <div class="hidden" onmousemove="mshow(this)">
 *     Скрываемый текст
 *   </div>
 *   <div onmousemove="mshow(this)">
 *     Пояснительный текст
 *   </div>
 * </div>
 */
function mshow(eThis){
  if (eThis.parentNode.className == 'up'){
    eThis.parentNode.className = 'down'
  }
  return false;
}
function mhide(eThis){
  if (eThis.className == 'down'){
    eThis.className = 'up'
  }
  if (eThis.className == 'uphide'){
    eThis.parentNode.className = 'up'
  }
  return false;
}
function UnHide(eThis){
  if (eThis.parentNode.parentNode.parentNode.className == '')
  {
    eThis.parentNode.parentNode.parentNode.className = 'cl'
  }
  else
  {
    eThis.parentNode.parentNode.parentNode.className = '';
  }
  return false;
}