$(document).ready(function(){
	$("body").append('<div id="mailing-list"></div><div id="mailing-list-default"><h4>Join the Gatsby\'s mailing list and never miss another great event!</h4><br /><form><input type="hidden" name="wfunction" value="join"><input type="text" name="email"></form><br /><div class="message"></div></div>');
	
	$('#mailing-list').dialog({
		autoOpen: false,
		width: "450px",
		modal: true,
		buttons: {
			"Add Me to the Mailing List!": function() {
				$(this).attr("disabled", true)
				$.post("index.cfm",$("#mailing-list form").serialize(),function(data){
					$("#mailing-list .message").html(data);
					//$("#mailing-list").dialog("close");
				})
			}, 
			"Cancel": function() {
				$(this).dialog("close");
			} 
			
		}
	});

	$("#joinTile").click(function(){
		$('#mailing-list').html($('#mailing-list-default').html());
		$('#mailing-list').dialog('open');
	});
	
	

});