/**
 * @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){
        jQuery("#loading_reg").hide("slow");
        jQuery("#response_reg").show("slow").append(responseText).fadeTo(3000, 1).fadeOut(2000);
        jQuery("#response").show("slow").append(responseText).fadeTo(3000, 1).fadeOut(2000);
        jQuery('form')[1].reset();
    }
    
});