function gId( id ){ return document.getElementById( id ); };

var ajaxLogin = new sack();
var notifications_box;

ajaxLogin.onLoading = function ()
{
  var hidden = gId( 'hide_div' );
  hidden.style.display = 'block';

  var hint = gId( 'login_hint' );
  hint.innerHTML = "<p class='blue'>Sprawdzanie poprawności loginu [wysyłam zapytanie...]</p>";
};

ajaxLogin.onInteractive = function ()
{
  var hidden = gId( 'hide_div' );
  hidden.style.display = 'block'; // again for Opera missing onLoading
  gId( 'login_hint' ).innerHTML = "<p>Sprawdzanie poprawności loginu [pobieram odpowiedź...]</p>";
};

ajaxLogin.onCompletion = function ()
{
  var hint = gId( 'login_hint' );
  var ret = ajaxLogin.response.split('|');
  if( ret.length < 1 )
  {
    hint.innerHTML = '<p class="red">Wystąpił błąd.</p>';
  }
  else
  {
    if( ret[0] == 'OK' )
    {
      hint.innerHTML = '<p class="green">Login poprawny i dostępny.</p>';
    }
    else
    {
      if( ret[0] == 'INVALID' )
      {
        hint.innerHTML = '<p class="red">Login musi zawierać od 2 do 32 znaków, w tym tylko duże i małe litery alfabetu angielskiego oraz znak podkreślenia!</p>';
      }
      else
      {
        var links = '';
        ret.shift();
        hint.innerHTML = "<p class='red'>Login jest już zajęty, proponujemy: " + ret.join(" ") + "</p>";
      }
    }
  }
}

ajaxLogin.onError = function()
{
  var hint = gId( 'login_hint' );
  hint.innerHTML = '<p class="red">Sprawdzenie dostępności loginu nie powiodło się: bląd w odbiorze danych z serwera]</p>';
}

ajaxLogin.method = "GET";

function on_login_blur()
{
  ajaxLogin.requestFile = '/register/check_login';
  ajaxLogin.setVar( 'requested_login', gId('form1_login').value );
  ajaxLogin.runAJAX();
  gId('login_notify').innerHTML = "";
}


function print_fancybox(title, content, element)
{
  element.innerHTML = '<div class="fancy_box fancy_box_yellow"><span class="mark">&raquo;</span><span class="title">' + title + '</span><div class="content">' + content +'</div></div>';
}

function on_login_focus()
{
  elem = gId('login_notify');
  print_fancybox('Nazwa użytkownika', 'Login, czyli "nazwa użytkownika" musi zawierać od 2 do 32 znaków.', elem);
}

function on_imie_focus()
{
  var elem = gId('imie_notify');
  print_fancybox('Imię', 'Tutaj wpisz swoje imię.', elem);
}

function on_email_focus()
{
  var elem = gId('email_notify');
  print_fancybox('E-mail', 'Wpisz swój email.', elem);
}

function on_nazwisko_focus()
{
  var elem = gId('nazwisko_notify');
  print_fancybox('Nazwisko', 'Tutaj wpisz swoje nazwisko.', elem);
}

function on_password_focus()
{
  var elem = gId('password_notify');
  print_fancybox('Hasło', 'Powinno się składać z ciągu znaków i liczb. Nie powinno wiązać się z Twoim loginem. Pamiętaj, hasło to klucz do Twoich wirtualnych drzwi w nasza-klasa.pl. Nikomu go nie udostępniaj!', elem);
}

function on_captcha_focus()
{
  var elem = gId('captcha_notify');
  print_fancybox('Kod z obrazka', 'Przepisz kod z obrazka w polu znajdującym się poniżej obrazka.', elem);
}


function on_password2_focus()
{
  var elem = gId('password2_notify');
  print_fancybox('Powtórz hasło', 'Wpisz jeszcze raz hasło, aby sprawdzić, czy nie wkradły się błedy w pisowni.', elem);
}

function clear_notification(element)
{
  gId(element).innerHTML = "";
}