$(document).ready(function(){
	$.preloadImages("/img/ajax-loader_bgf9f9f9_16x16.gif");
	$.ajaxSetup({type: "POST", dataType: "json"});
	$("#lnkLoginEntrar").unbind("click").bind("click", principal.HacerLogin);
	$("#txtClave").keypress(function(e){
		var unicode = e.charCode ?  e.charCode : e.keyCode;
		if(unicode == 13){
			principal.HacerLogin(e);
		}
	});

	var introducir_frase_text = $(".introducir-frase").val();

	$(".introducir-frase").focus(function(){
		if($(this).val() == introducir_frase_text){
			$(this).val("");
		}
	});
	$(".introducir-frase").blur(function(){
		if($(this).val() == ""){
			$(this).val(introducir_frase_text);
		}
	});
});

// http://www.mattfarina.com/2007/02/01/preloading_images_with_jquery
jQuery.preloadImages = function(){
	for(var i = 0; i<arguments.length; i++){
		jQuery("<img>").attr("src", arguments[i]);
	}
};

var principal = {};
principal.HacerLogin = function(e) {

	e.preventDefault();

	var usuario = $.trim($("#txtUsuario").val());
	var clave = $.trim($("#txtClave").val());

	if(usuario == ""){
		$("#txtUsuario").css("backgroundColor", "#EFE1DC").focus();
		return;
	}else{
		$("#txtUsuario").css("backgroundColor", "#FFF")
	}

	if(clave == ""){
		$("#txtClave").css("backgroundColor", "#EFE1DC").focus();
		return;
	}else{
		$("#txtClave").css("backgroundColor", "#FFF")
	}

	$("#login_form").hide();
	$("#login_content").html("<img src='/img/ajax-loader_bgf9f9f9_16x16.gif' width='16' height='16' alt='Identificando...'> Identificando...").show();

	$.ajax({
		url: "/ajax-login/",
		data: {usuario: usuario, clave: clave},
		success: function(data){
			if(!data.login_success){
				$("#login_content").html("<p>Usuario y/o contraseņa incorrectos<br><a href='#'>Volver</a></p>").show();
				$("#login_content a").click(function(){
					$("#login_content").html("").hide();
					$("#login_form").show();
					$("#txtUsuario").focus();
					return;
				});
			}else{
				$("#login_content").html("Identificado, espera...").show();
				location.reload();
			}
		},
		error: function (ajax_obj){
			alert(ajax_obj.responseText);
			$("#login_content").html("<p>Error al conectar <a href='#'>Volver</a></p>").show();
			$("#login_content a").click(function(){
				$("#login_content").html("").hide();
				$("#login_form").show();
				$("#txtUsuario").focus();
				return;
			});
		}
	});

	return;
};