columns = 2;
isWorking = false;

$(function()
{
	buffer = $("#modal-boxes").html();
	$("#modal-boxes").html("<div id='modal-shade'></div>" + buffer);
	$("#modal-shade").height($(document).height());

	$("tbody a[href='']").click(function()
	{
		if (isWorking) return false;
		isWorking = true;

		cell = $("tbody tr td a[href='']").index(this) + 1;
		col = cell % columns;
		if (col == 0) col = columns;
		row = Math.ceil(cell / columns);

		modalTarget = "#modal-boxes .modal";
		if (col == 1) modalTarget += ".formsAndDocs";
		if (col == 2) modalTarget += ".pro";

		if ($("#modal-boxes .modal.displayed").size() > 0)
		{
			$("#modal-boxes").fadeOut("slow");
			$("#modal-boxes .modal.displayed").fadeOut("slow", showModalBox);
			$("#modal-boxes .modal.displayed").removeClass("displayed");
		}
		else showModalBox();


		isWorking = false;
		return false;
	});
	$("#modal-shade").not(".modal").click(function()
	{
		if (isWorking) return false;
		isWorking = true;

		$("#modal-boxes").fadeOut("slow");
		$("#modal-boxes #modal-shade").fadeOut("slow");
		$("#modal-boxes .modal.displayed").fadeOut("slow");
		$("#modal-boxes .modal.displayed").removeClass("displayed");

		isWorking = false;
		return false;
	});
});

function showModalBox()
{
	$("#modal-boxes").show();
	$("#modal-boxes #modal-shade").fadeIn("slow");
	$(modalTarget).eq(row - 1).fadeIn("slow");
	$(modalTarget).eq(row - 1).addClass("displayed");
}