function klapuit()
{
	$('integration').setStyle({display: 'block'});
	$('blinded').setStyle({display: 'block'});
	$('klap-uit').setStyle({display: 'none'});
	$('klap-in').setStyle({display: 'block'});
	new Effect.Opacity('blinded', { from: 0.0, to: 1.0, duration: 0.8 });
	new Effect.Opacity('integration', { from: 0.0, to: 1.0, duration: 0.8 });
	$('mailserver2').morph('height:188px;', { duration: 0.5 });
}
function klapin()
{
	$('integration').setStyle({display: 'none'});
	$('blinded').setStyle({display: 'none'});
	new Effect.Opacity('blinded', { from: 1.0, to: 0.0, duration: 0.4 });
	new Effect.Opacity('integration', { from: 1.0, to: 0.0, duration: 0.4 });
	$('klap-uit').setStyle({display: 'block'});
	$('klap-in').setStyle({display: 'none'});
	$('mailserver2').morph('height:4px;');
}

var mystate = 0;
function klap() 
{
	if (mystate==1) {
		new Effect.Opacity('blinded', { from: 1.0, to: 0.0, duration: 0.4 });
		new Effect.Opacity('integration', { from: 1.0, to: 0.0, duration: 0.4 });
		$('mailserver2').morph('height:4px;');
		$('integration').setStyle({display: 'none'});
		$('blinded').setStyle({display: 'none'});
		$('klap-uit').setStyle({display: 'block'});
		$('klap-in').setStyle({display: 'none'});
		mystate = 0;
	} else {
		$('integration').setStyle({display: 'block'});
		$('blinded').setStyle({display: 'block'});
		new Effect.Opacity('blinded', { from: 0.0, to: 1.0, duration: 0.8 });
		new Effect.Opacity('integration', { from: 0.0, to: 1.0, duration: 0.8 });
		$('mailserver2').morph('height:198px;', { duration: 0.8 });
		$('klap-uit').setStyle({display: 'none'});
		$('klap-in').setStyle({display: 'block'});
		mystate = 1;	
	}
}