$(document).ready(function()
{
  //Close Popups and Fade Layer
  $('#login_screen a.close, #fade').live('click', function()
  { //When clicking on the close or fade layer...
    $('#wrong_login_data').css("visibility", "hidden");
    $('#fade, .popup_block').fadeOut(function()
    {
      $('#fade, a.close').remove();  
    }); //fade them both out	
    return false;
  });

  // user wants to submit login form
  $('#login_pwd, #login_name').keypress(function(e)
  {
    if(e.which == 13)
    {
      login('wrong_login_data', 'login_');
    }
  });
  
  $('#login_page_pwd, #login_page_name').keypress(function(e)
  {
    if(e.which == 13)
    {
      login('wrong_login_page_data', 'login_page_');
    }
  });

  $('#admin_login_page_pwd, #admin_login_page_name').keypress(function(e)
  {
    if(e.which == 13)
    {
      login('wrong_admin_login_page_data', 'admin_login_page_', true);
    }
  });
});

function show_login_screen()
{
  var popID = 'login_screen';
  var popWidth = '230';
  //Fade in the Popup and add close button
	$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="'+ root() +'img/close_pop.png" class="btn_close" title="Zatvoriť Okno" alt="Close" /></a>');
	
	//Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
	var popMargTop = ($('#' + popID).height() + 80) / 2;
	var popMargLeft = ($('#' + popID).width() + 80) / 2;
	
	//Apply Margin to Popup
	$('#' + popID).css({ 
		'margin-top' : -popMargTop,
		'margin-left' : -popMargLeft
	});

	//Fade in Background
	$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
	$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer
	
	$('#login_name').focus();
}

function login(alert_id, col, admin)
{
  var data = "username=" + $('#' + col + 'name').val() + "&password=" + $('#' + col + 'pwd').val();
  var admin_login = typeof(admin) != "undefined" && admin ? true : false;
  $.ajax
  ({
    url: root() + (admin_login ? 'ajax/adminLogin.php' : 'ajax/login.php'),
    type: 'POST',
    data: data,
    complete: function(jqxhr, status)
    {
      if (status != 'success')
      {
        alert("Ľutujeme, ale nepodarilo sa Vás prihlásiť, skúste to opäť neskôr.");
        return;
      }
      else
      {
        if (jqxhr.responseText != "ok")
        {
          $('#' + alert_id).css("visibility", "visible");
        }
        else
        {
          $('#' + alert_id).css("visibility", "hidden");
          window.location.reload(true);
        }
      }
    }
  });
}

function logout()
{
  $.ajax({
    url: root() + 'ajax/logout.php',
    async: false,
    success: function()
    {
      alert("Boli ste úspešne odhlásený.");
      window.location.reload(true);
    }
  });
}

function requestPassword()
{
  var data = "email="+$('#input_email').val();
  $.ajax({
    url: root() + 'ajax/requestPassword.php',
    type: 'POST',
    data: data,
    complete: function(jqxhr, status)
    {
      if (status != 'success')
      {
        alert("Ľutujeme, ale nepodarilo sa vygenerovať pre Vás nové heslo. Skúste to opäť neskôr.");
        return;
      }
      else
      {
        if (jqxhr.responseText != "ok")
        {
          if (jqxhr.responseText == "email" || jqxhr.responseText == "data")
          {
            $('#wrong_new_pwd_data').css("visibility", "visible");
          }
        }
        else
        {
          $('#wrong_new_pwd_data').css("visibility", "hidden");
          window.location.reload(true);
        }
      }
    }
  });
}