function lightbox (element) {
	if (!lightboxOpen()) {
		$("body").append ("<div id='lightbox'><span class='close-lightbox'></span><div id='lightbox-content'></div></div>");
		$("#lightbox").hide();
	}

	var content = element.detach ();
	var oldContent = $("#lightbox-content > div").detach ();
	$("#lightbox-content").append (content);
	$("#content").append (oldContent);
	// $("#lightbox-content").html ($(element).html());
	if ($("#lightbox").is (":hidden")) {
		$("#lightbox").fadeIn ();
	}
}

function lightboxMac (element) {
	if (!lightboxMacOpen()) {
		$("body").append ("<div id='lightbox-mac'><span class='close-lightbox'></span><div id='lightbox-content'></div></div>");
		$("#lightbox-mac").hide();
	}

	// $("#lightbox-content").html ($(element).html());
	var content = element.detach ();
	var oldContent = $("#lightbox-content > div").detach ();
	$("#lightbox-content").append (content);
	$("#content").append (oldContent);
	if ($("#lightbox-mac").is (":hidden")) {
		$("#lightbox-mac").fadeIn ();
	}
}


function closeLightbox () {
	var content = $("#lightbox-content > div").detach ();
	$("#content").append (content);
	PINGPONG.stop();
	$("#lightbox, #lightbox-mac").fadeOut (function () {
		$(this).remove();
	});
}

function lightboxOpen () {
	return $("#lightbox").length;
}

function lightboxMacOpen () {
	return $("#lightbox-mac").length;
}


$(document).keydown (function (e) {
	if (e.which === 27) {
		if (lightboxOpen () || lightboxMacOpen() ) {
			closeLightbox ();
		}
	}
});


$(".close-lightbox").live ("click", function () {
	closeLightbox ();
});