var menu1 = new Image();
menu1.src = "/img/png/tab-mouse-menu1.png";
var menu2 = new Image();
menu2.src = "/img/png/tab-mouse-menu2.png";
var menu3 = new Image();
menu3.src = "/img/png/tab-mouse-menu3.png";
var menu4 = new Image();
menu4.src = "/img/png/tab-mouse-menu4.png";
var menu5 = new Image();
menu5.src = "/img/png/tab-mouse-menu5.png";


window.addEvents({
	'domready': function(){
		/* navigatie */
		if($('navigation')){
			$$('ul#navigation li a img').each(function(el, i){
				var bgi = el.getProperty('src');
				el.addEvents({
					'mouseenter': function(){
						switch(i){
							case 0:
								el.setProperty('src', menu1.src);
								break;
							case 1:
								el.setProperty('src', menu2.src);
								break;
							case 2:
								el.setProperty('src', menu3.src);
								break;
							case 3:
								el.setProperty('src', menu4.src);
								break;
							case 4:
								el.setProperty('src', menu5.src);
								break;
								
						}
					},
					'mouseleave': function(){
						el.setProperty('src', bgi);
					}
				});
			});
		}
		
		setKrul();
	},
	'resize': function(){
		setKrul();
	}
});

setKrul = function(){
	/* achtergrond */
	var krul_coords	= $('krul').getCoordinates();
	var web_coords	= $('website').getCoordinates();
	
	$('krul').setStyles({
		'left': (web_coords.left-298+12) + 'px'
	});
}