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';
	});
	
	// Items in hoofdmenu krijgen class zodat submenu werkt in ie6
	$$('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');
		});
	});
	
	// Print-optie toevoegen
	var kolomRechts = $('kolom-rechts');
	if (kolomRechts) {
		var url = getStrippedUrl() + '?actie=print';
		var ulElement = new Element('ul', { id: 'opties' } );
		var item = new Element('li');
		
		/**
		 * Tekst van hyperlink komt uit view.tpl (vanwege $this->l())
		 */
		var link = new Element('a', {
			'id': 'print',
			'class': 'none',
			'href': url
		}).update( documentPrinten ).observe ( 'click' , function( event ) {
			event.stop();
			print(url);			
		});
		item.appendChild(link);
		ulElement.appendChild(item);
		kolomRechts.insert( { top: ulElement });
	}
	
	// Alle blokken met de class 'clickable-block' mouseover onhover geven,
	// eerste <a> ophalen en onclick naar die link sturen
	clickable('.front-blok-met-inhoud', 'clickable-hover');
	clickable('.nieuws-item', 'clickable-hover');
	clickable('.project', 'clickable-hover');
	clickable('.front-item', 'clickable-item-hover');
	clickable('dl.zieook', 'zieook-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();
}

// 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) {
				if ( anchors[0].hasClassName( 'externe-link' ) ) {
					window.open( anchors[0].readAttribute( 'href' ) );
				} else {
					location.href = anchors[0];
				}
				Event.stop( event );
			});
		}
		
		Event.observe(el, 'mouseover', function(event) {
			el.addClassName(classnameHover);
		});
		Event.observe(el, 'mouseout', function(event) {
			el.removeClassName(classnameHover);
		});
	});
}