Event.observe(window, 'load', function(event) {
	if (Prototype.Browser.IE) {
		$$('img').each(function(el){
			el.setAttribute('alt', '');
		});
	}
	
	// Alle links met een class 'externe-link' openen in een nieuw venster
	$$('a.externe-link').each( function(el) {
		el.target =  '_blank';
	});
	
	// Items in hoofdmenu en alle tr's krijgen class zodat hover werkt in ie6
	$$('ul#hoofdmenu li.level1', 'tr').each( function(el) {
		Event.observe( el, 'mouseover', function() {
			el.addClassName('hover-ie');
		});
		Event.observe( el, 'mouseout', function() {
			el.removeClassName('hover-ie');
		});
	});
	
	// Hyperlinks in het hoofdmenu met een rel-attribuut
	// correseponderen met een <a> die dezelfde id-waarde
	// heeft
	$$('a[rel]').each( function(element) {
		var relwaarde = element.rel;
		if( $(relwaarde) ) {

			Event.observe(element, 'mouseover', function(event) {
				$(relwaarde).addClassName('hover');
				contacBehaviour( $(relwaarde), 'mouseover' );
			});
			Event.observe(element, 'mouseout', function(event) {
				$(relwaarde).removeClassName('hover');
				contacBehaviour( $(relwaarde), 'mouseout' );
			});
		}
	});
	
	// Alle <a>'s in een overzicht krijgen een class onhover
	$$('#overzicht a', '.relative a.contact').each( function(element) {
		Event.observe(element, 'mouseover', function(event) {
			this.addClassName('hover');
			contacBehaviour( element, 'mouseover' );
		});
		Event.observe(element, 'mouseout', function(event) {
			this.removeClassName('hover');
			contacBehaviour( element, 'mouseout' );
		});
	});
	
	$$('a[id^=item_]').each( function(anchorid) {
		var link = null;
		$$('a[rel]').each( function(anchorrel) {
			if( anchorrel.rel == anchorid.id )
				link = anchorrel;
		});
		
		if( link ) {
			Event.observe(anchorid, 'mouseover', function(event) {
				link.addClassName('hover');
			});
			Event.observe(anchorid, 'mouseout', function(event) {
				link.removeClassName('hover');
			});
		}
	});

});

function contacBehaviour( el, event ) {
	var contactspan = el.down();
	if( contactspan && contactspan.hasClassName('overlay-contact'))
		if( event == 'mouseover' )
			contactspan.setStyle({ 'display': 'block' });
		else if( event == 'mouseout' )
			contactspan.setStyle({ 'display': 'none' });
}