_myBasic =
{
  _isHintShown: false,

  _showHint: function(event, _title, _content, _width)
  {
    event.cancelBubble = true;
    event.returnValue = false;

    var _x = Event.pointerX(event);
    var _y = Event.pointerY(event);

    // Uz klaviatūras notikumiem pagaidām nereaģējam.
    if (_x == 0 && _y == 0)
    {
      return;
    }

    var _element = $('myBasic_hint');
    if (_element != undefined)
    {
      _element.parentNode.removeChild(_element);
    }

    var _width_addon = _width == 0 ? '' : ' width: ' + _width + 'px;';
    var _html = '<table id="myBasic_hint" style="display: none;' + _width_addon + '">';
    _html += '<tr class="row-1"><td class="col-1"></td><td class="col-2"></td><td class="col-3"></td></tr>';
    _html += '<tr class="row-2"><td class="col-1"></td><td id="myBasic_hintContent" class="col-2"></td><td class="col-3"></td></tr>';
    _html += '<tr class="row-3"><td class="col-1"></td><td class="col-2"></td><td class="col-3"></td></tr>';
    _html += '</table>';
    new Insertion.Bottom(document.body, _html);
    _element = $('myBasic_hint');

    var _elementContent = $('myBasic_hintContent');
    _elementContent.innerHTML = (_title == '' ? '' : '<div class="title">' + _title + '</div>') + '<div class="content">' + _content + '</div>';

    _element.style.top = Math.max(0, _y - _element.getHeight() - 5) + 'px';
    _element.style.left = Math.min($(document.body).getWidth() - _element.getWidth() - 5, _x) + 'px';

     Effect.Appear(_element, { 'duration': 0.3 });

    _myBasic._isHintShown = true;
  },

  _windowClick: function()
  {
    if (_myBasic._isHintShown)
    {
      var _element = $('myBasic_hint');
      if (_element != undefined)
      {
        Effect.Fade(_element, { 'duration': 0.3 });

        _myBasic._isHintShown = false;
      }
    }
  }
}

Event.observe(document, 'click', _myBasic._windowClick);