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-small-open, .layer-big-open, .layer-medium-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() {
				$$(".video").each(function($elem2){
					$elem2.remove();
				});	
				$layerContainer.hide();
			});
		});
		
		$elem.observe("click", function(evt) {
			if ($elem.hasClassName('noLink')) {
				var position = $elem.positionedOffset();
				$layerContent.innerHTML = $('privacy').innerHTML;
				$layerContainer.toggle();
				var dimensions = $layerContent.getDimensions();
				$layerContainer.setStyle({left:"140px",top:(position[1]-(dimensions.height + 60))+"px"});
			}
			else {
				new Ajax.Updater($layerContent, $elem.href, {method: "get"});
				$layerContainer.toggle();
				Event.stop(evt);
			}
		});
	});
});