$(function() {
	$("html").click(function() {
		$("div.modal-box").fadeOut();
		$("div#contact").fadeOut();
		$("ul#ctas a").removeClass("modal-selected");
	});
});

function modalBox(source) {
	var offset = $("ul#ctas").offset();
	var topmargin = offset.top - 340;
	$("div#" + source).css({"margin-top" : topmargin + "px"});
	$("div#" + source).fadeIn();
	$("div#" + source).append('<div class="modal-marker">Modal Marker</div>');
	$("ul#ctas a").removeClass("modal-selected");
	$("a." + source + "-tile").addClass("modal-selected");
}

function contact() {
	var offset = $("ul#ctas").offset();	
	var topmargin = offset.top - 60;
	$("div#contact").css({"margin-top" : topmargin + "px"});
	$("div#contact").fadeIn();
	$("div#contact").append('<div class="modal-marker">Modal Marker</div>');
	$("ul#ctas a").removeClass("modal-selected");
}

$(document).ready(function() {
	$.ajax({
          url: "eventForms.php",
          success: function(data) {
	    var html = "<h2>Event Sign Up</h2>";
            jQuery.each(data, function(i, x) {
	      html += "<p><strong>"+x.title+"</strong><br/>";
	      if (x.desc != "") {
	        html += x.desc+"&nbsp;";
	      }
	      html += "<a href=\""+x.url+"\">Sign up!</a></p>";
            });
	    $("#event-sign-up").html(html);
          }
	});
});