if (YAHOO) {	 
	var playButton = YAHOO.util.Dom.getFirstChild(YAHOO.util.Dom.getElementsByClassName('play')[0]);	
	if (playButton &&  playButton.innerHTML.indexOf('Beileger')>-1) { // if there is a link with class "play" and top.de in the link text - onclick initialize layer with the flash film
		var filmSource = (playButton.href) ? playButton.href : "#";
		//create element with layer markup that we need, set display: none
		var layerNode_1 = document.createElement('div');
		layerNode_1.id = 'filmLayer';
		layerNode_1.innerHTML ='<div class="hd">' +
						'<div id="layerHeadContent_1">' +
							'<img src="img/layer_headline.gif" width="323" height="12" alt="United Internet Media - Mediaplace" />' +
							'<a id="closeLayer_1">Schlie&szlig;en</a>' + 
						'</div>'+ 
					'</div>' +
					'<div class="bd">' +
						'<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" ' + 
							' codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" ' + 
							'width="512" height="824">' +
								'<param name="movie" value="' + filmSource + '" />' +
								'<embed type="application/x-shockwave-flash" ' + 
									'src="' + filmSource + '" ' +
									'width="512" height="824" ' + 
									'pluginspage="http://www.macromedia.com/go/getflashplayer" />' +
						'</object>' +
					'</div>' +
					'<div class="ft"></div>';				
		if (YAHOO.util.Dom.get('mainWrp')){
			YAHOO.util.Dom.insertAfter(layerNode_1, YAHOO.util.Dom.get('mainWrp'));
		};
		// create layer, but don't show it yet
		layer_1 = new YAHOO.widget.Panel('filmLayer', {
			width: '572px',
			height: '904px',
			close: false,
			zIndex: 4,
			modal: true,
			fixedcenter: false,
			visible: false});
		layer_1.render();
        layer_1.center();
		
		var showLayer_1 = function(e) {
			YAHOO.util.Event.preventDefault(e);                         
			layer_1.show();
		}
		var hideLayer_1 = function(e) {
			YAHOO.util.Event.preventDefault(e);
			layer_1.hide();
		}
		YAHOO.util.Event.on(playButton, 'click', showLayer_1);
		YAHOO.util.Event.on('closeLayer_1', 'click', hideLayer_1);
	}
	var previewButton = YAHOO.util.Dom.getFirstChild(YAHOO.util.Dom.getElementsByClassName('preview')[0]);
	if (previewButton &&  previewButton.innerHTML.indexOf('Bauhaus')>-1) { // if there is a link with class "preview" and 'Bauhaus' in the link text - onclick initialize layer with the image
		var imageSource = (previewButton.href) ? previewButton.href : "#";
		//create element with layer markup that we need, set display: none
		var layerNode_2 = document.createElement('div');
		layerNode_2.id = 'imageLayer';
		layerNode_2.innerHTML ='<div class="hd">' +
						'<div id="layerHeadContent_2">' +
							'<img src="img/layer_headline.gif" width="323" height="12" alt="United Internet Media - Mediaplace" />' +
							'<a id="closeLayer_2">Schlie&szlig;en</a>' + 
						'</div>'+ 
					'</div>' +
					'<div class="bd">' +
						'<img src="' + imageSource + '" width="512" height="824" alt="Beileger auf WEB.DE" />' +
					'</div>' +
					'<div class="ft"></div>';				
		if (YAHOO.util.Dom.get('mainWrp')){
			YAHOO.util.Dom.insertAfter(layerNode_2, YAHOO.util.Dom.get('mainWrp'));
		};
		// create layer, but don't show it yet
		layer_2 = new YAHOO.widget.Panel('imageLayer', {
			width: '572px',
			height: '904px',
			close: false,
			zIndex: 4,
			modal: true,
			fixedcenter: false,
			visible: false});
		layer_2.render();
        layer_2.center();
		var showLayer_2 = function(e) {
			YAHOO.util.Event.preventDefault(e);                         
			layer_2.show();
		}
		var hideLayer_2 = function(e) {
			YAHOO.util.Event.preventDefault(e);
			layer_2.hide();
		}
		YAHOO.util.Event.on(previewButton, 'click', showLayer_2);
		YAHOO.util.Event.on('closeLayer_2', 'click', hideLayer_2);
	}
}