$(document).ready(function()
{
	$("body").append("<div class='overlayer'></div>");
	var overlayer = $("div.overlayer");
	$(overlayer).css({"opacity": 0});
	var popups = $("div.popup");

	$("a.popup-opener").click(function()
	{
		var popup = $("." + this.rel).find("div.popup").eq(0);
		if(!$(popup).hasClass("opened"))
		{
			$(overlayer).css({"display": "block", "height": document.documentElement.scrollHeight}).animate({opacity: 0.5}, function()
			{
				$(popups).each(function(id, el)
				{
					if($(el) != $(popup))
					{
						$(el).parent().find("a.btn-close").css({"display": "none"});
						$(el).removeClass("opened");
						$(el).slideUp();
					}
				});
				$(popup).slideDown();
				$(popup).parent().find("a.btn-close").css({"display": "block"});
				$(popup).addClass("opened");
			});
			
		}
		return false;
	});
	$(".btn-close").click(function()
	{
		var _this = this;
		$(popups).each(function(id, el)
		{
			if($(el).is(":visible"))
			{
				$(el).slideUp(function()
				{
					$(_this).css({"display": "none"});
					$(overlayer).animate({"opacity": 0}, 400, function() { $(overlayer).css({"display": "none"}); });
					$(el).removeClass("opened");
				});
			}
		});
		return false;
	});
});