$(function() {
    
    // Validacion de formulario de login
    
    // reglas formulario regitsro usuarios
    var reglasLogin = {
        username: { required: true },
        passwd: { required: true, rangelength: [6, 10] }
    };
    
    // mensajes de error para formulario de registro de usuarios
    var mensajesLogin = {
        username: "El campo correo electronico o usuario no es valido.",
        passwd: "El campo contrasena no es valido, teclea minimo 6 caracteres y maximo 10."
    };
    
    // opciones formulario login
    var opcionesLogin = {
        rules: reglasLogin,
        messages: mensajesLogin,
        //errorContainer: ".msgError",
        wrapper: 'li',
        errorLabelContainer: '.errorlogin',
        highlight: function(element, errorClass) { $(element).addClass(errorClass); },
        unhighlight: function(element, errorClass) { $(element).removeClass(errorClass); },
        submitHandler: function(form) {
            $(form).ajaxSubmit({
                dataType: "json",
                beforeSubmit: function() { $("#carga").show(); }, complete: function() { $("#carga").hide(); },
                success: function(rlu) { // rlu: respuesta login usuario
                    if(!rlu.status) alert(rlu.msg);
                    else if(rlu.status) {
                        if(rlu.editar) location.href = 'captura_bnte.php?id_usu=' + rlu.idUsu + '#editardatos';
                        else location.href = 'captura_bnte.php?id_usu=' + rlu.idUsu;
                    }
                }
            });
            return false;
        }
    };
    
    // validacion de formulario de login de usuario
    var formularioLogin = $("#login");
    formularioLogin.validate(opcionesLogin);
    
    // validacion de formulario de llogin editar datos
    var formularioEditar = $("#actualiza-datos");
    formularioEditar.validate(opcionesLogin);
    
    var formRecupera = $('#recupera-password');
    formRecupera.ajaxForm({
        dataType: 'json',
        success: function(resp) {
            if(!resp.status) alert(resp.msg);
            else $.fn.colorbox({ open:true, html:'<h1 style="font-size:20px;font-weight:bold;">'+resp.msg+'</h1>' });
        }
    });
    
});