var active = $(".active");

$(document).ready
(
	function()
	{
		var query;
		
		$(".tabs li a").click
		(
			function()
			{
				active = $(this);

				if( query )
				{
					query.abort();
				}
				
				query = $.ajax({
					url: $(this).attr("href").replace("\.", ".data."),
					beforeSend: function()
					{
						$("div.content").block(
							{
								message:'<span style="text-align:center;"><img src="/_common/images/ajax-loading-bar.gif" /><br />Loading...</span>'
							}
						);
					},
					success: function(response)
					{ 
						$(".content").html(response); 
						$(".active").removeClass("active");
						active.addClass("active");
						
						query = null;
					},
					complete: function()
					{
						$("div.content").unblock();
					}
				});

				return false;
			}
		);
	}
);