window.addEvent('domready', function() {
	
	//// Project front
	
	var elWeb = $('projectFrontWebImage');
	var elWebBack = $('projectFrontWebImageHover');
	$('projectFrontWeb').addEvent('mouseover', function() {
		elWebBack.setAttribute('style', 'display: block;');
		elWeb.set('tween', {duration: 125});
		elWeb.fade(0);
	});
	$('projectFrontWeb').addEvent('mouseout', function() {
		elWeb.set('tween', {duration: 125});							
		elWeb.fade(1);
	});
	
	var elPrint = $('projectFrontPrintImage');
	var elPrintBack = $('projectFrontPrintImageHover');
	$('projectFrontPrint').addEvent('mouseover', function() {
		elPrintBack.setAttribute('style', 'display: block;');		
		elPrint.set('tween', {duration: 125});
		elPrint.fade(0);
	});
	$('projectFrontPrint').addEvent('mouseout', function() {
		elPrint.set('tween', {duration: 125});							
		elPrint.fade(1);
	});
	
	var elEvent = $('projectFrontEventImage');
	var elEventBack = $('projectFrontEventImageHover');
	$('projectFrontEvent').addEvent('mouseover', function() {
		elEventBack.setAttribute('style', 'display: block;');
		elEvent.set('tween', {duration: 125});
		elEvent.fade(0);
	});
	$('projectFrontEvent').addEvent('mouseout', function() {
		elEvent.set('tween', {duration: 125});							
		elEvent.fade(1);
	});
	
	
	//// Navigatie
	
	var knopOverOns = $('knopOverOnsHome');
	var knopWeb = $('knopWeb');
	var knopPrint = $('knopPrint');
	var knopEvent = $('knopEvent');
	
	///// Knop Over Ons
	
	knopOverOns.addEvent('mouseover', function() {
		knopWeb.set('tween', {duration: 125});
		knopWeb.fade(0.5);
		knopPrint.set('tween', {duration: 125});
		knopPrint.fade(0.5);
		knopEvent.set('tween', {duration: 125});
		knopEvent.fade(0.5);
		
	});
	knopOverOns.addEvent('mouseout', function() {
		knopWeb.set('tween', {duration: 125});
		knopWeb.fade(1);
		knopPrint.set('tween', {duration: 125});
		knopPrint.fade(1);
		knopEvent.set('tween', {duration: 125});
		knopEvent.fade(1);
	});
	

	///// Knop Web
	
	knopWeb.addEvent('mouseover', function() {
		knopOverOns.set('tween', {duration: 125});
		knopOverOns.fade(0.5);
		knopPrint.set('tween', {duration: 125});
		knopPrint.fade(0.5);
		knopEvent.set('tween', {duration: 125});
		knopEvent.fade(0.5);
		
	});
	knopWeb.addEvent('mouseout', function() {
		knopOverOns.set('tween', {duration: 125});
		knopOverOns.fade(1);
		knopPrint.set('tween', {duration: 125});
		knopPrint.fade(1);
		knopEvent.set('tween', {duration: 125});
		knopEvent.fade(1);
	});
	
	
	///// Knop Print
	
	knopPrint.addEvent('mouseover', function() {
		knopOverOns.set('tween', {duration: 125});
		knopOverOns.fade(0.5);
		knopWeb.set('tween', {duration: 125});
		knopWeb.fade(0.5);
		knopEvent.set('tween', {duration: 125});
		knopEvent.fade(0.5);
		
	});
	knopPrint.addEvent('mouseout', function() {
		knopOverOns.set('tween', {duration: 125});
		knopOverOns.fade(1);
		knopWeb.set('tween', {duration: 125});
		knopWeb.fade(1);
		knopEvent.set('tween', {duration: 125});
		knopEvent.fade(1);
	});
	
	
	///// Knop Event
	
	knopEvent.addEvent('mouseover', function() {
		knopOverOns.set('tween', {duration: 125});
		knopOverOns.fade(0.5);
		knopWeb.set('tween', {duration: 125});
		knopWeb.fade(0.5);
		knopPrint.set('tween', {duration: 125});
		knopPrint.fade(0.5);
		
	});
	knopEvent.addEvent('mouseout', function() {
		knopOverOns.set('tween', {duration: 125});
		knopOverOns.fade(1);
		knopWeb.set('tween', {duration: 125});
		knopWeb.fade(1);
		knopPrint.set('tween', {duration: 125});
		knopPrint.fade(1);
	});
	
	
	// Sub Nav
	
	
	var knopSmallHome = $('knopSmallHome');
	knopSmallHome.addEvent('mouseover', function() {
		this.set('tween', {duration: 125});
		this.tween('margin-top', '-5px');
	});
	knopSmallHome.addEvent('mouseout', function() {
		this.set('tween', {duration: 125});
		this.tween('margin-top', '0px');
	});
	
	var knopEn = $('knopEn');
	knopEn.addEvent('mouseover', function() {
		this.set('tween', {duration: 125});
		this.tween('margin-top', '-5px');
	});
	knopEn.addEvent('mouseout', function() {
		this.set('tween', {duration: 125});
		this.tween('margin-top', '0px');
	});
	
	var knopFr = $('knopFr');
	knopFr.addEvent('mouseover', function() {
		this.set('tween', {duration: 125});
		this.tween('margin-top', '-5px');
	});
	knopFr.addEvent('mouseout', function() {
		this.set('tween', {duration: 125});
		this.tween('margin-top', '0px');
	});
	
	var knopClientZone = $('knopClientZone');
	knopClientZone.addEvent('mouseover', function() {
		this.set('tween', {duration: 125});
		this.fade(0.8);
	});
	knopClientZone.addEvent('mouseout', function() {
		this.set('tween', {duration: 125});
		this.fade(1);
	});
	
	var knopBlog = $('knopBlog');
	knopBlog.addEvent('mouseover', function() {
		this.set('tween', {duration: 125});
		this.fade(0.8);
	});
	knopBlog.addEvent('mouseout', function() {
		this.set('tween', {duration: 125});
		this.fade(1);
	});
	
});