$("#go1").click(function(){
	if(document.getElementById('boven').style.height <= "215px"){
		$("#boven").animate( { queue:false, duration:3000 } )
			.animate( { height:"335px" }, 1500 );
		$("#referentie").animate( { queue:false, duration:3000 } )
			.animate( { height:"21px" }, 1500 );
		document.getElementById('leesmeer1').style.display = "none";
		document.getElementById('leesmeer2').style.display = "none";
		$("#leesmeer1").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"31px" }, 1500 );
		$("#leesmeer2").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"-158px" }, 1500 );
		setTimeout("document.getElementById('tekst2').style.display = 'none'",1000);
		setTimeout("document.getElementById('leesmeer1').style.display = 'block'",2000);
		setTimeout("document.getElementById('leesmeer2').style.display = 'block'",2000);
		setTimeout("document.getElementById('go1').innerHTML = 'Sluiten'",2000);
		setTimeout("document.getElementById('go2').style.display = 'none'",2000);
		setTimeout("document.getElementById('meertekst1').style.display = 'block'",2000);
	}
	else{
		setTimeout("document.getElementById('meertekst1').style.display = 'none'",1);
		$("#boven").animate( { queue:false, duration:3000 } )
			.animate( { height:"177px" }, 1500 );
		$("#referentie").animate( { queue:false, duration:3000 } )
			.animate( { height:"179px" }, 1500 );
		document.getElementById('leesmeer1').style.display = "none";
		document.getElementById('leesmeer2').style.display = "none";
		$("#leesmeer1").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"0px" }, 1500 );
		$("#leesmeer2").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"-18px" }, 1500 );
		setTimeout("document.getElementById('leesmeer1').style.display = 'block'",2000);
		setTimeout("document.getElementById('leesmeer2').style.display = 'block'",2000);
		setTimeout("document.getElementById('go1').innerHTML = 'Lees verder'",2000);
		setTimeout("document.getElementById('go2').style.display = 'block'",1000);
		setTimeout("document.getElementById('tekst2').style.display = 'block'",1000);
	}
});

$("#go2").click(function(){
	if(document.getElementById('referentie').style.height <= "215px"){
		$("#referentie").animate( { queue:false, duration:3000 } )
			.animate( { height:"335px" }, 1500 );
		$("#boven").animate( { queue:false, duration:3000 } )
			.animate( { height:"21px" }, 1500 );
		document.getElementById('leesmeer1').style.display = "none";
		document.getElementById('leesmeer2').style.display = "none";
		$("#leesmeer2").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"10px" }, 1500 );
		$("#leesmeer1").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"-158px" }, 1500 );
		setTimeout("document.getElementById('tekst1').style.display = 'none'",1000);
		setTimeout("document.getElementById('meertekst2').style.display = 'block'",1000);
		setTimeout("document.getElementById('leesmeer1').style.display = 'block'",2000);
		setTimeout("document.getElementById('leesmeer2').style.display = 'block'",2000);
		setTimeout("document.getElementById('change2').style.display = 'block'",2000);
		setTimeout("document.getElementById('go2').innerHTML = 'Sluiten'",2000);
		setTimeout("document.getElementById('go1').style.display = 'none'",2000);
	}
	else{
		setTimeout("document.getElementById('meertekst2').style.display = 'none'",1);
		$("#referentie").animate( { queue:false, duration:3000 } )
			.animate( { height:"179px" }, 1500 );
		$("#boven").animate( { queue:false, duration:3000 } )
			.animate( { height:"177px" }, 1500 );
		document.getElementById('leesmeer1').style.display = "none";
		document.getElementById('leesmeer2').style.display = "none";
		document.getElementById('change2').style.display = "none";
		$("#leesmeer2").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"-18px" }, 1500 );
		$("#leesmeer1").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"0px" }, 1000 );
		setTimeout("document.getElementById('leesmeer1').style.display = 'block'",2000);
		setTimeout("document.getElementById('leesmeer2').style.display = 'block'",2000);
		setTimeout("document.getElementById('go2').innerHTML = 'Lees verder'",2000);
		setTimeout("document.getElementById('go1').style.display = 'block'",1000);
		setTimeout("document.getElementById('tekst1').style.display = 'block'",1000);
	}
});

