document.observe("dom:loaded",function(event){setSubmenuIllustrator();$$('.js-pulsate').each(function(el){el.childElements().each(function(element){Effect.Pulsate(element,{pulses:2,duration:1})})});$$('a.externe-link, a[rel*=external]').each(function(el){el.target='_blank'});$$('ul#hoofdmenu li.level1').each(function(el){Event.observe(el,'mouseover',function(){el.addClassName('hover-ie')});Event.observe(el,'mouseout',function(){el.removeClassName('hover-ie')})});$$('.stippen ul').each(function(el){Event.observe(el,'mouseover',function(){el.addClassName('hover-ie')});Event.observe(el,'mouseout',function(){el.removeClassName('hover-ie')})});setValue($('zoeken-q'),'zoeken...');var division=$('opties');if(division){var url=getStrippedUrl()+'?actie=print',item=new Element('li'),link=new Element('a',{id:'print','class':'none',href:url}).update('Print pagina').observe('click',function(event){event.stop();print(url)});item.appendChild(link);division.appendChild(item)};$$('.inklapbaar').each(function(el){el.addClassName('ingeklapt');var heading2=null;if(heading2=el.select('h2')[0])Event.observe(heading2,'click',function(event){el.toggleClassName('uitgeklapt')})});clickable('.element','clickable-hover');clickable('#submenu-links li','hover');clickable('#laatste-projecten ul li','hover');clickable('.corporaties','corporaties-hover');clickable('.onderwijs','onderwijs-hover');clickable('.overheden','overheden-hover');clickable('.vastgoed','vastgoed-hover');clickable('.bedrijven','bedrijven-hover');clickable('.zorg','zorg-hover');clickable('.mfa','mfa-hover');clickable('.medewerkers li','hover');$$('.scroll-container').each(function(containerdiv){scrollArea=containerdiv.down('.scrollarea');scrollArea.animationStopped=false;scrollArea.setStyle({width:'6000px',marginLeft:containerdiv.down('.scroll-content').getWidth()+'px'});scrollButtons=containerdiv.select('#dots li');scrollArea.goToElement=function(index){this.currentElementIndex=index;var ml=0;for(var i=0;i<index;i++)ml+=containerdiv.select('.scroll-content')[i].getWidth()+parseInt(containerdiv.select('.scroll-content')[i].getStyle('margin-right'));new Effect.Morph(this,{style:'margin-left:-'+ml+'px;',duration:1});scrollButtons.each(function(el){el.down('a').removeClassName('active')});scrollButtons[this.currentElementIndex].down('a').addClassName('active')};scrollArea.goToPrevious=function(){if(this.currentElementIndex>0){return this.goToElement(this.currentElementIndex-1)}else return this.goToElement(containerdiv.select('.scroll-content').length-1)};scrollArea.goToNext=function(){if(this.currentElementIndex<containerdiv.select('.scroll-content').length-1){return this.goToElement(this.currentElementIndex+1)}else return this.goToElement(0)};scrollArea.goToElement(0);scrollArea.play=function(){if(this.animationStopped)return;this.goToNext();this.play.bind(this).delay(8)};scrollArea.play.bind(scrollArea).delay(8);scrollButtons.each(function(el,index){el.observe('click',function(event){event.stop();this.animationStopped=true;this.goToElement(index)}.bind(scrollArea))});containerdiv.down('.prev').observe('click',function(event){event.stop();this.animationStopped=true;this.goToPrevious()}.bind(scrollArea));containerdiv.down('.next').observe('click',function(event){event.stop();this.animationStopped=true;this.goToNext()}.bind(scrollArea))});$$('div.medewerkers a').each(function(el){Event.observe(el,'mouseover',function(event){el.addClassName('hover')});Event.observe(el,'mouseout',function(event){el.removeClassName('hover')})})});Event.observe(window,"load",function(event){setBorderIllustrator()});Event.observe(window,"resize",function(event){setBorderIllustrator();setSubmenuIllustrator()})
function getStrippedUrl(){var url=location.href,index=url.lastIndexOf('#');return url.substr(0,index)}
function print(url){popup=window.open(url,"help","width=720, height=700, top=100, left=100, toolbar=0, resizable=1, scrollbars=1, status=0.menubar=0, location=0, directories=0");popup.focus()}
function setValue(el,nieuwevalue){if(el!==null&&el.value==''){el.setAttribute('value',nieuwevalue);Event.observe(el,'focus',function(){if(el.value==nieuwevalue)el.value=''});Event.observe(el,'blur',function(){if(el.value=='')el.value=nieuwevalue})}}
function clickable(selector,classnameHover){$$(selector).each(function(el){var anchors=el.getElementsBySelector('a');if(anchors[0])Event.observe(el,'click',function(event){location.href=anchors[0]});Event.observe(el,'mouseover',function(event){el.addClassName(classnameHover)});Event.observe(el,'mouseout',function(event){el.removeClassName(classnameHover)})})}
function setSubmenuIllustrator(){var submenu=null,submenuIllustrator=null;if((submenu=$('blokken'))&&(submenuIllustrator=$('border-illustrator'))){var containerBreedte=getContainerBreedte(),container=null;if(container=$$('div.container')[0])containerBreedte=parseInt(container.getStyle('width'));var viewportBreedte=document.viewport.getWidth(),breedte=viewportBreedte>containerBreedte?(document.viewport.getWidth()-containerBreedte)/2:0;breedte=breedte.ceil();submenuIllustrator.setStyle({backgroundColor:submenu.getStyle('backgroundColor'),display:'block',height:submenu.getHeight()+'px',top:submenu.cumulativeOffset().top+'px',width:breedte+'px'})}}
function getContainerBreedte(){var containerBreedte=960,container=null;if(container=$$('div.container')[0])containerBreedte=parseInt(container.getStyle('width'));return containerBreedte}
function getSideBreedte(containerBreedte){var viewportBreedte=document.viewport.getWidth(),breedte=viewportBreedte>containerBreedte?(viewportBreedte-containerBreedte)/2:0;return breedte.ceil()}
function setBorderIllustrator(){var illustratiesRechts=null;if(illustratiesRechts=$$('p.payoff')){var containerBreedte=getContainerBreedte(),breedte=getSideBreedte(containerBreedte),left=document.viewport.getWidth()-breedte-5;illustratiesRechts.each(function(ill){var illustrator=new Element('div',{'class':'border-illustrator'}).update('&nbsp'),height=ill.getStyle('border-top-width');illustrator.setStyle({backgroundColor:ill.getStyle('border-top-color'),height:height,left:left+'px',lineHeight:height,top:ill.cumulativeOffset().top+'px',width:breedte+5+'px'});if($('container'))$('container').up('body').appendChild(illustrator)})}}
function populate(t){if(t.value==0){$$('#logos a').each(function(el,e){el.setStyle({display:'block'})})}else $$('#logos a').each(function(el){el.setStyle({display:'block'});if(!el.hasClassName('cat-'+t.value))el.setStyle({display:'none'})})}
