// JavaScript Document

function initializeAgreement() {
	prepareSubmit();
}

function prepareSubmit() {
	if (document.getElementById('reservation')) {
		var form = document.getElementById('reservation');
		form.onsubmit = function() {
			grayOut(true);
			ShowContent('floatingContent');
			document.getElementById('close').onclick = closeAgreement;
			document.getElementById('accept').onclick = function() {
				closeAgreement();
				document.getElementById('reservation').submit();
			};
			positionAgreement();
			return false;
		};
	}
}

function closeAgreement() {
	HideContent('floatingContent');
	grayOut(false);
}

function positionAgreement() {
	var bubble = document.getElementById('floatingContent');	
	var bubbleh = bubble.offsetHeight;
	var bubblew = bubble.offsetWidth;
	if (document.documentElement.scrollTop) {
		var xOffset = document.documentElement.scrollLeft;
		var yOffset = document.documentElement.scrollTop;
	} else {
		var xOffset = document.body.scrollLeft;
		var yOffset = document.body.scrollTop;
	}
	if (window.innerWidth) {
		var xExtra = window.innerWidth;
		var yExtra = window.innerHeight;
	} else {
		if (document.documentElement.clientWidth) {
			var xExtra = document.documentElement.clientWidth;
			var yExtra = document.documentElement.clientHeight;
		} else {
			var xExtra = document.body.clientWidth;
			var yExtra = document.body.clientHeight;
		}
	}
	
	xExtra = (xExtra - bubblew) / 2;
	yExtra = (yExtra - bubbleh) / 2;
	var x = xExtra + xOffset;
	var y = yExtra + yOffset;
	bubble.style.top = y +"px";
	bubble.style.left = x +"px";
}