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執行的電腦環境.");
		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 Service Paxk 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 Control安裝(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(":: 屏幕太小以SCROLL形式顯示.");
			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 += "* 丟失密碼時無法通過電話或電子郵件告知.<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";
}