var ajax_sent = false;

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

function click_events()
{
	$("a.theory, a.practice").click(function() {
		if (!ajax_sent)
		{
			$("#main_col").html('<div class="block block_loading"><img src="/img/spinner.gif" width="48" height="48" border="0" alt="Loading Spinner" /> <p>Loading...</p></div>');
		}
		else
		{
			$(".content_type ul").after('<img src="/img/nav_spinner.gif" width="99" height="20" border="0" alt="Loading..." style="position: absolute; top: 0; left: 272px;" />');
		}
		$.post("/article/type-ajax",{
			type: $(this).attr("class")
		}, function(data){
			ajax_sent = true;
			$("#main_col").html(data);
			click_events();
			$('#main_col a[rel*=lightbox]').facebox();
			$("#main_col .block").fadeTo("slow", .8);
			$("#main_col .content_type").fadeTo("slow", 1);
		});
		return false;
	});
}
$(document).ready(function() {
	$.preloadImages("/img/nav_spinner.gif");
	click_events();
});