Diaspora.Alert = {
  faceboxTemplate:
    '<div id="diaspora_alert">' +
      '<div class="span-12 last">' +
				'<div id="facebox_header">' +
	  			'<h4>' +
	    			'{{title}}' +
	  			'</h4>' +
				'</div>' +
				'{{content}}' +
      '</div>' +
    '</div>',

  show: function(title, content) {
    $($.mustache(this.faceboxTemplate, {
      title: title,
      content: content
    })).appendTo(document.body);

    $.facebox({
      div: "#diaspora_alert"
    }, "diaspora_alert");
  }
};

$(function() {
  $(document).bind("close.facebox", function() {
    $("#diaspora_alert").remove();
  });
});