// JavaScript Document
$(document).ready(function(){
$("#fempleo").validate({
        rules: {
			nombreCompleto: {
				required: true,
				minlength: 3,
				maxlength: 100
            },
			fechaNacimiento: {
				required: true,
				minlength: 3,
				maxlength: 100
            },
			direccion: {
				required: true,
				minlength: 3,
				maxlength: 100
            },
			ladaTelCasa: {
				required: false,
				minlength: 1,
				number: true
			},
			telCasa: {
				required: false,
				number: true,
				minlength: 1,
				maxlength: 15
            },
			ladaCelular: {
				required: false,
				minlength: 1,
				number: true
			},
			telCelular: {
				required: false,
				number: true,
				minlength: 1,
				maxlength: 15
            },
            email: {
                required: true,
				email: true
            },
			area1: {
                required: true,
				minlength: 1
            },
			area2: {
                required: true,
				minlength: 1
            },
			area3: {
                required: true,
				minlength: 1
            },
			sueldo: {
                required: false,
				number: true,
				minlength: 1
            }
		},
		messages: {
			nombreCompleto: "<font color='#FF0000'>X</font>",
			fechaNacimiento: "<font color='#FF0000'>X</font>",
			direccion: "<font color='#FF0000'>X</font>",
			ladaTelCasa: "<font color='#FF0000'>X</font>",
			telCasa: "<font color='#FF0000'>X</font>",
			ladaCelular: "<font color='#FF0000'>X</font>",
			telCelular: "<font color='#FF0000'>X</font>",
            email: "<font color='#FF0000'>X</font>",
			area1: "<font color='#FF0000'>X</font>",
			area2: "<font color='#FF0000'>X</font>",
			area3: "<font color='#FF0000'>X</font>",
			sueldo: "<font color='#FF0000'>X</font>"
		},
		submitHandler: function() {
			$("#fempleo").ajaxSubmit({
				beforeSubmit:  showRequest,  // pre-submit callback 
				success:       showResponse  // post-submit callback
				});
		
		},
		highlight: function(element, errorClass) {
	     $(element).addClass('errorClass');
		},
		unhighlight: function(element, errorClass){
		$(element).removeClass('errorClass');
		}
    });

	$("#loading").ajaxStart(function(){
	$("#enviar").attr("disable","true");
	   $(this).show();
	 });
	

	function showRequest(formData, jqForm, options) { 

	} 

	// post-submit callback 
	function showResponse(responseText, statusText)  {
		$("#loading").hide("slow");
		$("#response").show("slow").append(responseText).fadeTo(3000, 1).fadeOut(2000);
		$("#enviar").attr("disable","false");
		$('#limpiar').click();
	}
});