$(document).ready(function(){

// RECURSOS //
    $( "#selEstado" ).change(function(){
        $.post("index.php",{txtEvento:"municipios", id:$(this).attr("value")},function(data){
            $("#selMunicipio").html(data);
        });
    });
// FRMCONTACTENOS //
    $( "#txtMensaje" ).keydown(function(event){
        var caracteres = $(this).attr("value");
        if(event.keyCode == 8){
            $("#caracteres").html(caracteres.length - 1);
        } else {
            $("#caracteres").html(caracteres.length + 1);
        }
    });
    $("#btnContactenos").click(function(){
        $("#frmContactenos").validate({
            rules:{
                txtNombre:   {required:true},
                txtEmpresa:  {required:true},
                txtCorreo:   {required:true,email:true},
                txtLada:     {required:true,digits:true,minlength:2},
                txtTelefono: {required:true,digits:true,minlength:7},
                selEstado:   {required:true},
                selMunicipio:{required:true},
                txtMensaje:  {required:true,maxlength:500}
            },
            messages:{
                txtNombre:   {required:"<br />*Escriba su nombre"},
                txtEmpresa:  {required:"<br />*Escriba el nombre de su empresa"},
                txtCorreo:   {required:"<br />*Escriba su correo electrónico",email:"<br />Su correo electrónico está mal escrito"},
                txtLada:     {required:"*lada",digits:"Solo números",minlength:"Mínimo 2 números"},
                txtTelefono: {required:"*Número telefónico",digits:"Solo números",minlength:"Mínimo 7 números"},
                selEstado:   {required:"*Seleccione su estado"},
                selMunicipio:{required:"*Seleccione su municipio"},
                txtMensaje:  {required:"<br />*Escriba el mensaje que desea enviar",maxlength:"<br />Su mensaje excedió los 500 caracteres"}
            },
            submitHandler:function(){
                var options = {
                    url:"index.php", type:"post", dataType:"json", data:$('#frmContactenos').formSerialize(),
                    success: function(data){
                        if(!data.exito){
                            alert(data.error);
                        }else{
                            alert("Gracias por enviar su mensaje");
                            $("#caracteres").html("0");
                            $("#frmContactenos").validate().resetForm();
                        }
                    }
                };
                $('#frmContactenos').ajaxSubmit(options);
                return false;
            }
        });
        $('#frmContactenos').submit();
    });
// FRMREGISTRO //
    $(".terminos").hover(function(){
        $(this).addClass("terminos-hover");
    },function(){
        $(this).removeClass("terminos-hover");
    });

    $(".terminos").click(function(){
        $("#modal").show();
    });

    $(".btnCerrar").click(function(){
        $("#modal").hide();
    });

    $("#btnRegistro").click(function(){
        $("#frmRegistro").validate({
            rules:{
                txtCorreo:   {required:true,email:true},
                selEstado:   {required:true},
                selMunicipio:{required:true},
                selDia:      {required:true},
                selMes:      {required:true},
                selAnio:     {required:true},
                selGenero:   {required:true},
                cbTerminos:  {required:true}
            },
            messages:{
                txtCorreo:   {required:"<br />*Escriba su correo electrónico",email:"<br />Su correo electrónico está mal escrito"},
                selEstado:   {required:"*Seleccione su estado"},
                selMunicipio:{required:"*Seleccione su municipio"},
                selDia:      {required:"*Fecha incompleta"},
                selMes:      {required:"*Fecha incompleta"},
                selAnio:     {required:"*Fecha incompleta"},
                selGenero:   {required:"*Escoja su genero"},
                cbTerminos:  {required:"*Terminos del servicio"}
            },
            errorPlacement:function(error,element){
                if( element.attr("name") == "selDia" || element.attr("name") == "selMes" || element.attr("name") == "selAnio" ) {
                    $( "#selFecha" ).html(error);
                } else {
                    error.insertAfter(element);
                }
            },
            submitHandler:function(){
                var options = {
                    url:"index.php", type:"post", dataType:"json", data:$('#frmRegistro').formSerialize(),
                    success: function(data){
                        if(!data.exito){
                            alert(data.error);
                        }else{
                            alert("Gracias por registrarse");
                            $("#frmRegistro").validate().resetForm();
                        }
                    }
                };
                $('#frmRegistro').ajaxSubmit(options);
                return false;
            }
        });
        $('#frmRegistro').submit();
    });
// FRMLOGIN //
    $("#txtCorreo, #txtContrasena").keyup(function(event){
        if(event.keyCode == 13){ 
            $("#btnLogin").trigger("click");
        }
    });

    $("#btnLogin").click(function(){
        $("#frmLogin").validate({
            rules:{
                txtCorreo:    {required:true,email:true},
                txtContrasena:{required:true}
            },
            messages:{
                txtCorreo:    {required:"<br />*Escriba su correo electrónico",email:"<br />*Su correo electrónico está mal escrito"},
                txtContrasena:{required:"<br />*Ingrese su contraseña"}
            },
            submitHandler:function(){
                var options = {
                    url:"index.php", type:"post", dataType:"json", data:$('#frmLogin').formSerialize(),
                    success: function(data){
                        if(data.exito == "false"){
                            alert(data.error);
                        }else{
                            window.location = "http://www.marcavisual.com/admin/";
                        }
                    }
                };
                $('#frmLogin').ajaxSubmit(options);
                return false;
            }
        });
        $('#frmLogin').submit();
    });
// PAGINA DOMAIN CLIENTES //
    $("#clientes img").hover(function(){
        $(this).attr("src","images/clientes/"+$(this).attr("name")+"2.gif");
        $(this).css("cursor","pointer");
    },function(){
        $(this).attr("src","images/clientes/"+$(this).attr("name")+".gif");
    });
});