﻿$(document).ready(function () {
  addFormField();
  
  $('.inpts input[type="text"]').addClass("inte");
  $('.inpts input[type="text"]').focus(function () {
    $(this).removeClass("inte").addClass("acti");
    if (this.value == this.defaultValue) {
      this.value = '';
    }
    if (this.value != this.defaultValue) {
      this.select();
    }
  });
  $('.inpts input[type="text"]').blur(function () {
    $(this).removeClass("acti").addClass("inte");
    if ($.trim(this.value) == '') {
      this.value = (this.defaultValue ? this.defaultValue : '');
    }
  });

  $('.save input[type="text"]').addClass("sete");
  $('.save input[type="text"]').focus(function () {
    $(this).removeClass("sete").addClass("seta");
    if (this.value == this.defaultValue) {
      this.value = '';
    }
    if (this.value != this.defaultValue) {
      this.select();
    }
  });
  $('.save input[type="text"]').blur(function () {
    $(this).removeClass("seta").addClass("sete");
    if ($.trim(this.value) == '') {
      this.value = (this.defaultValue ? this.defaultValue : '');
    }
  });

  $("#backbtn")
      .click(function () {
        history.back();
        return false;
      });
});
function addFormField() {
    var passTypeInput = ".log input[id$='Password']";
    var textTypeInput = "textTypeInp";
    var nameInput = ".log input[id$='UserName']";

    $(passTypeInput).after('<input id=' + textTypeInput + ' type="text" value="пароль" class="logt"/>');
    textTypeInput = "#" + textTypeInput;
    $(textTypeInput).show().addClass("idleField");
    $(passTypeInput).hide().addClass("idleField");
    $(nameInput).focus(function () {
        $(this).removeClass("idleField").addClass("focusField");
        if (this.value == this.defaultValue) {
            $(this).val('');
        }
    });
    $(nameInput).blur(function () {
        $(this).removeClass("focusField").addClass("idleField");
        if (this.value == '') {
            this.value = this.defaultValue;
        }
    });
    $(textTypeInput).focus(function () {
        $(this).hide();
        $(passTypeInput).show();
        $(passTypeInput).focus();
        $(passTypeInput).removeClass("idleField").addClass("focusField");

        $(passTypeInput).val('').select()
    });

    $(passTypeInput).blur(function () {
        $(this).removeClass("focusField").addClass("idleField");
        if (this.value == '') {
            $(textTypeInput).show().val("пароль").removeClass("focusField").addClass("idleField");
            $(this).hide();
        }
    });
}
