//#### MODAL LAYER ####

var Modal = new function() {

	this.show = function(content, width, height) {

		// Cut window and remove scrollbars
		var body = document.getElementsByTagName('body')[0];
		body.style.height = "100%";
		body.style.overflow = "hidden";
  
		var html = document.getElementsByTagName('html')[0];
		html.style.height = "100%";
		html.style.overflow = "hidden";

		// Create opacity overlay
		this.ol = el = document.createElement('DIV');
		el.style.width = '110%';
		el.style.height = '100%';
		el.style.position = 'absolute';
		//el.style.backgroundColor = 'gray';
		el.style.filter = 'alpha(opacity=65)';
		el.style.opacity = '0.65';
		el.style.left = -document.body.style.marginLeft;
		el.style.top = -document.body.style.marginTop;
		el.style.zIndex = 10000;
		el.onclick = function() {Modal.close();};
		el.id = 'Modal_overlay';
		document.body.insertBefore(el, document.body.childNodes[0]);

		// Create window		
		this.ow = el = document.createElement('DIV');
		el.innerHTML = content;
		el.style.width = width + 'px';
		el.style.height = height + 'px';
		el.style.position = 'absolute';
		el.style.left = parseInt((parseInt(document.body.clientWidth)-width)/2) + "px";
		el.style.top = '100px';
		el.style.zIndex = 10001;
		el.id = 'Modal_window';
		document.body.insertBefore(el, document.body.childNodes[0]);

		this.handleSelects(false);

		document["onkeydown"] = Modal.keyPress;
		if (document.getElementById('Modal_focus'))
			document.getElementById('Modal_focus').focus();

		body.style.margin = "0px 0px 0px 0px";
		body.style.padding = "20px 10px 25px 10px";
	}

	this.close = function()
	{
		if (this.ol)
		{
			document.body.removeChild(document.getElementById('Modal_overlay'));
			document.body.removeChild(document.getElementById('Modal_window'));
			this.ol = null;
			this.ow = null;
			document["onkeydown"] = null;
			
			// Cut window and remove scrollbars
			var body = document.getElementsByTagName('body')[0];
			body.style.height = '';
			body.style.overflow = '';
  
			var html = document.getElementsByTagName('html')[0];
			html.style.height = '';
			html.style.overflow = '';

			this.handleSelects(true);

			body.style.margin = "20px 10px 25px 10px";
			body.style.padding = "0px 0px 0px 0px";
		}
	}
	
	this.keyPress = function(e) {
		if (!e)
			e=event;
		var key = e.keyCode;
		
		switch(key)
		{
			case 9:
				return false;

			case 27:
				Modal.close();
				return false;
			
			default:
				break;
		}
		return true;
	}

	this.handleSelects = function(show)
	{
		if (navigator.appVersion.match(/\bMSIE\b/))
		{
			var selects = document.getElementsByTagName("select");
			
			for(var i=0;i<selects.length;i++)
				selects[i].style.visibility = show?"":"hidden";
		}
	}

}

function doOpenSurveyWindow(){
	newwindow = window.open("https://www.netigate.se/s.asp?s=27362X7118","Survey", "toolbar=0, scrollbars=1, location=0, statusbar=0, menubar=0, resizable=0, width=800,height=600");
	newwindow.focus();
	Modal.close();
}

function modalInit(){

	Modal.show(content,550,460);
}

var content = '<div style="width:400px;border:1px solid #999999;background:#FFFFFF;padding:20px;text-align:left;overflow:hidden;">';
content += '<div style="float:right;margin-bottom:5px;"><a href="javascript:void(0)" onclick="Modal.close(); return false">Luk</a></div>';
content += '<div style="clear:both;height:1px;overflow:hidden;"></div>';
content += '<div><span title="En hurtig online analyse" style="width:137px;height:25px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'ImgCache/7640237014.pngx\');background-color:"><img style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" src="ImgCache/7640237014.pngx" width="137" height="25" border="0" alt="En hurtig online analyse"></span></div>';
content += '<div>Vi håber, du vil hjælpe os med at besvare 4 – 5 hurtige spørgsmål om dit besøg på vores hjemmeside</div>';
content += '<div style="padding-top:20px;"><div style="float:left;margin-right:20px"><a href="javascript:void(0)" onclick="doOpenSurveyWindow(); return false"><span title="Ja" style="width:38px;height:12px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'ImgCache/-840321050901.pngx\');background-color:"><img style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" src="ImgCache/-840321050901.pngx" width="38" height="12" border="0" alt="Ja"></span></a></div><div style="float:left"><a href="javascript:void(0)" onclick="Modal.close(); return false"><span title="Nej" style="width:38px;height:12px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'ImgCache/1746648778901.pngx\');background-color:"><img style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" src="ImgCache/1746648778901.pngx" width="38" height="12" border="0" alt="Nej"></span></a></div></div>';
content += '<div class="float-killer"></div></div>';

window.onload = modalInit;