var overlayW = false;

	function getElById(e) {
		e = document.getElementById(e);
		return e;
	}

	function positionOverlayWindow() {
		navigatorX = document.body.clientWidth;
		navigatorY = document.body.clientHeight;
		scrollTop = document.body.scrollTop;

		if (browser == "Opera") {
			navigatorX = document.documentElement.clientWidth;
			navigatorY = document.documentElement.clientHeight;
			scrollTop = document.documentElement.scrollTop;
		}

		overlay.style.width = navigatorX +"px";
		overlay.style.height = navigatorY+"px";
		overlayWindow.style.top = (navigatorY - overlayWindow.clientHeight) / 2 + scrollTop +"px";
		overlayWindow.style.left = (navigatorX - overlayWindow.clientWidth) / 2 + "px";

		overlayW = true;
	}


	function detectBrowser() {
		navAgent = navigator.userAgent;
		
		if(navAgent.indexOf("MSIE") > 0) 
		{
			browser = "IE" ;
		}
		
		if(navAgent.indexOf("Opera") > 0) 
		{
			browser = "Opera"; 
		}

		if(navAgent.indexOf("Firefox") > 0) 
		{
			browser = "Firefox"; 
		}

		return browser;
	}

	function OverlayWindow(url) {
		
		invisibleSelectBox(1);
		
		if(getElById("overlay")==null) {
		
		overlay = document.createElement("div");
		overlay.setAttribute("id","overlay");
		//overlay.setAttribute("onclick","closeOverlayWindow();");
		document.body.appendChild(overlay);
		
		overlayWindow = document.createElement("div");
		overlayWindow.setAttribute("id","overlay-window");
		overlayWindow.innerHTML = "<div class=\"clearfix\" id=\"overlay-top\"><a class=\"close\" href=\"javascript:closeOverlayWindow();\">Kapat</a></div>";
		overlayWindow.innerHTML += "<iframe id=\"overlayFrame\" src=\""+url+"\" frameborder=\"0\" scrolling=\"no\"></iframe>";
		document.body.appendChild(overlayWindow);
		
		detectBrowser();
		positionOverlayWindow();
		}
		
	}
	
	function closeOverlayWindow() {
		invisibleSelectBox(0);

		document.body.removeChild(overlayWindow);
		document.body.removeChild(overlay);
		
		overlayW = false;
	}
	
	function invisibleSelectBox(argument) {

			// invisible select box in #content2
			if(getElById("content2")!=null) {
				var content2 = getElById("content2");
				var selectBoxCollection = content2.getElementsByTagName("select");

				if(argument == 1) {	
					for(var i=0; i < selectBoxCollection.length; i++) {
						selectBoxCollection[i].style.visibility = "hidden";
					}
				}
				
			// visible select box in #content2
			else {
				for(var i=0; i < selectBoxCollection.length; i++) {
					selectBoxCollection[i].style.visibility = "visible";
				}				
			}				
		}
	}
		
	window.onresize = function() {
			if(getElById("overlay")!=null) {
				positionOverlayWindow();
			}
		};