$(document).ready(function(){
	
	$("#tabs").tabs({ ajaxOptions: { complete: function () {
		
			$(".trigger a").click(function () {
	      $(this).closest(".moduleitem").children(".itembody").slideToggle();
	    });
	
			$(".resource").click(function () {		
				url = $(this).attr("rel");
				$("<div id='modal'></div>").appendTo("body");
				$("#modal").dialog({
					autoOpen: false,
					height: 500,
					width: 800,
					modal: true,
					close: function(event, ui) { $("#modal").remove();}
				});
				
				$("#modal").load(url);
				$("#modal").dialog("open");
			});
			
		} } });
		
	$(".modal").click(function () {		
		url = $(this).attr("rel");
		title = $(this).attr("title");
		$("<div id='modal'></div>").appendTo("body");
		$("#modal").dialog({
			autoOpen: false,
			height: 500,
			width: 800,
			modal: true,
			title: title,
			close: function(event, ui) { $("#modal").remove();}
		});
		
		$("#modal").load(url);
		$("#modal").dialog("open");
	});
	
});