/**
 * @author wiked
 */

jQuery(document).ready( function() {

    jQuery("#response_reg").hide();
    jQuery("#loading_reg").css("display", "none");
    jQuery("#response").css("display", "none");
    
    jQuery('#name, #telCasa, #carrera, #institucion, #ocupacion, #email').formclear({
        inactivecolor: 'red', // Defaults to #777 (dark grey)
        activecolor: '#2F8912'// defaults to #000 (black)
        // emptyval: 'Nombre: ' // defaults to '' (nothing, as in cleared)
    });
   
    
    jQuery('#borrar').click(function(){
        jQuery('.error').css("display", "none");
    });
    
    jQuery("#registroServ").validate( {
        
        rules: {
            
            name: {
                required:   true,
                minlength:  3,
                maxlength:  50
            },
            
            telCasa: {
                required:   true,
                minlength:  8,
                maxlength:  10,
				digits:     true
            },
            
            carrera: {
            	required:   true
            },
            
            institucion: {
                required:   true,
                minlength:  2,
                maxlength:  1000
            },
            
            ocupacion: {
                required:   true
            },
            
            email: {
                required:   true,
                email:      true
            }
            
        },
        
        messages: {
            name:           "Introduce tu nombre por favor",
			telCasa:        "Ingresa tu teléfono",
            carrera:        "Ingresa tu carrera",
            institucion:    "Ingresa tu institución",
            ocupacion:      "Ingresa tu ocupacón",
            email:          "Introduce un email válido por favor"
        },
        
        submitHandler: function(){
            
            jQuery("#registroServ").ajaxSubmit( {
                beforeSubmit:   showRequest, // pre-submit callback
                success:        showResponse // post-submit callback
            });
            
        },
        
        highlight: function(element, errorClass) {
            // jQuery(element).addClass('error');
        },
        
        unhighlight: function(element, errorClass) {
            // jQuery(element).removeClass('error');
        }
        
    });
    
    function showRequest(formData, jqForm, options){
        jQuery("#loading_reg").show("slow");
    }
    
    // post-submit callback
    function showResponse(responseText, statusText){
        
        switch( responseText ) {
            
            case '0':
                responseText = "Porfavor verifica los campos obligatorios.";
            break;
            
            case '1':
                responseText = "Email inválido. Verifíquelo por favor.";
            break;
            
            case '2':
                responseText = "Ocurrió un error enviando el registro. Inténtalo de nuevo.";
            break;
            
            case '3':
                responseText = "¡Gracias! Tu registro fue enviado con éxito.";
                jQuery('form')[1].reset();
            break;
            
        }
        
        jQuery("#loading_reg").hide("slow");
        jQuery("#response_reg").empty().show("slow").append(responseText).fadeTo(3000, 1).fadeOut(2000);
        jQuery("#response").show("slow").append(responseText).fadeTo(3000, 1).fadeOut(2000);
        
    }
    
});