document.observe("dom:loaded", function(event) {
	makeClickable('.clickable', 'hover');
	
	$$('a.externe-link, a.js-externe-link, a[rel*=external], a[href^="http:"]').each( function(el) {
		if( !el.hasClassName('js-internal') ) {
			el.target =  '_blank';
		}
	});
	
	$$('a.mail').each( function(el) {
		var email = el.get('text').replace(/([a-z0-9._%-]+)\+([a-z0-9._%-]+)\+([a-z.]+)/i, '$1' + '@' + '$2' + '.' + '$3');
		email = rot13( email );
		el.set( 'href', 'mailto: ' + email );
		el.set( 'text', email );
	});
	
	$$('a.fotoblok-thumb').each(function(el){
		Event.observe(el, 'click', function(event) {
			event.stop();
			imgid = el.id.replace("thumb", "big");
			$('fotoblok-groot').childElements('a').each(function(big){
				big.addClassName('invisible');
			});
			$(imgid).removeClassName('invisible');
			
		});
	})
	
	
	// Items in hoofdmenu krijgen class zodat submenu werkt in ie6
	var menudelay = 1;
	var menudelay_id;
	var menudelayed;
	$$('ul#nav-level2 li.level2').each( function(el) {
		Event.observe( el, 'mouseover', function() {
			if(menudelay_id > 0) {
				window.clearTimeout(menudelay_id);
				menudelayed.removeClassName( 'hover-ie' );
			}
			
			el.addClassName('hover-ie');
			// todo: if element has child div.dropdown (werk de ronde hoekjes in het menu tab - onderkant- weg)
			//el.addClassName('has-dropdown');
			
		});
		Event.observe( el, 'mouseout', function() {
			// Element.removeClassName('has-dropdown');
			menudelay_id = Element.removeClassName.delay( menudelay, el, 'hover-ie' );
			menudelayed = el;
		});
	});	
	
	// Opacity hover voor islider thumbnails
	$$('div.islider-item a img').each( function(el) {
		
		el.observe( 'mouseover', function(event) {	
			if ( !el.up('a').hasClassName('active') )
				new Effect.Opacity(el, {duration:0.5, from:0.4, to:1});
		});
		el.observe( 'mouseout', function(event) {
			if ( !el.up('a').hasClassName('active') )
				new Effect.Opacity(el, 
					{duration:0.5, 
						from:1, 
						to:0.4, 
						afterFinish: function() { 
							el.setStyle('opacity:');
						}
					}
				)
		});
		
	});
	
	makeClickable('.js-clickable', 'js-hover');
});

// Bron: http://tornio.info/rot13.html
function rot13init() {
	var map = new Array();
	var s   = "abcdefghijklmnopqrstuvwxyz";
  
	for (i=0; i<s.length; i++)
		map[s.charAt(i)] = s.charAt((i+13)%26);
	for (i=0; i<s.length; i++)
		map[s.charAt(i).toUpperCase()] = s.charAt((i+13)%26).toUpperCase();
	return map;
}

// Bron: http://tornio.info/rot13.html
function rot13(a) {
	rot13map=rot13init();
	var s = "";
	for (i=0; i<a.length; i++) {
		var b = a.charAt(i);
		s += (b>='A' && b<='Z' || b>='a' && b<='z' ? rot13map[b] : b);
	}
  return s;
}


makeClickable('.clickable','hover');

//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 makeClickable( selector, classnameHover ) {
	$$(selector).each( function(el) {
		var anchorElement = el.down('a.target');
		if( anchorElement ) {
			if( anchorElement.hasClassName('externe-link') ) {
				Event.observe(el, 'click', function(event) {
					window.open( anchorElement );
				});
			} else {
				Event.observe(el, 'click', function(event) {
					location.href = anchorElement;
				});
			}
		}
		
		Event.observe(el, 'mouseover', function(event) {
			el.addClassName(classnameHover);
		});
		Event.observe(el, 'mouseout', function(event) {
			el.removeClassName(classnameHover);
		});
	});
}

/*
var ProductMenu = Class.create({
	initialize: function(id){
		this.hideAll();
		this.setListeners();
	},

	hideAll: function(){
		$$('ul.productcategory').invoke('hide');
	},

	setListeners: function(){
		$$('li.level2 a').each(function(submenu){
			submenu.observe('mouseover', function(evt){
				evt.stop();
				if(!submenu.hasClassName('uitgeklapt')){
					Effect.BlindDown(submenu.next('ul.productcategory'), {
						duration: 0.3,
						afterFinish: function(){
						submenu.addClassName('uitgeklapt');
						}
					});
				}
			});
			
			submenu.observe('mouseout', function(evt){
				evt.stop();
				submenu.removeClassName('uitgeklapt');
				//vraag.next('ul.productcategory').hide();
			});
		});
	}
});

document.observe('dom:loaded', function(){
	new ProductMenu();
});
*/