$(document).ready(function() {
	var loader = $(".loading");
	loader.hide();
	loader.append("<img src='images/loading2.gif' align='absmiddle' alt='Un momento por favor...' border='0' />");

	jQuery(function() {
		jQuery().ajaxStart(function() {
			loader.show();
			$("input[@type=submit]").attr("disabled","disabled");
		}).ajaxStop(function() {
			loader.hide();
			$("input[@type=submit]").attr("disabled","");
		}).ajaxError(function(a, b, e) {
			throw e;
		});	

		var mensajes = {
			usuario: { required: "Ingresa tu Usuario", maxlength: " Max. 25 caracteres" },
			password: { required: "Ingresa tu Password", minlength: " Min. 4 caracteres", maxlength: " Max. 15 caracteres" }
		};
		var reglas = {
			usuario: { required: true, maxLength: 25 },
			password: { required: true, minLength: 4, maxLength: 15 }
		};
		
		var opciones = { 
			target:				'#msjLogin',		// target element(s) to be updated with server response 
			// beforeSubmit:	showRequest,			// pre-submit callback 
			// success:			window.top.location.reload(),		// post-submit callback 
	 
			// other available options: 
			url:				'modulos/usuario/send_login.php',         // override for form's 'action' attribute 
			type:				'post'					// 'get' or 'post', override for form's 'method' attribute 
			//dataType:			null					// '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 
		};

		var v = jQuery("#LoginForm").validate({
			showErrors: function(errorMap, errorList) {
				this.defaultShowErrors();
			},
			rules: reglas,
			messages: mensajes,
			// success: function(label) {label.text("bien!").addClass("success");},		
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit(opciones);
			}
		});
	});
	
	// ubica el foco
	if (document.getElementById('usuario').value=='') {
		setTimeout("document.getElementById('usuario').focus();",1);
	} else {
		setTimeout("document.getElementById('password').focus();",1);
	}	
});