// JavaScript Document
var morphInactive = function(){
	this.start({
		'opacity': 0
	});
}
 
var morphActive = function(){
	this.start({
		'opacity': 1
	});
}
 
window.addEvent('domready', function() {
	var overOns = new Fx.Morph($('over_ons_actief'), {duration: 250});
					
	$('over_ons_link').addEvents({
		mouseenter: morphActive.bind(overOns),
		mouseleave: morphInactive.bind(overOns)
	});

	
	$('stuur_door_link').addEvents({
		mouseenter: function(){$('stuur_door_actief').morph({opacity: 1});},
		mouseleave: function(){$('stuur_door_actief').morph({opacity: 0});}
	});
	$('stuur_door_actief').morph({opacity: 0,duration: 0});	
	
	$('jobs_link').addEvents({
		mouseenter: function(){$('jobs_actief').morph({opacity: 1});},
		mouseleave: function(){$('jobs_actief').morph({opacity: 0});}
	});
	$('jobs_actief').morph({opacity: 0,duration: 0});

	$('contact_link').addEvents({
		mouseenter: function(){$('contact_actief').morph({opacity: 1});},
		mouseleave: function(){$('contact_actief').morph({opacity: 0});}
	});
	$('contact_actief').morph({opacity: 0,duration: 0});	
	
	$('links_link').addEvents({
		mouseenter: function(){$('links_actief').morph({opacity: 1});},
		mouseleave: function(){$('links_actief').morph({opacity: 0});}
	});
	$('links_actief').morph({opacity: 0,duration: 0});	
});