/* Begin PopUp-Panel for Images */
	YAHOO.namespace("cd.lightbox");
	function initPanel() {
		YAHOO.cd.lightbox.panel = new YAHOO.widget.Panel("image_panel", { 
			//effect:[{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}], 
			//width: 620,
			//Height: 620,
			fixedcenter: false, 
			constraintoviewport: false, 
			underlay:"shadow", 
			close:true, 
			visible:false, 
			draggable:false, 
			modal:true
		} );
		//YAHOO.cd.lightbox.panel.cfg.setProperty("zIndex", 3005);
		YAHOO.cd.lightbox.panel.render();
		YAHOO.util.Dom.setStyle(YAHOO.cd.lightbox.panel.mask, "background-color", "#000");
		YAHOO.util.Dom.setStyle(YAHOO.cd.lightbox.panel.mask, "-moz-opacity", "0.75");
		YAHOO.util.Dom.setStyle(YAHOO.cd.lightbox.panel.mask, "opacity", ".75");
		YAHOO.util.Dom.setStyle(YAHOO.cd.lightbox.panel.mask, "filter", "alpha(opacity=75)");
		//YAHOO.util.Dom.setStyle(YAHOO.cd.lightbox.panel.mask, "z-index", "3000");
		
		YAHOO.util.Event.onAvailable('image_panel', YAHOO.cd.lightbox.init, YAHOO.cd.lightbox, true);
	}
	YAHOO.util.Event.addListener(window, "load", initPanel);

	/* Begin  */
	YAHOO.namespace("cd.lightbox.init");
	YAHOO.cd.lightbox = function() {
		var $D = YAHOO.util.Dom;
		var $E = YAHOO.util.Event;
		var $ = $D.get;
		return {
			init : function() {
				var yui_panels = $D.getElementsByClassName('yui_panel','a');
				$E.on(YAHOO.cd.lightbox.panel.mask, 'click', this.close);
				$E.on(yui_panels, 'click', this.yui_panel);
			},
			close : function(e) {
				YAHOO.cd.lightbox.panel.hide();
			},
			yui_panel : function(e) {
				var target = $E.getTarget(e, true);
				$E.stopEvent(e);
				// Bild muss nun geladen werden, damit Breite und Höhe ermittelt werden kann
				aPreload = new Image();
				aPreload.onload = function() {
					// Titel muss zweizeilig sein
					var title = target.parentNode.getAttribute('title');
					if ( title ) {
						var pos = title.indexOf(":");
						if (pos > 0) {
							title = title.substr(0,pos+1)+'<br />'+title.substr(pos+1);
						} else {
							title = title+'<br />&nbsp;';
						}
					} else {
						title = '&nbsp;<br />&nbsp;';
					}
					YAHOO.cd.lightbox.panel.setHeader(title); 
					// Horizontal Zentrieren
					var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
					var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
					var viewPortWidth = YAHOO.util.Dom.getClientWidth();
					var elementWidth = this.width;
					var x = (viewPortWidth / 2) - (elementWidth / 2) + scrollX;
					YAHOO.cd.lightbox.panel.cfg.setProperty("xy", [x,(scrollY+16)]);
					YAHOO.cd.lightbox.panel.cfg.setProperty("width", (elementWidth+8))
					// Anzeigen
					// Slideshow auschalten, da Probleme in Firefox
					var slideshow = document.getElementById("flashslideshow");
					if (slideshow != null) {
						YAHOO.util.Dom.setStyle('flashslideshow', 'visibility', "hidden");
						// Event-Handler um wieder einzuschalten
						function showSlideshow(type, args, obj) {
							YAHOO.util.Dom.setStyle('flashslideshow', 'visibility', "visible");
						}
						YAHOO.cd.lightbox.panel.hideEvent.subscribe(showSlideshow, YAHOO.cd.lightbox.panel);
					}
					YAHOO.cd.lightbox.panel.show(); 
				}
				// In Attribut "rel" kann ein alternatives Bild hnterlegt werden.
				// Wenn rel="yui_panel" ist das Ziel in href.
				var img = target.parentNode.getAttribute('rel');
				if ( img == 'yui_panel') img = target.parentNode.getAttribute('href');
				YAHOO.cd.lightbox.panel.setBody('<img src="'+img+'" alt="" />');
				aPreload.src = img;
			}			
		};
	}();