ObjectManager.load("/css/popup.css");

var Popup = {
	hide: function(e, preventDefault) {
		Innecto.style.set(Innecto.$("popup-overlay"), "display", "none");
		Innecto.style.set(Innecto.$("popup-popupwrapper"), "display", "none");
		if (preventDefault) e.preventDefault();
	},
	initialize: function() {
		document.body
				.insertAdjacentHTML(
						"afterBegin",
						"<div id=\"popup-overlay\"></div><div id=\"popup-popupwrapper\"><div id=\"popup-popup\"><div id=\"popup-popup-top-left\"></div><div id=\"popup-popup-top-repeat\"></div><div id=\"popup-popup-top-right\"></div><div id=\"popup-popup-contentwrapper\"><div id=\"popup-popup-content\"><div></div></div></div><div id=\"popup-popup-bottom-left\"></div><div id=\"popup-popup-bottom-repeat\"></div><div id=\"popup-popup-bottom-right\"></div></div></div>");
		Popup.content = Innecto.$("popup-popup-content").firstChild;
	},
	setContent: function(str, el) {
		var context = el || Popup.content;
		context.innerHTML = str;
		Sly.search(".popup-button.close", context).forEach(function(el) {
			var preventDefault = el.getAttribute("href") == "#";
			EventManager.add(el, "click", function(e) {
				if (preventDefault) Popup.hide(e, true);
				else Popup.hide();
			});
		});
	},
	show: function() {
		Innecto.style.set(Innecto.$("popup-overlay"), "display", "block");
		Innecto.style.set(Innecto.$("popup-popupwrapper"), "display", "block");
	}
};