// prepare the form when the DOM is ready 
var login_messages = {
	username: "- Usuario es un campo requerido",
	password: "- Clave es un campo requerido"
};

$(document).ready(function() { 
    
	var loginForm = $("#loginform").validate({
		errorLabelContainer: $("#loginform div.error_login"),
		messages: login_messages,
		submitHandler: function(form) {
			$(form).ajaxSubmit({
				//target:        '#output',   // target element(s) to be updated with server response 
		        //beforeSubmit:  showRequest,  // pre-submit callback 
		        success:       processJson  // post-submit callback 
		 
		        // other available options: 
		        //url:       url         // override for form's 'action' attribute 
		        //type:      type        // 'get' or 'post', override for form's 'method' attribute 
		        ,dataType:  'json'        // 'xml', 'script', or 'json' (expected server response type) 
		        //clearForm: true        // clear all form fields after successful submit 
		        ,resetForm: true        // reset the form after successful submit 
		 
		        // $.ajax options can be used here too, for example: 
		        //timeout:   3000 
			});
		}
	});
	
}); 
 
 
// post-submit callback 
function processJson(data)  {
	if (data.success) {
		//alert("me mola");
		location.reload(); 
	}
	else {
		//alert("no me mola");
		$('#output').html(data.error)
		$('#output').show();
	}
	  
}