var myLightbox;LightboxOptions=Object.extend({fileLoadingImage:"/media/lib/14/preview/loading.gif",fileBottomNavCloseImage:"/media/lib/14/preview/closelabel.gif",overlayOpacity:0.8,animate:true,resizeSpeed:7,borderSize:10,labelImage:"Bild",labelOf:"von"},window.LightboxOptions||{});var Lightbox=Class.create();Lightbox.prototype={imageArray:[],HTMLArray:[],activeImage:undefined,initialize:function(){this.updateImageList();this.updateHTMLList();this.keyboardAction=this.keyboardAction.bindAsEventListener(this);if(LightboxOptions.resizeSpeed>10){LightboxOptions.resizeSpeed=10}if(LightboxOptions.resizeSpeed<1){LightboxOptions.resizeSpeed=1}this.resizeDuration=LightboxOptions.animate?((11-LightboxOptions.resizeSpeed)*0.15):0;this.overlayDuration=LightboxOptions.animate?0.2:0;var b=(LightboxOptions.animate?250:1)+"px";var a=$$("body")[0];a.appendChild(Builder.node("div",{id:"overlay"}));a.appendChild(Builder.node("div",{id:"lightbox"},[Builder.node("div",{id:"outerImageContainer"},Builder.node("div",{id:"imageContainer"},[Builder.node("img",{id:"lightboxImage"}),Builder.node("div",{id:"hoverNav"},[Builder.node("a",{id:"prevLink",href:"#"}),Builder.node("a",{id:"nextLink",href:"#"})]),Builder.node("div",{id:"loading"},Builder.node("a",{id:"loadingLink",href:"#"},Builder.node("img",{src:LightboxOptions.fileLoadingImage}))),Builder.node("div",{id:"htmlct"},Builder.node("a",{id:"htmlctLink",href:"#"}))])),Builder.node("div",{id:"imageDataContainer"},Builder.node("div",{id:"imageData"},[Builder.node("div",{id:"imageDetails"},[Builder.node("span",{id:"caption"}),Builder.node("span",{id:"numberDisplay"})]),Builder.node("div",{id:"bottomNav"},Builder.node("a",{id:"bottomNavClose",href:"#"},Builder.node("img",{src:LightboxOptions.fileBottomNavCloseImage})))]))]));$("overlay").hide().observe("click",(function(){this.end()}).bind(this));$("lightbox").hide().observe("click",(function(d){if(d.element().id=="lightbox"){this.end()}}).bind(this));$("loadingLink").observe("click",(function(d){d.stop();this.end()}).bind(this));$("bottomNavClose").observe("click",(function(d){d.stop();this.end()}).bind(this));$("outerImageContainer").setStyle({width:b,height:b});$("prevLink").observe("click",(function(d){d.stop();this.changeImage(this.activeImage-1)}).bindAsEventListener(this));$("nextLink").observe("click",(function(d){d.stop();this.changeImage(this.activeImage+1)}).bindAsEventListener(this));var c=this;(function(){var d="overlay lightbox outerImageContainer imageContainer lightboxImage htmlct hoverNav prevLink nextLink loading loadingLink imageDataContainer imageData imageDetails caption numberDisplay bottomNav bottomNavClose";$w(d).each(function(e){c[e]=$(e)})}).defer()},updateImageList:function(){this.updateImageList=Prototype.emptyFunction;document.observe("click",(function(a){var b=a.findElement("a[rel^=lightbox]")||a.findElement("area[rel^=lightbox]");if(b){a.stop();this.start(b)}}).bind(this))},updateHTMLList:function(){this.updateHTMLList=Prototype.emptyFunction;document.observe("click",(function(a){var b=a.findElement("a[rel^=lighthtml]")||a.findElement("area[rel^=lighthtml]");if(b){a.stop();this.startHTML(b)}}).bind(this))},start:function(f){$("overlay").hide().observe("click",(function(){this.end()}).bind(this));$("lightbox").hide().observe("click",(function(g){if(g.element().id=="lightbox"){this.end()}}).bind(this));$("loadingLink").observe("click",(function(g){g.stop();this.end()}).bind(this));$("bottomNavClose").observe("click",(function(g){g.stop();this.end()}).bind(this));$$("select","object","embed").each(function(g){g.style.visibility="hidden"});var c=this.getPageSize();$("overlay").setStyle({width:c[0]+"px",height:c[1]+"px"});new Effect.Appear(this.overlay,{duration:this.overlayDuration,from:0,to:LightboxOptions.overlayOpacity});this.imageArray=[];var b=0;if((f.rel=="lightbox")){this.imageArray.push([f.href,f.title])}else{this.imageArray=$$(f.tagName+'[href][rel="'+f.rel+'"]').collect(function(g){return[g.href,g.title]}).uniq();while(this.imageArray[b][0]!=f.href){b++}}var a=document.viewport.getScrollOffsets();var e=a[1]+(document.viewport.getHeight()/10);var d=a[0];this.lightbox.setStyle({top:e+"px",left:d+"px"}).show();this.changeImage(b)},startHTML:function(k){this.disableKeyboardNav();$("overlay").hide().stopObserving();$("lightbox").hide().stopObserving();$("loadingLink").stopObserving();$("bottomNavClose").stopObserving();$$("select","object","embed").each(function(o){o.style.visibility="hidden"});this.lightboxImage.hide();var c=k.rel;var b=c.substr(c.indexOf("{")+1,c.length-c.indexOf("{")-2);this.optparams=b.toQueryParams();var e=document.viewport.getScrollOffsets();var g=e[1]+(document.viewport.getHeight()/10)-20;var n=e[0];this.lightbox.setStyle({top:g+"px",left:n+"px"}).show();this.hoverNav.hide();this.prevLink.hide();this.nextLink.hide();this.htmlct.hide();this.imageDataContainer.setStyle({opacity:0.0001});this.numberDisplay.hide();var d=this.getPageSize();$("overlay").setStyle({width:d[0]+"px",height:d[1]+"px"});new Effect.Appear(this.overlay,{duration:this.overlayDuration,from:0,to:LightboxOptions.overlayOpacity});this.activeImage=0;this.imageArray=new Array("html");imgWidth=parseInt(this.optparams.width);imgHeight=parseInt(this.optparams.height);var j=this.outerImageContainer.getWidth();var f=this.outerImageContainer.getHeight();var i=(imgWidth+LightboxOptions.borderSize*2);var m=(imgHeight+LightboxOptions.borderSize*2);var l=j-i;var a=f-m;this.outerImageContainer.setStyle({width:i+"px"});this.outerImageContainer.setStyle({height:m+"px"});var h=0;if((a==0)&&(l==0)){h=100;if(Prototype.Browser.IE){h=250}}(function(){this.imageDataContainer.setStyle({width:i+"px"});this.showHTML()}).bind(this).delay(h/1000)},showHTML:function(){this.loading.hide();document.getElementById("htmlct").innerHTML=document.getElementById(this.optparams.sourcediv).innerHTML;this.htmlct.show()},changeImage:function(b){this.activeImage=b;if(LightboxOptions.animate){this.loading.show()}this.lightboxImage.hide();this.hoverNav.hide();this.prevLink.hide();this.nextLink.hide();this.imageDataContainer.setStyle({opacity:0.0001});this.numberDisplay.hide();var a=new Image();a.onload=(function(){this.lightboxImage.src=this.imageArray[this.activeImage][0];this.resizeImageContainer(a.width,a.height)}).bind(this);a.src=this.imageArray[this.activeImage][0]},resizeImageContainer:function(e,f){var h=this.outerImageContainer.getWidth();var c=this.outerImageContainer.getHeight();var g=(e+LightboxOptions.borderSize*2);var j=(f+LightboxOptions.borderSize*2);var k=(g/h)*100;var b=(j/c)*100;var i=h-g;var a=c-j;if(a!=0){new Effect.Scale(this.outerImageContainer,b,{scaleX:false,duration:this.resizeDuration,queue:"front"})}if(i!=0){new Effect.Scale(this.outerImageContainer,k,{scaleY:false,duration:this.resizeDuration,delay:this.resizeDuration})}var d=0;if((a==0)&&(i==0)){d=100;if(Prototype.Browser.IE){d=250}}(function(){this.prevLink.setStyle({height:f+"px"});this.nextLink.setStyle({height:f+"px"});this.imageDataContainer.setStyle({width:g+"px"});this.showImage()}).bind(this).delay(d/1000)},showImage:function(){this.loading.hide();new Effect.Appear(this.lightboxImage,{duration:this.resizeDuration,queue:"end",afterFinish:(function(){this.updateDetails()}).bind(this)});this.preloadNeighborImages()},updateDetails:function(){if(this.imageArray[this.activeImage][1]!=""){this.caption.update(this.imageArray[this.activeImage][1]).show()}if(this.imageArray.length>1){this.numberDisplay.update(LightboxOptions.labelImage+" "+(this.activeImage+1)+" "+LightboxOptions.labelOf+"  "+this.imageArray.length).show()}new Effect.Parallel([new Effect.SlideDown(this.imageDataContainer,{sync:true,duration:this.resizeDuration,from:0,to:1}),new Effect.Appear(this.imageDataContainer,{sync:true,duration:this.resizeDuration})],{duration:this.resizeDuration,afterFinish:(function(){var a=this.getPageSize();this.overlay.setStyle({height:a[1]+"px"});this.updateNav()}).bind(this)})},updateNav:function(){this.hoverNav.show();if(this.activeImage>0){this.prevLink.show()}if(this.activeImage<(this.imageArray.length-1)){this.nextLink.show()}this.enableKeyboardNav()},enableKeyboardNav:function(){document.observe("keydown",this.keyboardAction)},disableKeyboardNav:function(){document.stopObserving("keydown",this.keyboardAction)},keyboardAction:function(d){var a=d.keyCode;var b;if(d.DOM_VK_ESCAPE){b=d.DOM_VK_ESCAPE}else{b=27}var c=String.fromCharCode(a).toLowerCase();if(c.match(/x|o|c/)||(a==b)){this.end()}else{if((c=="p")||(a==37)){if(this.activeImage!=0){this.disableKeyboardNav();this.changeImage(this.activeImage-1)}}else{if((c=="n")||(a==39)){if(this.activeImage!=(this.imageArray.length-1)){this.disableKeyboardNav();this.changeImage(this.activeImage+1)}}}}},preloadNeighborImages:function(){var a,b;if(this.imageArray.length>this.activeImage+1){a=new Image();a.src=this.imageArray[this.activeImage+1][0]}if(this.activeImage>0){b=new Image();b.src=this.imageArray[this.activeImage-1][0]}},end:function(){this.urlaccess="";if(this.end.arguments.length>0){if(typeof(this.end.arguments[0])=="string"){var a=new Date();wkkey=a.getTime();urlaccess=document.location.href;urlaccess=urlaccess.replace(/#/,"");if(!urlaccess.match(/\?/)){urlaccess=urlaccess+"?"}urlaccess=urlaccess+"&action=zuwarenkorb";urlaccess=urlaccess+"&prodid="+this.optparams.prodid;if(this.optparams.modelid!=""){urlaccess=urlaccess+"&modelid="+this.optparams.modelid}if(this.optparams.persofield!=""){personalisierung=document.getElementById(this.optparams.persofield).value;urlaccess=urlaccess+"&personalisierung="+escape(personalisierung); }if(this.optparams.mfield!=""){mfield=document.getElementById(this.optparams.mfield);menge=mfield.options[mfield.selectedIndex].value;urlaccess=urlaccess+"&menge="+menge}urlaccess=urlaccess+"&wkey="+wkkey;if(this.end.arguments[0]!="true"){urlaccess=urlaccess+"&fwto="+escape(this.end.arguments[0])}this.urlaccess=urlaccess}}this.disableKeyboardNav();document.getElementById("htmlct").innerHTML="";this.lightbox.hide();if(this.urlaccess==""){new Effect.Fade(this.overlay,{duration:this.overlayDuration})}else{new Effect.Fade(this.overlay,{duration:this.overlayDuration,afterFinish:(function(){if(this.urlaccess!=""){document.location.href=urlaccess}}).bind(this)})}$$("select","object","embed").each(function(b){b.style.visibility="visible"})},getPageSize:function(){var c,a;if(window.innerHeight&&window.scrollMaxY){c=window.innerWidth+window.scrollMaxX;a=window.innerHeight+window.scrollMaxY}else{if(document.body.scrollHeight>document.body.offsetHeight){c=document.body.scrollWidth;a=document.body.scrollHeight}else{c=document.body.offsetWidth;a=document.body.offsetHeight}}var b,d;if(self.innerHeight){if(document.documentElement.clientWidth){b=document.documentElement.clientWidth}else{b=self.innerWidth}d=self.innerHeight}else{if(document.documentElement&&document.documentElement.clientHeight){b=document.documentElement.clientWidth;d=document.documentElement.clientHeight}else{if(document.body){b=document.body.clientWidth;d=document.body.clientHeight}}}if(a<d){pageHeight=d}else{pageHeight=a}if(c<b){pageWidth=c}else{pageWidth=b}return[pageWidth,pageHeight]}};document.observe("dom:loaded",function(){myLightbox=new Lightbox()});