window.addEvent('domready', function() {
    

	Fx.Morph = Fx.Styles.extend({
	 
		start: function(className){
	 
			var to = {};
	 
			$each(document.styleSheets, function(style){
				var rules = style.rules || style.cssRules;
				$each(rules, function(rule){
					if (!rule.selectorText.test('\.' + className + '$')) return;
					Fx.CSS.Styles.each(function(style){
						if (!rule.style || !rule.style[style]) return;
						var ruleStyle = rule.style[style];
						to[style] = (style.test(/color/i) && ruleStyle.test(/^rgb/)) ? ruleStyle.rgbToHex() : ruleStyle;
					});
				});
			});
			return this.parent(to);
		}
	 
	});
	
	Fx.CSS.Styles = [ "height"];

	var duration = 200;
/*bedrijf*/
	var myMorph = new Fx.Morph('bedrijf', {wait: false,duration: duration,transition: Fx.Transitions.Sine.easeInOut});
	var innerItem = $('bedrijf');
	var container = $('bedrijfContainer');
	
    var classes = innerItem.className;
	if(!classes.contains('active'))
	{
    	container.addEvent('mouseenter', function(e) {
    		new Event(e).stop();
			myMorph.start('active');
    	});
    	container.addEvent('mouseleave', function(e) {
    		new Event(e).stop();
			myMorph.start('item');
    	});
    }
	
/*aannemerij*/
	var aannemerij = new Fx.Morph('aannemerij', {wait: false,duration: duration});
	var innerItem = $('aannemerij');
	var container = $('aannemerijContainer');
	
    var classes = innerItem.className;
	if(!classes.contains('active'))
	{
    	container.addEvent('mouseenter', function(e) {
    		new Event(e).stop();
			aannemerij.start('active');
    	});
    	container.addEvent('mouseleave', function(e) {
    		new Event(e).stop();
			aannemerij.start('item');
    	});
    }
	
/*timmerfabriek*/
	var timmerfabriek = new Fx.Morph('timmerfabriek', {wait: false,duration: duration});
	var innerItem = $('timmerfabriek');
	var container = $('timmerfabriekContainer');
	
    var classes = innerItem.className;
	if(!classes.contains('active'))
	{
    	container.addEvent('mouseenter', function(e) {
    		new Event(e).stop();
			timmerfabriek.start('active');
    	});
    	container.addEvent('mouseleave', function(e) {
    		new Event(e).stop();
			timmerfabriek.start('item');
    	});
    }
	
/*timmerfabriek*/
	var verbouw = new Fx.Morph('verbouw', {wait: false,duration: duration});
	var innerItem = $('verbouw');
	var container = $('verbouwContainer');
	
    var classes = innerItem.className;
	if(!classes.contains('active'))
	{
    	container.addEvent('mouseenter', function(e) {
    		new Event(e).stop();
			verbouw.start('active');
    	});
    	container.addEvent('mouseleave', function(e) {
    		new Event(e).stop();
			verbouw.start('item');
    	});
    }
	
/*timmerfabriek*/
	var projecten = new Fx.Morph('projecten', {wait: false,duration: duration});
	var innerItem = $('projecten');
	var container = $('projectenContainer');
	
    var classes = innerItem.className;
	if(!classes.contains('active'))
	{
    	container.addEvent('mouseenter', function(e) {
    		new Event(e).stop();
			projecten.start('active');
    	});
    	container.addEvent('mouseleave', function(e) {
    		new Event(e).stop();
			projecten.start('item');
    	});
    }
	
/*timmerfabriek*/
	var contact = new Fx.Morph('contact', {wait: false,duration: duration});
	var innerItem = $('contact');
	var container = $('contactContainer');
	
    var classes = innerItem.className;
	if(!classes.contains('active'))
	{
    	container.addEvent('mouseenter', function(e) {
    		new Event(e).stop();
			contact.start('active');
    	});
    	container.addEvent('mouseleave', function(e) {
    		new Event(e).stop();
			contact.start('item');
    	});
    }
   
   
});