var bLogin = false;
var bOpenPop = true;
var bHaveOCX = false;
var bLoadComplete = true;
var bfullMode = false;

var info_width = 0;
var info_height = 0;
var info_left = 0;
var info_right = 0;

var openMode = 0;

function openGuest()
{
	openMode = 0;
	infoLayer.innerHTML = "";
	openInfoWindow();
	return;
}

function openMember()
{
	openMode = 1;
	infoLayer.innerHTML = "";
	openInfoWindow();
	return;
}

function openInfoWindow()
{
	infoLayer.style.border = "2px solid #e4e4e4";
	infoLayer.style.backgroundColor = "#000000";
	infoLayer.style.color = "#FFFFFF";
	infoLayer.style.padding = 5;
	startOpenWindow();
}
function startOpenWindow()
{
	if(info_width >= 580 && info_height >= 300)
	{
		typeInfo(":: DVR STATION 실행을 위해 PC환경을 확인합니다.");
		typeInfo("");
		setTimeout("checkXPSP2()", 50);
	}
	else
	{
		info_width += 58;
		info_height += 30;

		infoLayer.style.width = info_width;
		infoLayer.style.height = info_height;

		setTimeout("startOpenWindow();", 100);
	}
}

function checkXPSP2()
{
	var xp_sp2 = browserVersion();
	typeInfo(":: XP Service Paxk 2 설치 유무: " + xp_sp2);
	setTimeout("checkScreen()", 50);
}

function checkScreen()
{
	var width = window.screen.width;
	var height = window.screen.height;

	typeInfo(":: Screen 크기: " + width + " x " + height);
	setTimeout("checkOcx()", 50);
}

function checkOcx()
{
	hiddenLayer.innerHTML = "<OBJECT name=pdvr CLASSID=\"" + g__clsid + "\" codebase=\"" + g__codebase + "#version=" + g__version + "\" width=0 height=0 onerror=\"catchError(this.readyState);\" onreadystatechange=\"catchReadyState(this.readyState);\"></Object>";
}

function catchError(readyState)
{
	bLoadComplete = false;
}

function catchReadyState(readyState)
{
	if(!bLoadComplete)
	{
		var xp_sp2 = browserVersion();
		if(xp_sp2)
		{
			typeInfo("");
typeInfo(":: XP 서비스팩 2 OCX 설치 가이드");
typeInfo("");
typeInfo("1. <b>DVR OCX</b>는 프로그램 실행을 위해 꼭 설치하셔야 사용이 가능합니다.");
typeInfo("");
typeInfo("2. 인터넷창 상단 주소입력줄 바로 아래에 그림과 같은 메세지가 있습니다.");
typeInfo("<img src=image_home/guide/sp2_install0.jpg border=0>");
typeInfo("");
typeInfo("3. 해당 메세지를 클릭하면 아래와 같은 메뉴가 나오고, 해당 메뉴에서 [ActiveX 컨트롤 설치(C)...]를 클릭해 주세요");
typeInfo("<img src=image_home/guide/sp2_install1.jpg border=0>");
typeInfo("");
typeInfo("4. 페이지가 새로고침 된 후 다시 한번 접속하기 버튼을 눌러주세요.");
typeInfo("5. 아래와 같은 OCX 설치창이 나오면");
typeInfo("<img src=image_home/guide/OCX_sign.jpg border=0>");
typeInfo("");
typeInfo("6. [예] 버튼을 꾹 눌러주세요");
typeInfo("<img src=image_home/guide/OCX_install.jpg border=0>");
typeInfo("");
		}
		else
		{
			typeInfo("");
typeInfo(":: OCX 설치 가이드");
typeInfo("");
typeInfo("1. <b>DVR OCX</b>는 프로그램 실행을 위해 꼭 설치하셔야 사용이 가능합니다.");
typeInfo("");
typeInfo("2. 아래와 같은 OCX 설치창이 나오면");
typeInfo("<img src=image_home/guide/OCX_sign.jpg border=0>");
typeInfo("");
typeInfo("3. [예] 버튼을 꾹 눌러주세요");
typeInfo("<img src=image_home/guide/OCX_install.jpg border=0>");
typeInfo("");
			typeInfo("::<a href=# onclick=\"reTry();\" class=guide>설치 하시겠습니까?</a>::");
			typeInfo("");
		}
	}
	else
	{
		typeInfo(":: OCX 설치 완료");
		setTimeout("openPopup()", 50);
	}
}

function openPopup()
{
		var width = window.screen.width;
		var height = window.screen.height;
		if(width < 1024 || height < 768)
		{
			typeInfo("");
			typeInfo(":: 스크린 크기가 작아 스크롤이 나타납니다.");
			typeInfo("");
			typeInfo(":: <a href=# onclick=\"openPopUp_scroll();\" class=guide>실행할까요?</a>");
			typeInfo("");
		}
		else if (height == 768)
		{
			typeInfo("");
			typeInfo(":: 프로그램 UI 와 동일한 스크린 사이즈로 [<b>전체 창</b>]을 이용하여 실행합니다.");
			typeInfo("");
			typeInfo(":: 다른 프로그램을 보기 위해선 [Alt] + [Tab] 키를 이용하거나 프로그램을 종료시켜야 합니다.");
			typeInfo("");
			typeInfo(":: <a href=# onclick=\"openPopUp_full();\" class=guide>실행할까요?</a>");
			typeInfo("");
		}
		else
		{
			typeInfo("");
			typeInfo(":: popup으로 프로그램이 실행됩니다.");
			setTimeout("openPopUp_normal();",50);
		}
}

