window.onload = function() {
	positionElements();
}

window.onresize = function() {
	positionElements();
}

window.onscroll = function() {
	positionElements();
}

function positionElements() {
	var myPageBackground = document.getElementById("PageBackground");
	var myPageTop = document.getElementById("PageTop");
	var myLangBtnBar = document.getElementById("LangBtnBar");
	var myNavBtnBar = document.getElementById("NavBtnBar");
	var mySubNavBtnBar = document.getElementById("SubNavBtnBar");
	var myBottomBtnBar = document.getElementById("BottomBtnBar");
	myPageBackground.style.left = (myPageTop.offsetLeft - 227) + 'px';
	if(document.body.offsetWidth > 1000 && document.documentElement.clientHeight > (myNavBtnBar.offsetTop + myNavBtnBar.offsetHeight + 21 + myBottomBtnBar.offsetHeight + 38)) {
		myLangBtnBar.style.position = 'fixed';
		myLangBtnBar.style.top = '119px';
		myLangBtnBar.style.left = (myPageTop.offsetLeft + 618) + 'px';
		myNavBtnBar.style.position = 'fixed';
		myNavBtnBar.style.top = '162px';
		myNavBtnBar.style.left = (myPageTop.offsetLeft + 618) + 'px';
		mySubNavBtnBar.style.position = 'absolute';
		if(document.documentElement.scrollTop == 0) {
			mySubNavBtnBar.style.top = ((document.body.scrollTop * -1) - 43) + 'px';
		} else {			
			mySubNavBtnBar.style.top = ((document.documentElement.scrollTop * -1) - 43) + 'px';
		}			
		mySubNavBtnBar.style.right = '321px';
		myBottomBtnBar.style.position = 'fixed';
		myBottomBtnBar.style.bottom = '38px';
		myBottomBtnBar.style.left = (myPageTop.offsetLeft + 618) + 'px';
	} else {
		myLangBtnBar.style.position = 'absolute';
		myLangBtnBar.style.top = '119px';
		myLangBtnBar.style.left = '618px';
		myNavBtnBar.style.position = 'absolute';
		myNavBtnBar.style.top = '162px';
		myNavBtnBar.style.left = '618px';
		mySubNavBtnBar.style.position = 'absolute';
		mySubNavBtnBar.style.top = '-43px';
		mySubNavBtnBar.style.right = '321px';
		myBottomBtnBar.style.position = 'absolute';
		myBottomBtnBar.style.bottom = '38px';
		myBottomBtnBar.style.left = '618px';
	}
}