document.observe("dom:loaded", function(event) {
	// Alle links met een class 'externe-link' openen in een nieuw venster
	$$('a.externe-link').each( function(el) {
		el.target =  '_blank';
	});
	
	// Tekstvelden vullen
	setValue( $('zoekformulier-q'), 'zoeken binnen de website' );
	setValue( $('input-email'), 'e-mailadres' );
	setValue( $('input-ww'), 'wachtwoord' );
	setValue( $('input-bel-me-telefoonnummer'), 'telefoonnummer' );
	
	// Alle velden van type == 'password' veranderen naar
	// type = 'text' en onfocus weer terug naar password
	$$('input[type="password"]').each( function(el) {
		//el.setAttribute('type', 'text');
		Event.observe(el, 'focus', function(){
			el.type = 'password';
		});
	});
	
	// Class aan <tr>'s van <table>'s toevoegen zodra je over <tr>
	// hovert
	$$('table.hovers tr').each( function(el) {
		if( !el.hasClassName('details') ) {
			Event.observe(el, 'mouseover', function(event) {
				el.addClassName('hover');
			});
			Event.observe(el, 'mouseout', function(event) {
				el.removeClassName('hover');
			});
		}
	});
	
	// Tooltips
	$$('a.tooltip').each( function(el) {
		Event.observe(el, 'click', function(event) {
			if( el.next('div.tooltip').getStyle('display') == 'none')
			el.next('div').setStyle({
			  display: 'inline'
			});
			else
			el.next('div').setStyle({
			  display: 'none'
			});
		});
	});
	
	$$('a.close').each( function(el) {
		Event.observe(el, 'click', function(event) {
			el.up('div.tooltip').setStyle({
			  display: 'none'
			});
		});
	});
	

	// 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);
		lijst.insert( { top: item } );
	}
	
	// Alle blokken met de class 'clickable-block' mouseover onhover geven,
	// eerste <a> ophalen en onclick naar die link sturen
	$$('div.clickable-block').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('clickable-hover');
		});
		Event.observe(el, 'mouseout', function(event) {
			el.removeClassName('clickable-hover');
		});
	});
});

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;
		});
	}
}

function toggleQuestion(o) {
	o.className = (o.className == 'ingeklapt') ? 'uitgeklapt' : 'ingeklapt';
}