var gradientImage = 0;

function placeGradients() {
	var layoutGradLeft = document.getElementById("layoutGradLeft");
	var layoutGradRight = document.getElementById("layoutGradRight");
	var siteRoot = document.getElementById("layoutRoot");
	var siteMaxWidth, siteMaxHeight;

	if (document.documentElement.clientWidth > siteRoot.offsetWidth) {
		siteMaxWidth = document.documentElement.clientWidth;
	} else {
		siteMaxWidth = siteRoot.offsetWidth;
	}

	if (document.documentElement.clientHeight > siteRoot.offsetHeight) {
		siteMaxHeight = document.documentElement.clientHeight;
	} else {
		siteMaxHeight = siteRoot.offsetHeight;
	}

	layoutGradLeft.style.height = siteMaxHeight + "px";
	layoutGradRight.style.height = siteMaxHeight + "px";
	layoutGradRight.style.width = siteMaxWidth + "px";

	if (!gradientImage) {
		layoutGradLeft.style.backgroundImage = "url(\"images/gradLeft.png\")";
		layoutGradRight.style.backgroundImage = "url(\"images/gradRight.png\")";
		gradientImage = 1;
	}
}

function resizeFunc() {
	placeGradients();
	placeDiapo();
}

function scrollFunc() {
	placeGradients();
	placeDiapo();
}

function loadFunc() {
	placeGradients();
}