(function() { 
	var Dom = YAHOO.util.Dom;
	var Event = YAHOO.util.Event;
	
	var openlayer = function(e) {
		Event.preventDefault(e);
		var caller = Event.getTarget(e);
		if(caller.nodeName != "A") {
			caller = Dom.getAncestorByTagName(caller, "A");
		}
		openBox(caller.href);
	}
	
	var createMask = function() {
			// Hintergrundmaske für das "Popup" erstellen
		var mask = document.createElement("div");
		mask.id = "mask";
		var docHeight = document.getElementsByTagName('body')[0].offsetHeight;
		var bodyel = Dom.getElementBy(function(el) {
			return el.nodeName == "BODY";
		});
		bodyel.appendChild(mask);
		Dom.setStyle("mask", "position", "absolute");
		Dom.setStyle("mask", "top", "0px");
		Dom.setStyle("mask", "left", "0px");
		Dom.setStyle("mask", "zIndex", "100");
		Dom.setStyle("mask", "width", "100%");
		Dom.setStyle("mask", "height", docHeight + "px");
		Dom.setStyle("mask", "backgroundColor", "black");
		Dom.setStyle("mask", "opacity", "0.7");
	}
	
	var createIframe = function(parentDiv, videolink) {
		var subpage = document.createElement("iframe");
		subpage.setAttribute("scrolling", "no");
		subpage.setAttribute("frameborder", "0");
		subpage.setAttribute("marginwidth", "0");
		subpage.setAttribute("marginheight", "0");
		subpage.setAttribute("width", 600);
		subpage.setAttribute("height", 378);
		subpage.setAttribute("src", videolink);
		Dom.get(parentDiv).appendChild(subpage);

	}
	
	var openBox = function(videolink) {
		createMask();
		var box = document.createElement("div");
		box.id = "videobox";
		
		var bodyel = Dom.getElementBy(function(el){
			return el.nodeName == "BODY";
		});
		bodyel.appendChild(box);
		createIframe(box.id, videolink);
		Dom.setStyle(box.id, "zIndex", "101");
		Dom.setStyle(box.id, "background", "white");
		Dom.setStyle(box.id, "padding", "40px 30px 30px 60px");
		Dom.setStyle(box.id, "width", "600px");
		Dom.setStyle(box.id, "height", "400px");
		position4Div(box.id);
		var close = document.createElement("A");
		close.href = "#";
		var closeimg = document.createElement("IMG");
		closeimg.src = "/fileadmin/templates/images/buttons/video_schliessen.gif";
		box.appendChild(close);
		close.appendChild(closeimg);
		Dom.setStyle(close, "position", "absolute");
		Dom.setStyle(box.id, "zIndex", "1011");
		Dom.setStyle(close, "top", "10px");
		Dom.setStyle(close, "right", "10px");
		Event.addListener(close, "click", function(e){
			Event.preventDefault(e);
			var bodyel = Dom.getElementBy(function(el) {
				return el.nodeName == "BODY";
			});
			bodyel.removeChild(Dom.get('videobox'));
			bodyel.removeChild(Dom.get('mask'));
		});
	} 
	
	var position4Div = function(divID) {
		// Das Div wird mittig positioniert 
		var docWidth = Dom.getViewportWidth();
		var docHeight = document.getElementsByTagName('html')[0].offsetHeight;
		var scrolledDown = Dom.getDocumentScrollTop();
		var winHeight = Dom.getViewportHeight();
		var divWidth = Dom.get(divID).offsetWidth;
		var divHeight = Dom.get(divID).offsetHeight;
		var divLeft = parseInt((docWidth - divWidth)/2);
		var divTop = parseInt((winHeight-divHeight)/2) + scrolledDown;
		Dom.setStyle(divID, "position", "absolute");
		Dom.setStyle(divID, "left", divLeft + "px");
		Dom.setStyle(divID, "top", divTop + "px");
	} 
	
	var init = function() {
		if(Dom.inDocument("productvideo")) {
			Event.addListener("productvideo", "click", openlayer);
		}
	}
	
	YAHOO.util.Event.onDOMReady(init); 
})();