document.observe("dom:loaded", function(event) {
	// Alle links met een class 'externe-link' openen in een nieuw venster
	$$('a.externe-link, a[rel*=external]').each( function(el) {
		el.target =  '_blank';
	});
	
	// Items in hoofdmenu krijgen class zodat submenu werkt in ie6
	$$('ul.submenu li.level1').each( function(el) {
		Event.observe( el, 'mouseover', function() {
			el.addClassName('hover-ie');
		});
		Event.observe( el, 'mouseout', function() {
			el.removeClassName('hover-ie');
		});
	});
	
	// Tekstvelden vullen
	setValue( $('zoeken-q'), 'zoeken...' );
	
	// Print-optie toevoegen
	var lijst = $('opties');
	if (lijst) {
		var url = getStrippedUrl() + '?actie=print';
		var item = new Element('li');
		
		var link = new Element('a', {
			'id': 'print',
			'class': 'none',
			'href': url
		}).update('Print pagina').observe ( 'click' , function( event ) {
			event.stop();
			print(url);			
		});
		item.appendChild(link);
		lijst.appendChild(item);
	}
	
	// Alle items met class 'inklapbaar' nagaan en die een extra
	// class 'ingeklapt' geven
	$$('.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');
			});
		}
	});
	
	//Klikbare items mogen hieronder
	clickable ( 'ul.meer li', 'hover' );
	clickable ( 'dd.vacature', 'vacature-hover' );
	clickable ( 'div.decentraal div.item', 'item-hover' );
	
	/*	Hoofdmenu items
	var default_menu_id;
	$$('ul.hoofdmenu li').each( function( li ) {
		
		Event.observe( li, 'mouseover', function() {
			if(li.fuse)
				clearTimeout(li.fuse);
			
			li.addClassName('hover');			
		});
		
		Event.observe( li, 'mouseout', function() {
			if(li.fuse)
				clearTimeout(li.fuse);
			
			li.fuse = setTimeout( function() {
					this.removeClassName('hover')
			}.bind(li), 0);
		});

		
		var a = li.down('a');
		if ( a && a.hasClassName('active') ) {			
			default_menu_id	= a.readAttribute('rel');
			//console.log( default_menu_id );
		}
		
		li.observe( 'mouseover' , function( event ) {			
			$$('div.submenu-container').each( function( div ) {
				if ( !div.hasClassName( 'invisible' ) )
					div.addClassName( 'invisible' );
			});			
			if ( $(a.readAttribute('rel')) )
				$(a.readAttribute('rel')).removeClassName( 'invisible' );
		});
		
	});*/
	
	//	IE-6 tool voor uitklappen menu:
	$$('ul.submenu li').each( function( li ) {		
		li.observe( 'mouseover' , function( event ) {
			if ( li.down('ul.level1') )
				li.down('ul.level1').addClassName('hover-ie');
		});
		li.observe( 'mouseout' , function( event ) {
			if ( li.down('ul.level1') )
				li.down('ul.level1').removeClassName('hover-ie');
		});
	});
	$$('ul.submenu li ul.level1 li').each( function( li ) {		
		li.observe( 'mouseover' , function( event ) {
			if ( li.down('ul.level2') )
				li.down('ul.level2').addClassName('hover-ie');
		});
		li.observe( 'mouseout' , function( event ) {
			if ( li.down('ul.level2') )
				li.down('ul.level2').removeClassName('hover-ie');
		});
	});
	
});

function getStrippedUrl() {
	var url = location.href;
	var 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;
		});
	}
}

//Zoekt naar elementen met class die wordt meegegeven met eerste parameter
//Haalt per element eerste <a> op en haalt link uit die <a> en zet 'm onclick
//op het element. Verder wordt onmouseover een class (tweede paramter) aan het
//element toegevoegd
function clickable( selector, classnameHover ) {
	$$(selector).each( function(el) {
		var anchors = el.getElementsBySelector('a');
		//var link = anchors[0] ? anchors[0] : '';
		
		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);
		});
	});
}