Event.observe(window, "load", function() {
	/*
		<div class="layer-container">
			<div class="layer-top"></div>
			<div class="layer">
				<div class="layer-close"></div>
				<div class="layer-content"></div>
			</div>
			<div class="layer-bottom"></div>
		</div>
	*/
	$$(".layer-mini-open, .layer-small-open, .layer-big-open").each(function($elem, idx) {
		var _className = $elem.className;
		var _size = _className.substring(_className.indexOf("layer-") + 6,_className.indexOf("-open"));
		
		var $layerContent = new Element("div", { className: "layer-" + _size + "-content" });
		var $layerContainer = new Element("div", {
				className: "layer-" + _size + "-container",
				id: "layer-" + idx
			}).insert(
			new Element("div", { className: "layer-" + _size + "-top" })
		).insert(
			new Element("div", { className: "layer-" + _size }).insert(
				new Element("div", { className: "layer-close" })
			).insert(
				$layerContent
			)
		).insert(
			new Element("div", { className: "layer-" + _size + "-bottom" })
		).hide();
		
		$(document.body).insert($layerContainer, { position: "bottom" });
		
		$layerContainer.select(".layer-close").each(function($elem) {
			$elem.observe("click", function() {
				$layerContainer.hide();
			});
		});
		
		$elem.observe("click", function(evt) {
			$$(".layer-mini-container, .layer-small-container, .layer-big-container").each(function($elem2) { $elem2.hide(); });
			var scrollY = document.viewport.getScrollOffsets().top;
			$layerContainer.setStyle({'top':+(scrollY+162)+'px'});

			new Ajax.Updater($layerContent, $elem.href, { method: "get" });
			$layerContainer.toggle();
			Event.stop(evt);
		});
	});
});