$("#go3").click(function(){
	if(document.getElementById('midden').style.height <= "215px"){
		$("#midden").animate( { queue:false, duration:3000 } )
			.animate( { height:"337px" }, 1500 );
		$("#contact").animate( { queue:false, duration:3000 } )
			.animate( { height:"19px" }, 1500 );
		document.getElementById('leesmeer3').style.display = "none";
		document.getElementById('leesmeer4').style.display = "none";
		$("#leesmeer3").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"31px" }, 1500 );
		$("#leesmeer4").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"-80px" }, 1000 );
		setTimeout("document.getElementById('tekst4').style.display = 'none'",1000);
		setTimeout("document.getElementById('leesmeer3').style.display = 'block'",2000);
		setTimeout("document.getElementById('leesmeer4').style.display = 'block'",2000);
		setTimeout("document.getElementById('go3').innerHTML = 'Sluiten'",2000);
		setTimeout("document.getElementById('go4').style.display = 'none'",2000);
		setTimeout("document.getElementById('meertekst3').style.display = 'block'",2000);
	}
	else{
		setTimeout("document.getElementById('meertekst3').style.display = 'none'",1);
		$("#midden").animate( { queue:false, duration:3000 } )
			.animate( { height:"179px" }, 1500 );
		$("#contact").animate( { queue:false, duration:3000 } )
			.animate( { height:"177px" }, 1500 );
		document.getElementById('leesmeer3').style.display = "none";
		document.getElementById('leesmeer4').style.display = "none";
		$("#leesmeer3").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"0px" }, 1500 );
		$("#leesmeer4").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"0px" }, 1000 );
		setTimeout("document.getElementById('leesmeer3').style.display = 'block'",2000);
		setTimeout("document.getElementById('leesmeer4').style.display = 'block'",2000);
		setTimeout("document.getElementById('meertekst3').style.display = 'none'",2000);
		setTimeout("document.getElementById('go3').innerHTML = 'Lees verder'",2000);
		setTimeout("document.getElementById('go4').style.display = 'block'",1000);
		setTimeout("document.getElementById('tekst4').style.display = 'block'",1000);
	}
});

$("#go4").click(function(){
	if(document.getElementById('contact').style.height <= "215px"){
		$("#contact").animate( { queue:false, duration:3000 } )
			.animate( { height:"333px" }, 1500 );
		$("#midden").animate( { queue:false, duration:3000 } )
			.animate( { height:"23px" }, 1500 );
		document.getElementById('leesmeer3').style.display = "none";
		document.getElementById('leesmeer4').style.display = "none";
		$("#leesmeer4").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"28px" }, 1500 );
		$("#leesmeer3").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"-158px" }, 1500 );
		setTimeout("document.getElementById('tekst3').style.display = 'none'",1000);
		setTimeout("document.getElementById('leesmeer3').style.display = 'block'",2000);
		setTimeout("document.getElementById('leesmeer4').style.display = 'block'",2000);
		setTimeout("document.getElementById('go4').innerHTML = 'Sluiten'",2000);
		setTimeout("document.getElementById('go3').style.display = 'none'",2000);
		setTimeout("document.getElementById('meertekst4').style.display = 'block'",2000);
	}
	else{
		setTimeout("document.getElementById('meertekst4').style.display = 'none'",1);
		$("#contact").animate( { queue:false, duration:3000 } )
			.animate( { height:"177px" }, 1500 );
		$("#midden").animate( { queue:false, duration:3000 } )
			.animate( { height:"179px" }, 1500 );
		document.getElementById('leesmeer3').style.display = "none";
		document.getElementById('leesmeer4').style.display = "none";
		$("#leesmeer4").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"0px" }, 1500 );
		$("#leesmeer3").animate( { queue:false, duration:3000 } )
			.animate( { 'margin-top':"0px" }, 1500 );
		setTimeout("document.getElementById('leesmeer3').style.display = 'block'",2000);
		setTimeout("document.getElementById('leesmeer4').style.display = 'block'",2000);
		setTimeout("document.getElementById('go4').innerHTML = 'Lees verder'",2000);
		setTimeout("document.getElementById('go3').style.display = 'block'",1000);
		setTimeout("document.getElementById('tekst3').style.display = 'block'",1000);
		setTimeout("document.getElementById('meertekst4').style.display = 'none'",2000);
	}
});