var login_ventlight = {};

login_ventlight.html = '\
  <b class="t">\
    <i class="l"><!--уголок--></i>\
    <i class="r"><!--уголок--></i>\
  </b>\
  <form action="user/login" method="post">\
    <h4>Добро пожаловать</h4>\
    <label>\
      <span>Ник</span>\
      <input type="text" name="login">\
    </label>\
    <label>\
      <span>Пароль</span>\
      <input type="password" name="password">\
    </label>\
    <div>\
      <button type="submit">Войти</button>\
    </div>\
  </form>\
  <button class="close" title="закрыть окошко" onclick="login_ventlight.close()">закрыть</button>\
  <b class="b">\
    <i class="r"><!--уголок--></i>\
    <i class="l"><!--уголок--></i>\
  </b>\
';

login_ventlight.open = function(event) {
  event = event || window.event;
  
  if(login_ventlight.body == undefined) {
    login_ventlight.body = document.createElement('div');
    login_ventlight.body.className = 'login_ventlight';
    login_ventlight.body.innerHTML = login_ventlight.html;
    
    document.body.appendChild(login_ventlight.body);
  } else {
    login_ventlight.body.style.display = 'block';
  }
  
  if(event.pageX == null  && event.clientX != null ) {
    var html = document.documentElement;
    var body = document.body;
    
    event.pageX = event.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0);
    event.pageY = event.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0);
  }
  
  login_ventlight.body.style.left = (event.pageX - 100)+'px';
  login_ventlight.body.style.top = (event.pageY - 100)+'px';
  
  login_ventlight.body.getElementsByTagName('input')[0].focus();
  
  return false;
}

login_ventlight.close = function() {
  login_ventlight.body.style.display = 'none';
}