window.onload = function() {
	
	myHeight = new fx.Height('nav', {duration: 400});
	myHeight.hide();
	
	a=1;
	interactief = new fx.Height('interactief_content', {duration: 400});
	
	b=0;
	visualisatie = new fx.Height('visualisatie_content', {duration: 400});
	visualisatie.hide();
	
	c=0;
	gallery = new fx.Height('gallery_content', {duration: 400});
	gallery.hide();
	
	d=0;
	seo = new fx.Height('seo_content', {duration: 400});
	seo.hide();
	
	
	$('but_interactief').onclick = function() {
		if (a == 1) {
		}
		else
		{
			
			interactief.toggle();
			a=1;
			if (b == 1) {
				b=0;
				visualisatie.toggle();
				
			}
			if (c == 1) {
				c=0;
				gallery.toggle();
				
			}
			if (d == 1) {
				d=0;
				seo.toggle();
			}
		}
	};
	
	$('but_visualisatie').onclick = function() {
		if (b == 1) {
		}
		else
		{
				
			visualisatie.toggle();
			b=1;
			if (a == 1) {
				a=0;
				interactief.toggle();
				
			}
			if (c == 1) {
				c=0;
				gallery.toggle();
				
			}
			if (d == 1) {
				d=0;
				seo.toggle();
			}
		}
	};
	
	$('but_gallery').onclick = function() {
		if (c == 1) {
		}
		else
		{
			gallery.toggle();
			c=1;
			if (a == 1) {
				a=0;
				interactief.toggle();
				
			}
			if (b == 1) {
				b=0;
				visualisatie.toggle();
				
			}
			if (d == 1) {
				d=0;
				seo.toggle();
			}
		}
	};
	$('but_seo').onclick = function() {
		if (d == 1) {
		}
		else
		{
			seo.toggle();
			d=1;
			if (a == 1) {
				a=0;
				interactief.toggle();
				
			}
			if (b == 1) {
				b=0;
				visualisatie.toggle();
				
			}
			if (c == 1) {
				c=0;
				gallery.toggle();
			}
		}
	};
	
}