Tn.Class({Class:"Tn.Ui.LightBox",Extends:"Tn.Ui.Element",_image:EMPTY,_title:EMPTY,_images:[],_titles:[],_descriptions:[],_overlayDiv:EMPTY,_imagePanel:EMPTY,_currIndex:EMPTY,_imageInfoPanelOverlay:EMPTY,_imageTitle:EMPTY,_imageDescription:EMPTY,_navigationPanel:EMPTY,_currImageIndex:EMPTY,_totalImageCount:EMPTY,_prevImage:EMPTY,_nextImage:EMPTY,_descriptionWidth:0,_lastDescriptionWidth:0,_startTime:EMPTY,_resizeTimer:EMPTY,initialize:function _(b){try{arguments.callee.$super.apply(this,[])}catch(c){alert(c)}var a=this;if(b.length){this._imagePanel=new Tn.Ui.ImagePanel();this._imagePanel.OnImageLoaded.add([this,this._imageLoaded]);b.each(function(d){var e=$j.trim($j(".description-"+d).text());if(e!=""){a._descriptions[d]=$j(".description-"+d).html()}else{a._descriptions[d]=EMPTY}a._images.push($j(this).attr("href"));a._titles.push($j(this).attr("title"))});b.click($j.proxy(this,"_openLightBox"));this._totalImageCount.text(b.length);this._overlayDiv=$j("<div>");this._overlayDiv.css({"background-color":"black",opacity:0.8,position:"absolute",left:0,top:0,width:"100%",height:"100%"});this._prevImage.css({opacity:0.5});this._nextImage.css({opacity:0.5});this._element.css({position:"absolute",border:"1px solid rgb(100,100,100)","-webkit-box-shadow":"0px 0px 5px #999999","-moz-box-shadow":"0px 0px 5px #999999","box-shadow":"0px 0px 5px #999999","background-color":"rgb(0,0,0)","border-radius":"10px"});this._navigationPanel.css({"font-family":"Verdana","font-size":"10px"});this._element.append(this._imagePanel.getElement());$j(window).resize($j.proxy(this,"_resized"))}},_imageLoaded:function _(){this._imageTitle.text(this._titles[this._currIndex]);this._lastDescriptionWidth=this._descriptionWidth;if(this._descriptions[this._currIndex]){this._imageDescription.html(this._descriptions[this._currIndex]);this._descriptionWidth=220}else{this._descriptionWidth=0;this._imageDescription.empty()}this._startTime=(new Date()).getTime();if(this._resizeTimer!=null){window.clearInterval(this._resizeTimer)}this._resizeTimer=window.setInterval($j.proxy(this,"_animatePanel"),10)},_animatePanel:function _(){var d=(new Date()).getTime();var f=d-this._startTime;if(f>500){f=500;window.clearInterval(this._resizeTimer)}var e=this._descriptionWidth-this._lastDescriptionWidth;var c,b;c=Math.min($j(window).width()-60,1200);b=Math.min($j(window).height()-60,700);var a=Math.min(this._lastDescriptionWidth+e/500*f);this._imagePanel.setSize(c-(this._lastDescriptionWidth+e/500*f)-40,b-65);this._imageDescription.css({position:"absolute",width:Math.max(0,a-20),height:b-65,top:25,right:20})},showPreviousImage:function _(){if(this._currIndex>0){this.displayImage(this._currIndex-1)}},showNextImage:function _(){if(this._currIndex<this._images.length-1){this.displayImage(this._currIndex+1)}},_resized:function _(){var b,a;b=Math.min($j(window).width()-60,1200);a=Math.min($j(window).height()-60,700);this._imagePanel.setPosition(20,25);if(this._descriptions[this._currIndex]){this._imagePanel.setSize(b-this._descriptionWidth-40,a-65)}else{this._imagePanel.setSize(b-40,a-65)}this._navigationPanel.css({position:"absolute",width:b-40,height:20,bottom:10,left:20});this._imageDescription.css({position:"absolute",width:Math.max(0,this._descriptionWidth-20),height:a-65,top:25,right:20});this._imageTitle.css({position:"absolute",left:20,top:5});this._element.css({width:b,height:a,left:($j(window).width()-b)/2,top:($j(window).height()-a)/2})},_hideLightBox:function _(a){$j(".ui-wmlayer-modalOverlay").css({width:"100%",height:"100%"});this._element.fadeOut(300);this._overlayDiv.fadeOut(300,$j.proxy(this,"_hideFinished"));$j(window).unbind(".lightbox")},_hideFinished:function _(){$j(".ui-wmlayer-modalOverlay").css({width:"",height:""});this._overlayDiv.remove();this._element.remove();this._imagePanel.loadImage(null)},_openLightBox:function _(c){c.preventDefault();var a=this;var b=$j.inArray($j(c.currentTarget).attr("href"),this._images);this._resized();this._overlayDiv.click($j.proxy(this,"_hideLightBox"));this._nextImage.click(function(d){d.preventDefault();a.showNextImage()});this._prevImage.click(function(d){d.preventDefault();a.showPreviousImage()});this._closeButton.click($j.proxy(this,"_hideLightBox"));$j(".ui-wmlayer-modalOverlay").css({width:"100%",height:"100%"});this._overlayDiv.hide();this._element.hide();$j(window).bind("keydown.lightbox",$j.proxy(this,"_keyDown"));$j(".ui-wmlayer-modalOverlay").append(this._overlayDiv);$j(".ui-wmlayer-modal").append(this._element);this._overlayDiv.fadeIn(300);this._element.fadeIn(300);this.displayImage(b)},_keyDown:function _(a){if(a.which==37){this.showPreviousImage()}else{if(a.which==39){this.showNextImage()}else{if(a.which==27){this._hideLightBox()}}}},displayImage:function _(a){this._currIndex=a;this._currImageIndex.text(a+1);this._prevImage.attr("href","");this._nextImage.attr("href","");if(this._currIndex>0){this._prevImage.css({opacity:1,cursor:"pointer"})}else{this._prevImage.css({opacity:0.2,cursor:"default"})}if(this._currIndex<this._images.length-1){this._nextImage.css({opacity:1,cursor:"pointer"})}else{this._nextImage.css({opacity:0.2,cursor:"default"})}this._imagePanel.loadImage(this._images[a])},setSize:function _(b,a){}});Tn._addTemplate("Tn.Ui.LightBox",'<div class="ui-lightbox" style="color: white">  <div tn:Name="_closeButton" class="ui-closebutton"></div>  <h2 tn:Name="_imageTitle"></h2>  <div style="font-size: 10px; padding-right: 5px; overflow: auto; " tn:Name="_imageDescription">  </div>  <div  tn:Name="_imageInfoPanelOverlay"></div>  <div tn:Name="_navigationPanel">   Bild <span tn:Name="_currImageIndex"></span> von <span tn:Name="_totalImageCount"></span>&nbsp;&nbsp;&nbsp;    <a tn:Name="_prevImage" href="#">Vorheriges Bild</a>&nbsp;&nbsp;<a tn:Name="_nextImage" href="#">Nächstes Bild</a>   </div> </div>');