var isUploadingFile = false;
var hideOverlayerOnClick = true;
var SectionID = 0;

function initOverlayer()
{
	preload_image = new Image();
	preload_image.src="http://www.eletters.nl/aanmelden/media/cross.gif";
	var objBody = document.getElementsByTagName("body").item(0);
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id',"overlay");
	objOverlay.className = "overlay";
	objOverlay.style.display = 'none';
	objOverlay.style.width = '100%';
	objOverlay.style.height = '100%';
	objOverlay.style.background = "url('http://www.cheveuxetsante.eu/media/overlay.png')";
	objOverlay.style.top = '0px';
	objOverlay.style.left = '0px';
	objOverlay.style.zIndex = '214748367';
	objOverlay.onclick = function()
	{
		if(hideOverlayerOnClick)
			hideOverlayer();
	}
	var objPopup = document.createElement("div");
	objPopup.setAttribute('id','popupshadow');
	objPopup.style.backgroundColor = "#f3f3f3";
	objBody.insertBefore(objPopup, objBody.firstChild);
	objBody.insertBefore(objOverlay, objBody.firstChild);
	targetEl = $('overlay');
	Popup = $('popupshadow');
	//Popup.innerHTML = "<div id=\"cross\" style=\"width: 680px; height: 16px; margin: 0px; padding: 2px 0px;\"><a href=\"javascript:void(0);\" onClick=\"hideOverlayer();\" onMouseOver=\"\"><img src=\"http://www.eletters.nl/aanmelden/media/cross.gif\" alt=\"X\" title=\"Venster sluiten\" style=\"margin: 4px 4px 0px 0px; padding: 0px; float: right; border: 0px;\" /></a></div><div id=\"ContentFrame\" width=\"320\" height=\"240\" style=\"padding: 0px 20px 20px 20px; background-color: #ffffff; color: #000000;\"></div>";
	Popup.style.width = "1px";
	Popup.style.height = "1px";
	Popup.style.overflow = "visible";
	Popup.innerHTML = "<div id=\"content_info\"></div>";	
	Popup.style.position="absolute";
	Popup.style.top="50%";
	Popup.style.left="50%";
	Popup.style.zIndex="214748368";
	Popup.style.display="none";
	Popup.style.margin="-260px 0px 0px -300px";
	Popup.style.textAlign="left";
	Popup.style.position = 'fixed';
	targetEl.style.position = 'fixed';
	if(window.navigator.appName == "Microsoft Internet Explorer")
	{
		targetEl.style.background = "";
		targetEl.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.eletters.nl/aanmelden/media/overlay.png');";
		if(targetEl.setExpression)
		{
			IEVersion = window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE") + 5, window.navigator.appVersion.indexOf("MSIE") + 8);
			if(document.compatMode=="BackCompat" || IEVersion < 7)
			{
				targetEl.style.position = 'absolute';			
				if(document.compatMode=="BackCompat")
				{
					targetEl.style.setExpression("width", "( 0 + document.body.clientWidth)+'px'");
				}
				else
				{
					targetEl.style.setExpression("width", "( 0 + document.body.clientWidth + 20)+'px'");
					targetEl.style.setExpression("height", "( 0 + document.body.clientHeight)+'px'");
				}
				targetEl.style.setExpression("left", "(( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px')");
				targetEl.style.setExpression("top", "(( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px')");
				Popup.style.position = 'absolute';
				objOverlay.onclick = function(){scrollTo(0,0);};
			}
		}
	}
}

function showOverlayer()
{
	$('overlay').style.display = 'block';
	$('popupshadow').style.display = 'block';
}

function hideOverlayer()
{
	if(!isUploadingFile)
	{
		$('content_info').innerHtml = "&nbsp;";
		$('popupshadow').innerHtml = "&nbsp;";
		$('popupshadow').style.display = 'none';
		$('overlay').style.display = 'none';
	}
	else
	{
		if (confirm("Weet u zeker dat u het uploaden van het bestand wilt annuleren?"))
			location.href = "?sectionid="+SectionID;
	}
}

function $(id)
{
	return document.getElementById(id);
}

/*
function showAboutUs()
{
	showOverlayer();
	insertContent('content_info', 'About');
}

function showContact()
{
	showOverlayer();
	insertContent('content_info', 'Contact');
}
*/

function showSectionOverlayer(title, txt)
{
	showOverlayer();
	insertContent('content_info', "<h2>"+title+"</h2><a id=\"cross\" href=\"#\" onClick=\"hideOverlayer(); return false;\" title=\"Venster sluiten\"></a>"+txt+"<input type=\"button\" onClick=\"hideOverlayer(); return false;\" name=\"close\" value=\"Venster sluiten\" title=\"Venster sluiten\" />");
}

function showUploadOverlayer(sectionid)
{
	SectionID = sectionid;
	hideOverlayerOnClick = false;
	showOverlayer();
	insertContent('content_info', "<h2>Afbeelding uploaden</h2><a id=\"cross\" href=\"#\" onClick=\"hideOverlayer(); return false;\" title=\"Venster sluiten\"></a><p><form method=\"post\" action=\"index.php?sectionid="+sectionid+"\" enctype=\"multipart/form-data\"><span class=\"boldspan\">Kies een bestand:</span><br /><input type=\"file\" name=\"uploadfile\"><br><br><input type=\"submit\" name=\"Uploaden\" value=\"Uploaden\" onclick=\"isUploadingFile = true;\"></form></p>");
}

function insertContent(element, text)
{
	target = $(element);
	target.innerHTML = text;
}