var stoelmassagemenu = 0;

window.addEvent('domready', function(){
	var el = $('knop1'),
		color = el.getStyle('backgroundColor');
	
	$('knop1').set('opacity', 0.5).addEvents({
		
		mouseenter: function(){
			this.morph({
				'opacity': 1,
				'background-color': '#5588BB'
			});
		},
		
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				backgroundColor: color
			});
		}		
	});
	
	$('knop1').addEvent('click', function(){
    //event on click
		stoelmassagemenu = 0;
		window.location = '?keuze=main'; 
	});
});





window.addEvent('domready', function(){
	var el = $('knop2'),
		color = el.getStyle('backgroundColor');

	$('knop2').set('opacity', 0.5).addEvents({
		
		mouseenter: function(){	
			this.morph({
				'opacity': 1,
				'background-color': '#66CC33'
			});
		},
		
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				backgroundColor: color
			});
		}
	});
	
	$('knop2').addEvent('click', function(){
    //event on click
		stoelmassagemenu = 0;
		window.location = '?keuze=margreet'; 
	});
});





window.addEvent('domready', function(){
	var el = $('uitrol3'),
		color = el.getStyle('backgroundColor');
		uitgeklapt = 0;
		
	$('uitrol3').set('opacity', 0.5).addEvents({
		
		mouseenter: function(){	
			this.morph({
				'opacity': 1,
				'background-color': '#EE7755',
				'height' : '90px',
				'top' : '-20px'
			});
		},

		mouseleave: function(){
			// Morphes back to the original style
			stoelmassagemenu = 0;
			this.morph({
				opacity: 0.5,
				backgroundColor: color,
				'height' : '40px' ,
				'top' : '30px'
				
			});
		}
	});

});





window.addEvent('domready', function(){
	var el = $('uitrol1'),
		color = el.getStyle('backgroundColor');
		uitgeklapt = 0;
		
	$('uitrol1').set('opacity', 0.5).addEvents({
		
		mouseenter: function(){	
			this.morph({
				'opacity': 1,
				'background-color': '#FFCC33',
				'height' : '90px',
				'top' : '-20px'
			});
		},

		mouseleave: function(){
			// Morphes back to the original style
			stoelmassagemenu = 0;
			this.morph({
				opacity: 0.5,
				backgroundColor: color,
				'height' : '40px' ,
				'top' : '30px'
				
			});
		}
	});

});






window.addEvent('domready', function(){
	var el = $('uitrol2'),
		color = el.getStyle('backgroundColor');
		uitgeklapt = 0;
	
	$('uitrol2').set('opacity', 0.5).addEvents({
	
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#AADD44',
				'height' : '90px',
				'top' : '-20px'
			});
		},

		mouseleave: function(){
			// Morphes back to the original style
			stoelmassagemenu = 0;
			this.morph({
				opacity: 0.5,
				backgroundColor: color,
				'height' : '40px' ,
				'top' : '30px'
				
			});
		}
	});

});





window.addEvent('domready', function(){
	var el = $('knop3'),
		color = el.getStyle('backgroundColor');
	
	$('knop3').set('opacity', 0.5).addEvents({
		
		mouseenter: function(){
			this.morph({
				'opacity': 1,
				'background-color': '#336699'
			});
		},
		
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				backgroundColor: color
			});
		}		
	});
	
	$('knop3').addEvent('click', function(){
    //event on click
		stoelmassagemenu = 0;
		window.location = '?keuze=links'; 
	});
});






window.addEvent('domready', function(){
	var el = $('knop4'),
		color = el.getStyle('backgroundColor');
	
	$('knop4').set('opacity', 0.5).addEvents({
		
		mouseenter: function(){
			this.morph({
				'opacity': 1,
				'background-color': '#336699'
			});
		},
		
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				backgroundColor: color
			});
		}		
	});
	
	$('knop4').addEvent('click', function(){
    //event on click
		stoelmassagemenu = 0;
		window.location = '?keuze=contact'; 
	});
});