$(document).ready(function () {

    $('#mask').fadeTo("slow", 0);
    $("#modal-form").validate({ rules: { senha: { required: true, minlength: 5 }, usuario: { required: true, minlength: 5}} });
    $("#modal-form2").validate({ rules: { senha: { required: true, minlength: 5 }, usuario: { required: true, minlength: 5}} });

    //seleciona os elementos a com atributo name="modal"
    $('a[name=modal]').click(function (e) {
        //cancela o comportamento padrão do link
        e.preventDefault();

        //armazena o atributo href do link
        var id = $(this).attr('href');

        //armazena a largura e a altura da tela
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();

        //Define largura e altura do div#mask iguais ás dimensçoes da tela
        $('#mask').css({ 'width': maskWidth, 'height': maskHeight });

        //efeito de transição
        $('#mask').fadeIn("fast");
        $('#mask').fadeTo("fast", 0.6);

        //armazena a largura e a altura da janela
        var winH = $(window).height();
        var winW = $(window).width();
        //centraliza na tela a janela popup
        $(id).css('top', winH / 2 - $(id).height() / 2);
        $(id).css('left', winW / 2 - $(id).width() / 2);
        //efeito de transição
        $(id).fadeIn("fast");

        esconderLembrarSenha();
    });

    //seleciona os elementos a com atributo name="modal"
    $('form[target=modal]').submit(function (e) {
        //cancela o comportamento padrão do link
        e.preventDefault();

        //armazena o atributo href do link
        var id = '#dialog';

        //armazena a largura e a altura da tela
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();

        //Define largura e altura do div#mask iguais ás dimensçoes da tela
        $('#mask').css({ 'width': maskWidth, 'height': maskHeight });

        //efeito de transição
        $('#mask').fadeIn("fast");
        $('#mask').fadeTo("fast", 0.6);

        //armazena a largura e a altura da janela
        var winH = $(window).height();
        var winW = $(window).width();
        //centraliza na tela a janela popup
        $(id).css('top', winH / 2 - $(id).height() / 2);
        $(id).css('left', winW / 2 - $(id).width() / 2);
        //efeito de transição
        $(id).fadeIn("fast");

        esconderLembrarSenha();
    });

    //se o botãoo fechar for clicado
    $('.window .close').click(function (e) {
        //cancela o comportamento padrão do link
        e.preventDefault();
        $('#mask, .window').hide();
    });

    //se div#mask for clicado
    $('#mask').click(function () {
        //$(this).hide();
        //$('.window').hide();
    });
});

function abreModalEsqueceuSenha() {
    //armazena o atributo href do link
    var id = '#dialog';

    //armazena a largura e a altura da tela
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();

    //Define largura e altura do div#mask iguais ás dimensçoes da tela
    $('#mask').css({ 'width': maskWidth, 'height': maskHeight });

    //efeito de transição
    $('#mask').fadeIn("fast");
    $('#mask').fadeTo("fast", 0.6);

    //armazena a largura e a altura da janela
    var winH = $(window).height();
    var winW = $(window).width();
    //centraliza na tela a janela popup
    $(id).css('top', winH / 2 - $(id).height() / 2);
    $(id).css('left', winW / 2 - $(id).width() / 2);
    //efeito de transição
    $(id).fadeIn("fast");

    mostrarLembrarSenha();
}

function mostrarLembrarSenha() {
    if ($('#mlesqueceu').attr("rev") == "off") {
        $('#mlesqueceu').attr("rev", "on");
        $('#modal-form2').show();
        $('#modal-form').hide();
    } else {
        $('#mlesqueceu').attr("rev", "off");
        $('#modal-form').show();
        $('#modal-form2').hide();
    }
}

function esconderLembrarSenha() {
    $('#mlesqueceu').attr("rev", "off");
    $('#modal-form').show();
    $('#modal-form2').hide();
}