var MooFlow=new Class({Implements:[Events,Options],options:{onStart:$empty,onClickView:$empty,onAutoPlay:$empty,onAutoStop:$empty,onRequest:$empty,onResized:$empty,onEmptyinit:$empty,reflection:0.4,heightRatio:0.6,offsetY:0,startIndex:0,interval:3000,factor:115,bgColor:"transparent",useCaption:false,useResize:false,useSlider:false,useWindowResize:false,useMouseWheel:true,useKeyInput:false,useViewer:false},initialize:function(B,A){this.MooFlow=B;this.setOptions(A);this.foc=150;this.factor=this.options.factor;this.offY=this.options.offsetY;this.isFull=false;this.isAutoPlay=false;this.isLoading=false;this.inMotion=false;this.MooFlow.addClass("mf").setStyles({overflow:"hidden","background-color":this.options.bgColor,position:"relative",height:this.MooFlow.getSize().x*this.options.heightRatio,opacity:0});if(this.options.useWindowResize){window.addEvent("resize",this.update.bind(this,"init"))}if(this.options.useMouseWheel||this.options.useSlider){this.MooFlow.addEvent("mousewheel",this.wheelTo.bind(this))}if(this.options.useKeyInput){document.addEvent("keydown",this.keyTo.bind(this))}this.getElements(this.MooFlow)},clearInit:function(){this.fireEvent("emptyinit")},getElements:function(B){this.master={images:[]};var A=B.getChildren();if(!A.length){this.clearInit();return}$$(A).each(function(C){var D=$H(C.getElement("img").getProperties("src","title","alt","longdesc"));if(C.get("tag")=="a"){D.combine(C.getProperties("href","rel","target"))}this.master.images.push(D.getClean());C.dispose()},this);this.clearMain()},clearMain:function(){if(this.cap){this.cap.fade(0)}if(this.nav){new Fx.Tween(this.nav,{onComplete:function(){this.MooFlow.empty();this.createAniObj()}.bind(this)}).start("bottom",-50)}if(!this.nav&&!this.cap){this.MooFlow.empty();this.createAniObj()}},getMooFlowElements:function(B){var A=[];this.master.images.each(function(C){A.push(C[B])});return A},createAniObj:function(){this.aniFx=new Fx.Value({transition:Fx.Transitions.Expo.easeOut,link:"cancel",duration:750,onMotion:this.process.bind(this),onStart:this.flowStart.bind(this),onComplete:this.flowComplete.bind(this)});this.addLoader()},addLoader:function(){this.MooFlow.store("height",this.MooFlow.getSize().y);this.loader=new Element("div",{"class":"loader"}).inject(this.MooFlow);new Fx.Tween(this.MooFlow,{duration:800,onComplete:this.preloadImg.bind(this)}).start("opacity",1)},preloadImg:function(){this.loadedImages=new Asset.images(this.getMooFlowElements("src"),{onComplete:this.loaded.bind(this),onProgress:this.createMooFlowElement.bind(this)})},createMooFlowElement:function(A,C){var D=this.getCurrent(C);var B=this.loadedImages[C];D.width=B.width;D.height=B.height;B.removeProperties("width","height");D.div=new Element("div").setStyles({position:"absolute",display:"none",height:this.MooFlow.getSize().y}).inject(this.MooFlow);D.con=new Element("div").inject(D.div);B.setStyles({"vertical-align":"bottom",width:"100%",height:"50%"});B.addEvents({click:this.clickTo.bind(this,C),dblclick:this.viewCallBack.bind(this,C)});B.inject(D.con);new Element("div").reflect({img:B,ref:this.options.reflection,height:D.height,width:D.width,color:this.options.bgColor}).setStyles({width:"100%",height:"50%","background-color":this.options.bgColor}).inject(D.con);this.loader.set("text",(A+1)+" / "+this.loadedImages.length)},loaded:function(){this.index=this.options.startIndex;this.iL=this.master.images.length-1;new Fx.Tween(this.loader,{duration:800,onComplete:this.createUI.bind(this)}).start("opacity",0)},createUI:function(){this.loader.dispose();if(this.options.useCaption){this.cap=new Element("div").addClass("caption").set("opacity",0).inject(this.MooFlow)}this.nav=new Element("div").addClass("mfNav").setStyle("bottom","-50px");this.autoPlayCon=new Element("div").addClass("autoPlayCon");this.sliderCon=new Element("div").addClass("sliderCon");this.resizeCon=new Element("div").addClass("resizeCon");if(this.options.useAutoPlay){this.autoPlayCon.adopt(new Element("a",{"class":"stop",events:{click:this.stop.bind(this)}}),new Element("a",{"class":"play",events:{click:this.play.bind(this)}}))}if(this.options.useSlider){this.sliPrev=new Element("a",{"class":"sliderNext",events:{click:this.prev.bind(this)}});this.sliNext=new Element("a",{"class":"sliderPrev",events:{click:this.next.bind(this)}});this.knob=new Element("div",{"class":"knob"});this.knob.adopt(new Element("div",{"class":"knobleft"}));this.slider=new Element("div",{"class":"slider"}).adopt(this.knob);this.sliderCon.adopt(this.sliPrev,this.slider,this.sliNext);this.slider.store("parentWidth",this.sliderCon.getSize().x-this.sliPrev.getSize().x-this.sliNext.getSize().x)}if(this.options.useResize){this.resizeCon.adopt(new Element("a",{"class":"resize",events:{click:this.setScreen.bind(this)}}))}this.MooFlow.adopt(this.nav.adopt(this.autoPlayCon,this.sliderCon,this.resizeCon));this.showUI()},showUI:function(){if(this.cap){this.cap.fade(1)}this.nav.tween("bottom",20);this.fireEvent("start");this.update()},update:function(A){if(A=="init"){return}this.oW=this.MooFlow.getSize().x;this.sz=this.oW*0.5;if(this.options.useSlider){this.slider.setStyle("width",this.slider.getParent().getSize().x-this.sliPrev.getSize().x-this.sliNext.getSize().x-1);this.knob.setStyle("width",(this.slider.getSize().x/this.iL));this.sli=new SliderEx(this.slider,this.knob,{steps:this.iL}).set(this.index);this.sli.addEvent("onChange",this.glideTo.bind(this))}this.glideTo(this.index);this.isLoading=false},setScreen:function(){if(this.isFull=!this.isFull){this.holder=new Element("div").inject(this.MooFlow,"after");this.MooFlow.wraps(new Element("div").inject(document.body));this.MooFlow.setStyles({position:"absolute","z-index":"100",top:"0",left:"0",width:window.getSize().x,height:window.getSize().y});if(this.options.useWindowResize){this._initResize=this.initResize.bind(this);window.addEvent("resize",this._initResize)}}else{this.MooFlow.wraps(this.holder);window.removeEvent("resize",this._initResize);delete this.holder,this._initResize;this.MooFlow.setStyles({position:"relative","z-index":"",top:"",left:"",width:"",height:this.MooFlow.retrieve("height")});this.slider.setStyle("width",this.slider.retrieve("parentWidth"))}this.fireEvent("resized",this.isFull);this.update()},initResize:function(){this.MooFlow.setStyles({width:window.getSize().x,height:window.getSize().y});this.update()},getCurrent:function(A){return this.master.images[$chk(A)?A:this.index]},loadJSON:function(A){if(!A||this.isLoading){return}this.isLoading=true;new Request.JSON({onComplete:function(B){if($chk(B)){this.master=B;this.clearMain();this.fireEvent("request",B)}}.bind(this)},this).get(A)},loadHTML:function(A,B){if(!A||!B||this.isLoading){return}this.isLoading=true;new Request.HTML({onSuccess:function(D,F,E){var C=new Element("div",{html:E}).getChildren(B);this.getElements(C);this.fireEvent("request",C)}.bind(this)},this).get(A)},flowStart:function(){this.inMotion=true},flowComplete:function(){this.inMotion=false},viewCallBack:function(A){if(this.index!=A||this.inMotion){return}var C=$H(this.getCurrent());var B={};B.coords=C.div.getElement("img").getCoordinates();C.each(function(E,D){if($type(E)=="number"||$type(E)=="string"){B[D]=E}},this);this.fireEvent("clickView",B)},prev:function(){if(this.index>0){this.clickTo(this.index-1)}},next:function(){if(this.index<this.iL){this.clickTo(this.index+1)}},stop:function(){$clear(this.autoPlay);this.isAutoPlay=false;this.fireEvent("autoStop")},play:function(){this.autoPlay=this.auto.periodical(this.options.interval,this);this.isAutoPlay=true;this.fireEvent("autoPlay")},auto:function(){if(this.index<this.iL){this.next()}else{if(this.index==this.iL){this.clickTo(0)}}},keyTo:function(A){switch(A.code){case 37:A.stop();this.prev();break;case 39:A.stop();this.next()}},wheelTo:function(A){if(A.wheel>0){this.prev()}if(A.wheel<0){this.next()}A.stop().preventDefault()},clickTo:function(A){if(this.index==A){return}if(this.sli){this.sli.set(A)}this.glideTo(A)},glideTo:function(A){this.index=A;this.aniFx.start(this.aniFx.get(),A*-this.foc);if(this.cap){this.cap.set("html",this.getCurrent().title)}},process:function(x){var z,W,H,zI=this.iL,foc=this.foc,f=this.factor,sz=this.sz,oW=this.oW,offY=this.offY,div,elh,elw;this.master.images.each(function(el){div=el.div.style;elw=el.width;elh=el.height;if(x>-foc*6&&x<foc*6){with(Math){z=sqrt(10000+x*x)+100;H=round((elh/elw*f)/z*sz);W=round(elw*H/elh);if(H>=elw*0.5){W=round(f/z*sz)}div.left=round(((x/z*sz)+sz)-(f*0.5)/z*sz)+"px";div.top=round(oW*0.28-H)+offY+"px"}el.con.style.height=H*2+"px";div.width=W+"px";div.zIndex=x<0?zI++:zI--;div.display="block"}else{div.display="none"}x+=foc})}});var SliderEx=new Class({Extends:Slider,set:function(A){this.step=Math.round(A);this.fireEvent("tick",this.toPosition(this.step));return this},clickedElement:function(C){var B=this.range<0?-1:1;var A=C.page[this.axis]-this.element.getPosition()[this.axis]-this.half;A=A.limit(-this.options.offset,this.full-this.options.offset);this.step=Math.round(this.min+B*this.toStep(A));this.checkStep();this.fireEvent("tick",A)}});Fx.Value=new Class({Extends:Fx,compute:function(C,B,A){this.value=Fx.compute(C,B,A);this.fireEvent("motion",this.value);return this.value},get:function(){return this.value||0}});Element.implement({reflect:function(A){var D=new Element("img").setProperty("src",A.img.src);if(Browser.Engine.trident){D.style.filter="flipv progid:DXImageTransform.Microsoft.Alpha(opacity=20, style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy="+100*A.ref+")";D.setStyles({width:"100%",height:"100%"});return new Element("div").adopt(D)}else{var E=new Element("canvas").setProperties({width:A.width,height:A.height});if(E.getContext){var B=E.getContext("2d");B.save();B.translate(0,A.height-1);B.scale(1,-1);B.drawImage(D,0,0,A.width,A.height);B.restore();B.globalCompositeOperation="destination-out";B.fillStyle=A.color;B.fillRect(0,A.height*0.5,A.width,A.height);var C=B.createLinearGradient(0,0,0,A.height*A.ref);C.addColorStop(1,"rgba(255, 255, 255, 1.0)");C.addColorStop(0,"rgba(255, 255, 255, "+(1-A.ref)+")");B.fillStyle=C;B.rect(0,0,A.width,A.height);B.fill();delete B,C}return E}}});MooFlow.implement({attachViewer:function(){return this},flowStart:function(){this.hideIcon()},flowComplete:function(){this.createIconTip()},createIconTip:function(){var A=this.getCurrent();if(!$chk(A.rel)||!$chk(A.href)){return}this.tipFx=new Fx({link:"cancel"});if(!$chk(this.icon)){this.icon=new Element("a").addClass("show").setStyles({display:"none",opacity:"0"}).inject(this.MooFlow)}this.icon.addEvent("click",this.onClickView.bind(this,A));this.icon.addEvent("mouseenter",this.showTip.bind(this,A));this.icon.addEvent("mouseleave",this.hideTip.bind(this,A));if(!$chk(this.tip)){this.tip=new Element("div").addClass("tooltip").setStyles({display:"none",opacity:"0"}).inject(this.MooFlow)}this.tip.set("html",A.alt);this.icon.addClass(A.rel.toLowerCase());this.icon.setStyle("display","block").fade(0.6)},showTip:function(A){this.tip.setStyles({top:50,display:"block"});this.tipFx=new Fx.Morph(this.tip,{link:"cancel"}).start({opacity:0.8,top:100})},hideTip:function(A){this.tipFx.start({opacity:0,top:50})},hideIcon:function(){if($chk(this.icon)&&$chk(this.icon.getParent())){this.icon.destroy()}if($chk(this.tip)&&$chk(this.tip.getParent())){this.tip.destroy()}this.icon=this.tip=null},onClickView:function(A){switch(A.rel.toLowerCase()){case"image":this.loadImage(A);break;case"link":window.open(A.href,A.target||"_blank");break;default:}},loadImage:function(A){this.icon.removeClass("image").addClass("viewerload");this.image=new Asset.image(A.href,{onload:this.showImage.bind(this)})},showImage:function(){var E=this.getCurrent();var H=E.con.getFirst().getCoordinates();this.image.inject(document.body);this.image.addEvent("click",this.hideImage.bind(this));this.image.setStyles({left:H.left,top:H.top,width:H.width,height:H.height,position:"absolute","z-index":"103"});var B=new Fx.Morph(this.image,{transition:Fx.Transitions.Sine.easeOut});var G={x:this.image.get("width"),y:this.image.get("height")};var C=document.getSize(),A=document.getScroll();var F={x:A.x+((C.x-G.x)/2).toInt(),y:A.y+((C.y-G.y)/2).toInt()};var D={left:F.x,top:F.y,width:G.x,height:G.y};B.start(D)},hideImage:function(){this.icon.removeClass("viewerload").addClass("image");this.image.dispose()}});window.addEvent("domready",function(){var A=new Fx.Scroll("content_inner",{wait:false,duration:500,offset:{x:0,y:0},transition:Fx.Transitions.Quad.easeInOut});var E=new Fx.Scroll("image",{wait:false,duration:500,offset:{x:0,y:0},transition:Fx.Transitions.Quad.easeInOut});$$(".menulink").each(function(F){F.addEvent("click",function(G){G=new Event(G).stop();var H=F.id.split("_")[1].toInt();A.start(0,H*320);E.start(0,H*143)})});$("area").setStyles({opacity:0,display:"block"});function B(F){var J=263,I=50,G=689;var H=new Fx.Elements(F,{wait:false,duration:500,transition:Fx.Transitions.Expo.easeOut});F.each(function(L,K){if(K==0){L.setStyle("width","689px")}L.addEvent("mouseenter",function(M){var N={};N[K]={width:[L.getStyle("width").toInt(),G]};F.each(function(O,Q){if(K!=Q){var P=O.getStyle("width").toInt();if(P!=I){N[Q]={width:[P,I]}}}});H.start(N)})})}B($$("#agentur_elements .element"));B($$("#leistungen_elements .element"));B($$("#kontakt_elements .element"));var C=new MooFlow($("flow"),{useAutoPlay:true,useCaption:true,useMouseWheel:true,useKeyInput:true,useViewer:true,heightRatio:0.4,onEmptyinit:function(){this.loadJSON("showcase/showcase.txt")}});C.attachViewer();var D=new Tips(".tooltip");$("contactform").addEvent("submit",function(H){new Event(H).stop();var G="";if($("name").get("value")==""){G="Ihren vollständigen Name<br />"}if($("email").get("value")==""){G+="Ihre gültige E-Mail Adresse<br />"}if($("message").get("value")==""){G+="Ihre Nachricht<br />"}if(G==""){$("contact_inner").fade("out");var F=new Request.HTML({url:"scripts/mailer.php",update:$("contact_inner"),onComplete:function(J){$("contact_inner").fade("in")}}).post($("contactform"))}else{if($("infodiv")){$("infodiv").destroy()}var I=new Element("div",{styles:{position:"absolute",width:413,top:0,left:252,padding:10,background:"#000000",color:"#FFFFFF",border:"1px solid #FF0000"},id:"infodiv",opacity:0}).set("html","<strong>Bitte tragen Sie die fehlenden Daten ein:</strong><br />"+G+'<br /><a href="javascript:close()">>> Hinweis schließen</a>').inject($("contactform","before")).fade(0.9);(function(){I.fade("out")}).delay(5000)}})});function close(){$("infodiv").fade("out")}window.addEvent("load",function(){$("loader").setStyle("display","none");var A=new Fx.Morph($("area"),{duration:1000,transition:Fx.Transitions.Expo.easeInOut}).start({opacity:1})});