function openPopUp_scroll()
{
	bfullMode = false;
	if(openMode == 0)
	{
		var dvrWin = window.open("html/main_frame_guest.php", "dvrMain", "");
	}
	else if(openMode == 1)
	{
		var dvrWin = window.open("html/main_frame.php", "dvrMain", "");
	}
	dvrWin.focus();
	setTimeout("initInfo();",50);
}

function openPopUp_full()
{
	bfullMode = true;
	if(openMode == 0)
	{
		var dvrWin = window.open("html/main_frame_guest.php", "dvrMain", "fullscreen=1");
	}
	else if(openMode == 1)
	{
		var dvrWin = window.open("html/main_frame.php", "dvrMain", "fullscreen=1");
	}
	dvrWin.focus();
	setTimeout("initInfo();",50);
}

function isfullMode(){return bfullMode;}

function openPopUp_normal()
{
	bfullMode = false;

	var width=1024, height=768;
	
	var left, top;
	var winpos, winstyle;
	
	left = (window.screen.width-width)/2;
	top = (window.screen.height-height)/2;
	
	winpos = "left=" + left + ",top=" + top;
	winstyle = "width="+width+",height="+height+",status=no,toolbar=no,menubar=no, location=no, resizable=no,scrollbars=auto,copyhistory=no," + winpos;

	if(openMode == 0)
	{
		var dvrWin = window.open("html/main_frame_guest.php", "dvrMain", winstyle);
	}
	else if(openMode == 1)
	{
		var dvrWin = window.open("html/main_frame.php", "dvrMain", winstyle);
	}
	
	dvrWin.focus();

	setTimeout("initInfo();",50);
}

function browserVersion()
{
	tmp_MSIE = window.navigator.userAgent.indexOf("MSIE");
	if(tmp_MSIE && window.navigator.userAgent.indexOf("SV1") > tmp_MSIE){   
		//This browser is Internet Explorer with SP2.   
		return true; 
	} else {
		//This browser is not Internet Explorer with SP2.
		return false;
	}
}

function initInfo()
{
	bLogin = false;
	bOpenPop = true;
	bHaveOCX = false;
	bLoadComplete = true;

	info_width = 0;
	info_height = 0;
	info_left = 0;
	info_right = 0;


	infoLayer.innerHTML = "";
	infoLayer.style.border = "0px";
	infoLayer.style.backgroundColor = "";
	infoLayer.style.padding = 0;
	infoLayer.style.width = 0;
	infoLayer.style.height = 0;
}

function typeInfo(data)
{
	infoLayer.insertAdjacentHTML("beforeEnd",data +"<br>");
}

function reTry()
{
	initInfo();
	openInfoWindow();
}

function openforgot()
{
	var ret = "";
	ret += "<table cellpadding=0 cellspacing=0 border=0 width=600 height=200>";
	ret += "<tr><td colspan=3 width=600 height=50 onMouseOver=\"hideForgotLayer();\"></td></tr>";
	ret += "<tr><td width=50 onMouseOver=\"hideForgotLayer();\"></td>";
	ret += "<td width=500 height=100>";
	ret += "<span style=\"width:500;height:100;background-color:#d5F5d5;line-height:180%;border:1px solid black; padding:5px;\">";

ret += "* 귀하는 귀하의 비밀 번호나 계정에 대하여 관리할 의무가 있습니다.<br>";
ret += "* 귀하의 비밀 번호를 누군가 알고 있지 않은지 혹은 정확한지 가끔 확인하시고<br>&nbsp;&nbsp;&nbsp;의심이 드실 경우는 즉시 변경 하십시요( Sign up page).<br>";
ret += "* 비밀번호는 암호화 되어 분실 시 전화나 e-mail 을 통하여 알려드리지 않습니다.<br>&nbsp;&nbsp;&nbsp;비밀 번호 분실 시 새로 가입하여 주시기 부탁 드립니다.<br>";

	ret += "</span>";
	ret += "</td>";
	ret += "<td width=50 onMouseOver=\"hideForgotLayer();\"></td></tr>";
	ret += "<tr><td colspan=3 width=600 height=50 onMouseOver=\"hideForgotLayer();\"></td></tr>";
	ret += "</table>";

	var cX = parseInt(event.clientX, 10) + parseInt(document.body.scrollLeft,10);
	var cY = parseInt(event.clientY, 10) + parseInt(document.body.scrollTop,10);
	
	ForgetLayer.style.left = cX-60;
	ForgetLayer.style.top = cY-60;
	ForgetLayer.innerHTML = ret;
	ForgetLayer.style.visibility = "visible";
}

function hideForgotLayer()
{
	ForgetLayer.style.left = 0;
	ForgetLayer.style.top = 0;
	ForgetLayer.innerHTML = "";
	ForgetLayer.visibility = "hidden";
}