function getBodyHeight() {
	return window.innerHeight ? window.innerHeight : document.body.clientHeight;
}

function getBodyWidth() {
	return window.innerWidth ? window.innerWidth : document.body.clientWidth;
}

function alignBannerElements() {
	if (getBodyWidth() < 800) {
		// fix elements
		$('wielervereniging').style.left = '160px';
		$('westlandwilvooruit').style.left = '160px';
		$('knoppen').style.left = '245px';
		$('knoppen').style.right = '';
		$('banner').style.left = '580px';
		$('banner').style.right = '';
	} else {
		$('wielervereniging').style.left = '20%';
		$('westlandwilvooruit').style.left = '20%';
		$('knoppen').style.right = '220px';
		$('knoppen').style.left = '';
		$('banner').style.right = '0px';
		$('banner').style.left = '';				
	}
}

function alignMenuElements() {
	var menuHeight = $('menucontainer').getHeight() + 60;
	var flagDivHeight = 135;

	if (getBodyHeight() < (menuHeight + $('banner').getHeight() + flagDivHeight)) {
		$('vlaggetje').style.top = menuHeight + 'px';
		$('vlaggetje').style.bottom = '';
	} else {
		$('vlaggetje').style.top = '';
		$('vlaggetje').style.bottom = '4px';
	}
	$('vlaggetje').style.left = '0px';
}

function setContentHeight() {
	if ($('newsbar')) {
		$('newsbar').style.height = ($('scrollLayer').scrollHeight - 40) + 'px';
	}
}

function alignElements() {
	alignBannerElements();
	setContentHeight();
	alignMenuElements();
}

Element.observe(window, 'load', alignElements);
Element.observe(window, 'resize', alignElements);
//Element.observe(window, 'focus', alignElements);