function toonoud(){
	document.getElementById('kaart_oud').style.display = 'block';
	document.getElementById('kaart_nieuw').style.display = 'none';
	document.getElementById('lijst_sleutelplaatsen').style.display = 'none';
	}
function toonnieuw(){
	document.getElementById('kaart_nieuw').style.display = 'block';
	document.getElementById('kaart_oud').style.display = 'none';
	document.getElementById('lijst_sleutelplaatsen').style.display = 'none';
	}
function toonlijst(){
	document.getElementById('kaart_nieuw').style.display = 'none';
	document.getElementById('kaart_oud').style.display = 'none';
	document.getElementById('lijst_sleutelplaatsen').style.display = 'block';
	}

window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	var info1 = new Fx.Slide('meerinfo1').hide();
	$('knop1').addEvent('click', function(e){ e.stop(); info1.toggle(); });
	info1.addEvent('complete', function() { $('vertical_status').set('html', status[info1.open]); });

	var info2 = new Fx.Slide('meerinfo2').hide();
	$('knop2').addEvent('click', function(e){ e.stop(); info2.toggle(); });
	info2.addEvent('complete', function() { $('vertical_status').set('html', status[info2.open]); });
	
	var info3 = new Fx.Slide('meerinfo3').hide();
	$('knop3').addEvent('click', function(e){ e.stop(); info3.toggle(); });
	info3.addEvent('complete', function() { $('vertical_status').set('html', status[info3.open]); });
	
	var info4 = new Fx.Slide('meerinfo4').hide();
	$('knop4').addEvent('click', function(e){ e.stop(); info4.toggle(); });
	info4.addEvent('complete', function() { $('vertical_status').set('html', status[info4.open]); });
	
	var info5 = new Fx.Slide('meerinfo5').hide();
	$('knop5').addEvent('click', function(e){ e.stop(); info5.toggle(); });
	info5.addEvent('complete', function() { $('vertical_status').set('html', status[info5.open]); });
	
	var info6 = new Fx.Slide('meerinfo6').hide();
	$('knop6').addEvent('click', function(e){ e.stop(); info6.toggle(); });
	info6.addEvent('complete', function() { $('vertical_status').set('html', status[info6.open]); });
	
	var info7 = new Fx.Slide('meerinfo7').hide();
	$('knop7').addEvent('click', function(e){ e.stop(); info7.toggle(); });
	info7.addEvent('complete', function() { $('vertical_status').set('html', status[info7.open]); });
});