Stuff

<html>
<head>
<script type="text/javascript">
  // - error handler -
    onerror = errHandler;
    var err = '';

  // - error handling -
  function errHandler(msg, url, l) {
    err  = "garip bi' $ey oldu\n";
    err += "javascript $eysi hata verdi\n\n";
    err += "ivir zivir:\n";
    err += " -> hata | \"" + msg + "\"\n";
    err += " -> mahal | \"" + url + "\"\n";
    err += " -> satir | " + l   + "\n";
      alert(err);
      return true;
  }

  // ---

  // - show hint -
  function hint(title, msg, e) {
    // - window widgets -
    var w       = document.getElementById('_window');
    var w_title = document.getElementById('_window_title');
    var w_msg   = document.getElementById('_window_msg');

    // - mouse coordinates -
    var x = e.clientX;
    var y = e.clientY;

    w.style.position   = 'absolute';
    w.style.left       = parseInt(x + 10) + 'px';
    w.style.top        = parseInt(y + 10) + 'px';
    w.style.height     = '50px';
    w.style.visibility = 'visible';

    w_title.innerHTML = title;
    w_msg.innerHTML   = msg;
      return true;
  }

  function hint_move(e) {
    var w = document.getElementById('_window');
    var x = e.clientX;
    var y = e.clientY;

    w.style.left = parseInt(x + 10) + 'px';
    w.style.top  = parseInt(y + 10) + 'px';
      return true;
  }

  function hint_close() {
    var w = document.getElementById('_window');

    w.style.height      = '0px';
    w.style.visibility  = 'hidden';
      return true;
  }

</script>
</head>

<body>
  <div id="_window" style="width: 100px; height: 0px; visibility: hidden">
    <div id="_window_title"></div><hr />
    <div id="_window_msg"></div>
  </div>

  <div id="content">
    <a href="javascript:void(0)"
       onmouseover="hint('title', 'bla bla bla', event)"
       onmousemove="hint_move(event)"
       onmouseout="hint_close()">
      -> hint
    </a>
  </div>
</body>
</html>