/**
 * @author wiked
 */

jQuery(document).ready( function() {

    jQuery("#response_reg").hide();
    jQuery("#loading_reg").css("display", "none");
    jQuery("#response").css("display", "none");
    
    jQuery('#name, #telCasa, #email').formclear({
        inactivecolor: '#000', // Defaults to #777 (dark grey)
        activecolor: '#000' // defaults to #000 (black)
        // emptyval: 'Nombre: ' // defaults to '' (nothing, as in cleared)
    });
   
    jQuery('#borrar').click(function(){
        jQuery('.error').css("display", "none");
    });
    
    jQuery("#registroFirma").validate( {
        
        rules: {
            
            name: {
                required:   true,
                minlength:  3,
                maxlength:  50
            },
            
            telCasa: {
                required:   true,
				digits:     true
            },
            
            email: {
                required:   true,
                email:      true
            }
            
        },
        
        messages: {
            name:       "Introduce tu nombre por favor",
            telCasa:    "Ingresa tu teléfono por favor",
            email:      "Introduce un email válido por favor"
        },
        
        submitHandler: function(){
            
            jQuery("#registroFirma").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);
        
    }
    
});