// Fadeout de pagina en toon een dialoogvenster
// Dialogen worden via een iFrame geinclude met het /dialoog/naam pad

function openDialoogVenster (dialoog,url,id)
{
	// Alleen als het venster nog niet geopend is
	if (!document.getElementById ("dialoogoverlay"))
	{
		dbody = document.getElementById ("body");
		// Overlay
		odiv = document.createElement ("div");
		odiv.setAttribute ("id", "dialoogoverlay");
		odiv.setAttribute ("class", "donkereoverlay");
		odiv.setAttribute ("className", "donkereoverlay");
		paginaMaten = getPaginaMaten ();
		odiv.style.width = "100%";
		odiv.style.height = paginaMaten[1] + "px";
		
		var oudeMaten = "";
		onresize = function () {
			paginaMaten = getPaginaMaten ();
			if (paginaMaten != oudeMaten) {
				odiv = document.getElementById ('dialoogoverlay');
				if (odiv) {
					odiv.style.height = paginaMaten[3] + 'px';
					paginaMaten = getPaginaMaten ();
					odiv.style.height = paginaMaten[1] + 'px';
					oudeMaten = paginaMaten;
				}
			}
		};
		dbody.appendChild (odiv);
	
		// dialoogvenster zelf
		
		div = document.createElement ("div");
		div.setAttribute ("id", "dialoogvenster");
		div.setAttribute ("class", "dialoogvenster");
		div.setAttribute ("className", "dialoogvenster");
		
		divTop = document.createElement ("div");
		divTop.setAttribute ("id", "dialogTop");
		divTop.setAttribute ("class", "dialogTop");
		divTop.setAttribute ("className", "dialogTop");
		divTop.setAttribute ("align", "right");
		
		iframe = document.createElement ("iframe");
		iframe.setAttribute ("id", "iframeDialog");
		iframe.setAttribute ("class", "iframeDialog");
		iframe.setAttribute ("className", "iframeDialog");
		iframe.setAttribute ("src", url);
		
		imgDone = document.createElement ("img");
		imgDone.setAttribute ("class", "imgDialog");
		imgDone.setAttribute ("className", "imgDialog");
		imgDone.setAttribute ("src", "images/groen_vinkje_20x20.png");
		imgDone.setAttribute ("onClick", "if (document.getElementById('iframeDialog').contentWindow.dialogClose()) {document.getElementById('iframeDialog').contentWindow.setResult(id);sluitDialoogVenster();} else {alert('Sluiten nog niet mogelijk er is nog een process bezig!');};"); 
		imgDone.onclick = function() {
							if (document.getElementById('iframeDialog').contentWindow.dialogClose()){
								document.getElementById('iframeDialog').contentWindow.setResult(id)
								sluitDialoogVenster();
							} else {
								alert('Sluiten nog niet mogelijk er is nog een process bezig!')
							}
		} 
		
		imgStop = document.createElement ("img");
		imgStop.setAttribute ("class", "imgDialog");
		imgStop.setAttribute ("className", "imgDialog");
		imgStop.setAttribute ("src", "images/sluiten_20x20.png");
		imgStop.setAttribute ("onClick", "if (document.getElementById('iframeDialog').contentWindow.dialogClose()) {sluitDialoogVenster();} else {alert('Sluiten nog niet mogelijk er is nog een process bezig!');};"); 
		imgStop.onclick = function() {
							if (document.getElementById('iframeDialog').contentWindow.dialogClose()){
								sluitDialoogVenster();
							} else {
								alert('Sluiten nog niet mogelijk er is nog een process bezig!')
							}
		}
		
		divTop.appendChild (imgDone);
		divTop.appendChild (imgStop);
		div.appendChild (divTop);
		div.appendChild (iframe);
		
		
		
		dbody.appendChild (div);
	}
}

// Fadeout de pagina en toon een dialoogvenster
// Dialogen worden via een iFrame geinclude met het /dialoog/naam pad

function openDialoogVensterFotoAlbum (dialoog,url,id)
{
	// Alleen als het venster nog niet geopend is
	if (!document.getElementById ("dialoogoverlay"))
	{
		dbody = document.getElementById ("body");
		// Overlay
		odiv = document.createElement ("div");
		odiv.setAttribute ("id", "dialoogoverlay");
		odiv.setAttribute ("class", "donkereoverlay");
		odiv.setAttribute ("className", "donkereoverlay");
		paginaMaten = getPaginaMaten ();
		odiv.style.width = "100%";
		odiv.style.height = paginaMaten[1] + "px";

		var oudeMaten = "";
		onresize = function () {
			paginaMaten = getPaginaMaten ();
			if (paginaMaten != oudeMaten) {
				odiv = document.getElementById ('dialoogoverlay');
				if (odiv) {
					odiv.style.height = paginaMaten[3] + 'px';
				}
				paginaMaten = getPaginaMaten ();
				if (odiv) {
					odiv.style.height = paginaMaten[1] + 'px';
				}
				oudeMaten = paginaMaten;
			}
		}
		dbody.appendChild (odiv);

		// dialoogvenster zelf
		div = document.createElement ("div");
		div.setAttribute ("id", "dialoogvenster");
		div.setAttribute ("class", "dialoogvenster");
		div.setAttribute ("className", "dialoogvenster");

		iframe = document.createElement ("iframe");
		iframe.setAttribute ("id", "iframeDialog");
		iframe.setAttribute ("class", "iframeDialog");
		iframe.setAttribute ("className", "iframeDialog");
		iframe.setAttribute ("src", url);

		div.appendChild (iframe);
		dbody.appendChild (div);
	}
}

function sluitDialoogVenster ()
{
	div = document.getElementById ("dialoogvenster");
	div.parentNode.removeChild (div);
	div = document.getElementById ("dialoogoverlay");
	div.parentNode.removeChild (div);
}

function getPaginaMaten ()
{
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight) {
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else {
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) {
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) {
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	if (yScroll < windowHeight) {
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	if (xScroll < windowWidth) {	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}

	paginaMaten = new Array (pageWidth, pageHeight, windowWidth, windowHeight);
	return paginaMaten;
}