function clearFill(wat,hoe,standaard){if(hoe=="clear"){if(wat.value==standaard){wat.value=""}}else if(hoe=="fill"){if(wat.value==""){wat.value=standaard}}}var ajax=new sack();LightboxOptions=Object.extend({fileLoadingImage:'/images/lightbox/loading.gif',overlayOpacity:0.8,animate:true,resizeSpeed:8,borderSize:10,labelImage:"",labelOf:"/"},window.LightboxOptions||{});var Lightbox=Class.create();Lightbox.prototype={imageArray:[],activeImage:undefined,initialize:function(){this.updateImageList();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 size=(LightboxOptions.animate?250:1)+'px';var objBody=$$('body')[0];objBody.appendChild(Builder.node('div',{id:'overlay'}));objBody.appendChild(Builder.node('div',{id:'lightbox'},[Builder.node('div',{id:'outerImageContainer'},[Builder.node('div',{id:'sendfriendContainer'},[Builder.node('a',{id:'topNavSendfriend',href:'#'}),Builder.node('a',{id:'topNavClose',href:'#'})]),Builder.node('div',{id:'imageContainer'},[Builder.node('img',{id:'lightboxImage'}),Builder.node('div',{id:'loading'},Builder.node('a',{id:'loadingLink',href:'#'},Builder.node('img',{src:LightboxOptions.fileLoadingImage})))]),Builder.node('div',{id:'formContainer'},[Builder.node('form',{id:'sendAFriendForm',name:'sendAFriendForm',method:'post',enctype:'multipart/form-data'},[Builder.node('div',{id:'veldContainerBuiten'},[Builder.node('div',{id:'inputNaamContainer'},[Builder.node('input',{id:'safInputField1',name:'nameSend',type:'text',value:'uw naam',onfocus:'clearFill(safInputField1, "clear", "uw naam")',onblur:'clearFill(safInputField1, "fill", "uw naam")'})]),Builder.node('div',{id:'inputEmailContainer'},[Builder.node('input',{id:'safInputField2',name:'emailSend',type:'text',value:'uw e-mailadres',onfocus:'clearFill(safInputField2, "clear", "uw e-mailadres")',onblur:'clearFill(safInputField2, "fill", "uw e-mailadres")'})]),Builder.node('div',{id:'inputOntvangerContainer'},[Builder.node('input',{id:'safInputField3',name:'nameReceive',type:'text',value:'naam ontvanger',onfocus:'clearFill(safInputField3, "clear", "naam ontvanger")',onblur:'clearFill(safInputField3, "fill", "naam ontvanger")'})]),Builder.node('div',{id:'inputMailOntvangerContainer'},[Builder.node('input',{id:'safInputField4',name:'emailReceive',type:'text',value:'e-mailadres ontvanger',onfocus:'clearFill(safInputField4, "clear", "e-mailadres ontvanger")',onblur:'clearFill(safInputField4, "fill", "e-mailadres ontvanger")'})]),Builder.node('div',{id:'inputTextareaContainer'},[Builder.node('textarea',{id:'safTextArea',name:'personalMessage',cols:'',rows:''})]),Builder.node('a',{id:'SendfriendSubmit',href:'#'})])])]),Builder.node('div',{id:'formMelding'}),Builder.node('div',{id:'numberDisplay'}),Builder.node('div',{id:'imageDataContainer'},Builder.node('div',{id:'imageData'},[Builder.node('a',{id:'bottomNavPrevButton',href:'#'}),Builder.node('a',{id:'bottomNavNextButton',href:'#'})]))])]));$('overlay').hide().observe('click',(function(){this.end()}).bind(this));$('lightbox').hide().observe('click',(function(event){if(event.element().id=='lightbox')this.end()}).bind(this));$('outerImageContainer').setStyle({width:size,height:size});$('bottomNavPrevButton').observe('click',(function(event){event.stop();this.changeImage(this.activeImage-1)}).bindAsEventListener(this));$('bottomNavNextButton').observe('click',(function(event){event.stop();this.changeImage(this.activeImage+1)}).bindAsEventListener(this));$('loadingLink').observe('click',(function(event){event.stop();this.end()}).bind(this));$('topNavClose').observe('click',(function(event){event.stop();this.end()}).bind(this));$('topNavSendfriend').observe('click',(function(event){this.showSendForm()}).bind(this));$('SendfriendSubmit').observe('click',(function(event){this.sendForm()}).bind(this));$('formContainer').hide();$('formMelding').hide();var th=this;(function(){var ids='overlay lightbox sendfriendContainer outerImageContainer imageContainer lightboxImage bottomNavPrevButton bottomNavNextButton loading loadingLink '+'imageDataContainer imageData imageDetails numberDisplay bottomNav bottomNavClose';$w(ids).each(function(id){th[id]=$(id)})}).defer()},whenLoading:function(){$('formContainer').hide();$('formMelding').show();$('formMelding').innerHTML='De foto wordt momenteel verstuurd.';return false},whenCompleted:function(){$('formMelding').innerHTML='De foto is verstuurd.';return false},sendForm:function(){var fout='';if(($('safInputField1').value=='')||($('safInputField1').value=='uw naam')){fout=fout+'- Uw naam\n'}if(($('safInputField2').value=='')||($('safInputField2').value=='uw e-mailadres')){fout=fout+'- Uw e-mailadres\n'}if(($('safInputField3').value=='')||($('safInputField3').value=='naam ontvanger')){fout=fout+'- Naam ontvanger\n'}if(($('safInputField4').value=='')||($('safInputField4').value=='e-mailadres ontvanger')){fout=fout+'- E-mailadres ontvanger\n'}if(fout==''){ajax.requestFile="/sendfriend.php";ajax.method="post";ajax.setVar("nameSend",$('safInputField1').value);ajax.setVar("emailSend",$('safInputField2').value);ajax.setVar("nameReceive",$('safInputField3').value);ajax.setVar("emailReceive",$('safInputField4').value);ajax.setVar("Bericht",$('safTextArea').value);ajax.setVar("fotoid",this.imageArray[this.activeImage][3]);ajax.setVar("Afbeelding",this.imageArray[this.activeImage][0]);ajax.setVar("Thumb",this.imageArray[this.activeImage][2]);ajax.setVar("link",$('link').value);ajax.onLoading=this.whenLoading;ajax.onCompletion=this.whenCompleted;ajax.runAJAX()}else{alert('U hebt de volgende velden nog niet correct ingevuld: \n\n'+fout)}},showSendForm:function(){$('topNavSendfriend').hide();$('numberDisplay').hide();$('imageDataContainer').hide();$('formMelding').hide();$('formContainer').show()},showImageForm:function(){$('formContainer').hide();$('imageDataContainer').show();$('topNavSendfriend').show()},updateImageList:function(){this.updateImageList=Prototype.emptyFunction;document.observe('click',(function(event){var target=event.findElement('a[rel^=lightbox]')||event.findElement('area[rel^=lightbox]');if(target){event.stop();this.start(target)}}).bind(this))},start:function(imageLink){$$('select','object','embed').each(function(node){node.style.visibility='hidden'});var arrayPageSize=this.getPageSize();$('overlay').setStyle({width:arrayPageSize[0]+'px',height:arrayPageSize[1]+'px'});new Effect.Appear(this.overlay,{duration:this.overlayDuration,from:0.0,to:LightboxOptions.overlayOpacity});this.imageArray=[];this.thumbArray=[];this.idArray=[];var imageNum=0;if((imageLink.rel=='lightbox')){this.imageArray.push([imageLink.href,imageLink.title,imageLink.alt,imageLink.id])}else{this.imageArray=$$(imageLink.tagName+'[href][rel="'+imageLink.rel+'"]').collect(function(anchor){return[anchor.href,anchor.title,anchor.alt,anchor.id]}).uniq();while(this.imageArray[imageNum][0]!=imageLink.href){imageNum++}}var arrayPageScroll=document.viewport.getScrollOffsets();var lightboxTop=arrayPageScroll[1]+(document.viewport.getHeight()/20);var lightboxLeft=arrayPageScroll[0];this.lightbox.setStyle({top:lightboxTop+'px',left:lightboxLeft+'px'}).show();this.changeImage(imageNum)},changeImage:function(imageNum){this.showImageForm();$('formMelding').hide();this.activeImage=imageNum;if(LightboxOptions.animate)this.loading.show();this.lightboxImage.hide();this.bottomNavPrevButton.hide();this.bottomNavNextButton.hide();this.imageDataContainer.setStyle({opacity:.0001});this.sendfriendContainer.setStyle({opacity:.0001});this.numberDisplay.setStyle({opacity:.0001});var imgPreloader=new Image();imgPreloader.onload=(function(){this.lightboxImage.src=this.imageArray[this.activeImage][0];this.resizeImageContainer(imgPreloader.width,imgPreloader.height)}).bind(this);imgPreloader.src=this.imageArray[this.activeImage][0]},resizeImageContainer:function(imgWidth,imgHeight){var widthCurrent=this.outerImageContainer.getWidth();var heightCurrent=this.outerImageContainer.getHeight();var widthNew=(imgWidth+(LightboxOptions.borderSize*2));var heightNew=(imgHeight+(LightboxOptions.borderSize*2));if(widthNew<350){widthNew=350}var heightTopMenu=this.sendfriendContainer.getHeight();var heightBottomMenu=this.imageDataContainer.getHeight();heightNew=heightNew+heightBottomMenu+heightTopMenu+LightboxOptions.borderSize;var xScale=(widthNew/widthCurrent)*100;var yScale=(heightNew/heightCurrent)*100;var wDiff=widthCurrent-widthNew;var hDiff=heightCurrent-heightNew;if(hDiff!=0)new Effect.Scale(this.outerImageContainer,yScale,{scaleX:false,duration:this.resizeDuration,queue:'front'});if(wDiff!=0)new Effect.Scale(this.outerImageContainer,xScale,{scaleY:false,duration:this.resizeDuration,delay:this.resizeDuration});var timeout=0;if((hDiff==0)&&(wDiff==0)){timeout=100;if(Prototype.Browser.IE)timeout=250}(function(){this.imageDataContainer.setStyle({width:widthNew+'px'});this.sendfriendContainer.setStyle({width:widthNew+'px'});this.showImage()}).bind(this).delay(timeout/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.length>1)&&(this.imageArray[this.activeImage][1]!="")){this.numberDisplay.update(this.imageArray[this.activeImage][1]+' -'+LightboxOptions.labelImage+' '+(this.activeImage+1)+' '+LightboxOptions.labelOf+'  '+this.imageArray.length).show()}else{this.numberDisplay.update(LightboxOptions.labelImage+' '+(this.activeImage+1)+' '+LightboxOptions.labelOf+'  '+this.imageArray.length).show()}new Effect.Parallel([new Effect.Appear(this.imageDataContainer,{sync:true,duration:0,from:1.0,to:1.0}),new Effect.Appear(this.numberDisplay,{sync:true,duration:this.resizeDuration}),new Effect.Appear(this.sendfriendContainer,{sync:true,duration:this.resizeDuration})],{duration:this.resizeDuration,afterFinish:(function(){var arrayPageSize=this.getPageSize();this.overlay.setStyle({height:arrayPageSize[1]+'px'});this.updateNav()}).bind(this)})},updateNav:function(){if(this.activeImage>0)this.bottomNavPrevButton.show();if(this.activeImage<(this.imageArray.length-1))this.bottomNavNextButton.show();this.enableKeyboardNav()},enableKeyboardNav:function(){document.observe('keydown',this.keyboardAction)},disableKeyboardNav:function(){document.stopObserving('keydown',this.keyboardAction)},keyboardAction:function(event){var keycode=event.keyCode;var escapeKey;if(event.DOM_VK_ESCAPE){escapeKey=event.DOM_VK_ESCAPE}else{escapeKey=27}},preloadNeighborImages:function(){var preloadNextImage,preloadPrevImage;if(this.imageArray.length>this.activeImage+1){preloadNextImage=new Image();preloadNextImage.src=this.imageArray[this.activeImage+1][0]}if(this.activeImage>0){preloadPrevImage=new Image();preloadPrevImage.src=this.imageArray[this.activeImage-1][0]}},end:function(){$('formContainer').hide();this.disableKeyboardNav();this.lightbox.hide();new Effect.Fade(this.overlay,{duration:this.overlayDuration});$$('select','object','embed').each(function(node){node.style.visibility='visible'})},getPageSize:function(){var xScroll,yScroll;if(window.innerHeight&&window.scrollMaxY){xScroll=window.innerWidth+window.scrollMaxX;yScroll=window.innerHeight+window.scrollMaxY}else if(document.body.scrollHeight>document.body.offsetHeight){xScroll=document.body.scrollWidth;yScroll=document.body.scrollHeight}else{xScroll=document.body.offsetWidth;yScroll=document.body.offsetHeight}var windowWidth,windowHeight;if(self.innerHeight){if(document.documentElement.clientWidth){windowWidth=document.documentElement.clientWidth}else{windowWidth=self.innerWidth}windowHeight=self.innerHeight}else if(document.documentElement&&document.documentElement.clientHeight){windowWidth=document.documentElement.clientWidth;windowHeight=document.documentElement.clientHeight}else if(document.body){windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight}if(yScroll<windowHeight){pageHeight=windowHeight}else{pageHeight=yScroll}if(xScroll<windowWidth){pageWidth=xScroll}else{pageWidth=windowWidth}return[pageWidth,pageHeight]}}