// Event dat wordt getriggerd als het DOM is geladen
	window.addEvent('domready',function(){
		// scroll effect toeveogen aan de window
		window.fx=new Fx.Scroll(window);
		// logo animatie opstarten
		ini_logo();
		// livesearch opstarten (als er een element is met class="LiveS")
		ini_livesearch();
		// googlemaps opstarten
		ini_googlemap();
		// element hoogstes aanpassen voor het grid
		ini_resize();
		
		// zoekveld waarde aanpassen a.h.v. focus
		$('qry').addEvent('focus',function(){this.value=''});
		$('qry').addEvent('blur',function(){this.value='zoeken...'});
		
		// window resize event verwerken via win_resize, met een vertraging van 1/40 sec.
		window.addEvent('resize',function(){
			win_resize.delay(40);
		});
		
		// als window eerder geladen is dan de vorige functies zijn afgerond
		if(_ld){
			_load();	
		}
		_dom=true;
		
	});
	
	window.addEvent('load',function(){
		// als window is geladen en de Domready functies zijn doorlopen
		if(_dom){
			_load();
		}
		_ld=true;
	});
	
	window.addEvent('scroll',function(){
		_scroll.delay(40);
	});
	
	function _load(){
		win_resize();
		// menu logo animeren
		$('logo').getElement('.ani_logo').fx.start('top','-63px');
		// slideshow initialiseren
		if($('ss') && (!$('mask') || $$('.project')))ini_SlideShow($('ss'));
		// archief accordeon initialiseren
		ini_accr();
		// .png's fixen voor IE6
		if(ie==6){
			fixPng();
			fix_agenda_items();
		}
	}
	

	// marges aanpassen zodat content binnen het grid valt
	// waardes moeten zowel horizontaal als verticaal 2 overhouden als ze door 4 worden gedeeld
	function win_resize(){
		// #wrapper is container hoofd content
		var x=$('wrapper').getPosition().x;
		var n=x%4;
		if(n!=2){
			$('cont').setStyle('left',172+(2-n)+'px');
			if(x%4>2){
				$('menu_l').setStyle('left','-1px');
				$('menu_r').setStyle('right','9px');
			}else{
				$('menu_l').setStyle('left',(2-n)+'px');
				$('menu_r').setStyle('right',8-(2-n)+'px');
			}
			
		}else{
			$('menu_l').setStyle('left','0px');
			$('menu_r').setStyle('right','8px');
			$('cont').setStyle('left','172px');
		}
		
		// .popup is container popup laag
		var popup=$(document.body).getElement('.popup');
		if(popup){
			var x=popup.getPosition(window).x;
			var n=x%4;
			if(n){
				$('popup_wrap').setStyle('margin-left',(-n+48)+'px');
			}else{
				$('popup_wrap').setStyle('margin-left','44px');
			}
		}
	}
	
	//vanwege grid window altijd zo scrollen dat d
	function _scroll(){
		var y=window.getScroll().y;
			if(y%4){
				y=Math.floor(y/4)*4;
				window.fx.set(window.getScroll().x,y);
			}
	}
	
	function ini_resize(){
		$$('.rz').each(function(rz){
			var y=rz.getComputedSize({'mode':'vertical'}).height;
			if(y%4!=2){
				y=Math.ceil(y/4)*4;
				y+=2;
				rz.setStyle('height',y+'px');
			}else{
				rz.setStyle('height',y+'px');
			}
		});
	}
	
	
	function ini_logo(n){
		var logo=$('logo').getElement('.ani_logo');
		logo.fx=new Fx.Tween(logo,{'duration':750});
		logo.fx.set('top','-24px');
	}
	
	// accordeon achtige functie
	function ini_accr(){
		$$('.accr').each(function(ac){
			ac.getPrevious('.accr_hd').getElements('a').each(function(a){
				a.ob=ac;
				a.act=((a.ob.getStyle('height')!='0px')? true : false);
				a.img=a.getElement('img');
				a.addEvent('click',function(e){
					if(e!='')new Event(e).stop();
					if(this.act){
						this.ob._hide();
						this.img.src=String(this.img.src).split('_da').join('');
					}else{
						this.ob._show();
						this.img.src=String(this.img.src).split('arrow').join('arrow_da');
					}
					this.act=((this.act)? false : true);
				});
				if(a.act)a.img.src=String(a.img.src).split('arrow').join('arrow_da');
			});
			ac.tween=new Fx.Tween(ac);
			ac.th=0;
			ac.getElements('span').each(function(sp){
				var y=parseInt(sp.getSize().y);
				if(y>ac.th)ac.th=y;
			});
			if(ac.th%4!=2){
				ac.th=Math.ceil(ac.th/4)*4;
			}
			ac._hide=function(){
				this.tween.start('height',0);
			}
			ac._show=function(){
				this.tween.start('height',this.th);
			}
		});
	}
	
	// achtegrond aanpassen van medium agenda item
	function fix_agenda_items(){
		$$('.medium').each(function(m){
			var dim=m.getElement('img').getSize();
			m.getElement('.bd').setStyle('width',dim.x+'px')
			m.getElement('.bg1').setStyle('height',(dim.y-72)+'px');
			var bg=m.getElement('.bg2');
			var y=bg.getNext('.txt').getSize().y;
			bg.setStyles({'height':y+'px','width':(dim.x-115)+'px'})
			//m.getElement('.bg1').each(function(bg){
			//bg.setStyle('height',(bg.getParent().getSize().y-72)+'px');
		//});
		/*$$('.bg2').each(function(bg){
			var dim=bg.getNext('.txt').getSize();
			//bg.setStyle('width',(bg.getParent().getParent().getElement('img').getSize().x-115)+'px');
			//bg.setStyles({'height':dim.y+'px'});
		});*/
		});
		
		$$('.large').each(function(l){
			var w=l.getSize().x;
			l.getElement('.bd').setStyle('width',w+'px');
			l.getElement('.bg').setStyle('width',(w-160)+'px');
			l.getElement('p').setStyle('width',(w-178)+'px');
		});
	}
	
	function fixPng(){
		// afbeelding vervangen door span, en Microsoft filter toepassen
		$(document.body).getElements('.pngFix').each(function(ob){												  
			var w=((ob.width)? ob.width : ob.getSize().x+'px');
			var h=((ob.height)? ob.height : ob.getSize().y+'px');
			var sp=new Element('span',{'styles':{
				'width':w,
				'height':h,
				'display':'block',
				'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+ob.src+'\', sizingMethod=\'scale\')'
			}});
			sp.replaces(ob);
		});
	}