// JQuery script för att visa text i password och user-inputbox
// Source: http://www.electrictoolbox.com/examples/jquery-default-fields.html

$(document).ready(function() {
  // Cover är hidden by default, så om javascript inte är aktiverat så visas ändå rätt inputbox.
  // Om det är aktiverat så visar vi rätt box istället:
  $('#passwordCover').show();
  $('#password').hide();
  
  // Focus-event för vår fake-password box. När den får focus byter vi till den riktiga.
  $('#passwordCover').focus(function() {
    $('#passwordCover').hide();
    $('#password').show();
    $('#password').focus();
  });
  
  // När den riktiga tappar focus kollar vi om det skrivits något i den.
  // Om det inte har det byter vi tillbaks till cover.
  $('#password').blur(function() {
    if ($('#password').val() == '') {
      $('#passwordCover').show();
      $('#password').hide();
    }
  });
  
  // Vi lagrar default-värdet för user, så att vi kan sätta tillbaks det om inget intressant skrivs in.
  // Behöver inte göra samma procedur som med password eftersom operationsFormUser alltid är av samma typ.
  $('#user').each(function() {
    var default_value = this.value;
    $(this).focus(function() {
      if (this.value == default_value) {
        this.value = '';
      }
    });
    
    $(this).blur(function()  {
      if (this.value == '') {
        this.value = default_value;
      }
    });
  });
  
  $('#searchInput').each(function() {
    var default_value = this.value;
    $(this).focus(function() {
      if (this.value == default_value) {
        this.value = '';
      }
    });
    
    $(this).blur(function()  {
      if (this.value == '') {
        this.value = default_value;
      }
    });
  });
});