/* lightbox.js - Provide lightbox functionality
 * 
 * 
 * 
 */

$(document).ready(function() {
	
	$("body").append('<div id="curtain"><div id="lightbox"></div></div>');
	
	$curtain = $("#curtain").hide();
	$lightbox = $("#lightbox");
	
	$(".lightbox_get").live("click", function() {
		if ($curtain.css("display") == "none") {
			$curtain.fadeIn();
			$curtain.css("height", $(document).height());
		}
		
		$.ajax({
		    type : 'GET',
		    url : $(this).attr('href'),
		    success : function(response) {
		    	$lightbox.html(response);
		    },
		    beforeSend: function(data) {
	    	},
		    error: function(request, error) {
		    }
		});
		
		return false;
		
	});
	
	$(".lightbox_post").live("click", function() {
		if ($curtain.css("display") == "none") {
			$curtain.fadeIn();
			$curtain.css("height", $(document).height());
		}
		
		var $form = $(this).closest("form");
		
		$.ajax({
		    type : 'POST',
		    url : $form.attr('action'),
		    data : $form.serialize(),
		    success : function(response) {
		    	$lightbox.html(response);
		    },
		    beforeSend: function(data) {

		    },
		    error: function(request, error) {

		    }
		});
		
		return false;
		
	});
	
	$(".lightbox_close").live("click", function() {
		$curtain.fadeOut();
		$lightbox.html("");
	});
	
});