<!DOCTYPE html >
<html>
	<head>
		
		<link rel="stylesheet" href="css/style.css" />
		<style type="text/css">
			div{
				position:absolute;
			}
			#div3{
				text-align:center;
				color:#ffffff;
				font-size:20px;
				font-weight:bold;
			}
			
			#refreshBtnDiv a{
				font-size:16px;
				color:#ffffff;
				
			}
			#refreshBtnDiv a:hover{
				font-size:16px;
				color:#00ffff;
				
			}
			#div_dl{left:0px;}
			#div1,#div2,#list_th,#listDiv,#refreshBtnDiv,#pagingDiv,#refresh,.td_div{position:relative;}
		</style>
		<script type="text/javascript" src="js/mootools.js"></script>

		<script type="text/javascript">
		var ConnFlag = 0,nIsObjInstalled = false;//设备连接成功为1，断开连接为0
		var lan;
		var str,str1,str2,str3,strNotSupport;
		var clkFlg = 10000;
		var ocx;
        var ocx_v6;
		var div3;

		var chromeFlg;

		var winParent = window.parent;
		
		var dlFrm = winParent.getFrmById("dlFrm");
		var headerFrm = winParent.getFrmById("headerFrm");
		var dmFrm = winParent.getFrmById("dmFrm");
		var uInfoFrm = winParent.getFrmById("uinfoFrm");

		var div2Width;
		var div2Height;
		var div_dlWidth;
		var div_dlHeight;
		var div1Height;
		var listDiv;
		var lan_cookie = 'en';
 
		var times = 0; //remember times about the function refreshDevState

		function setWH() {
			winParent.findDimensions();
			
			var width = winParent.winWidth;
			var height = winParent.winHeight - 40;
			
			div_dlHeight = height - 4;
			div1Height = div_dlHeight ;
			div2Height = div_dlHeight-15 ;
		
			div2Width = width - 210;
			div_dlWidth = width - 4;
			if (width < 1356)
			{
				div_dlWidth = 1352;
				div2Width = div_dlWidth - 210;
			}

			$("div_dl").style.width = div_dlWidth.toString() + "px";
			div1.style.width = "200px";

			headerFrm.width = div_dlWidth.toString() + "px";
			dmFrm.width = div_dlWidth.toString() + "px";
			uInfoFrm.width = div_dlWidth.toString() + "px";
			
			if(height < 757)
			{
				div_dlHeight = 757;
				div1Height = 753;
				div2Height = 750;
			}
			
			if(winParent.pageFlg == "dlFrm")
			{
				dlFrm.width = div_dlWidth.toString() + "px";
				dlFrm.height = div_dlHeight.toString() + "px";
				dlFrm.style.top = "40px";
			}

			listDiv = div1Height - 129;
			
			div1.style.height = div1Height.toString() + "px";
			$("div_dl").style.height = div_dlHeight.toString() + "px";
			$("listDiv").style.height = listDiv.toString() + "px";
			
			dmFrm.height = div_dlHeight.toString() + "px";
			uInfoFrm.height = div_dlHeight.toString() + "px";
			
			if(ConnFlag)
			{
				div2.style.width = div2Width.toString() + "px";
				div2.style.height = div2Height.toString() + "px";
			}

			//set div3 width ,height and position 
			div3 = $('div3');
			var div3Width = div2Width -250;
			div3.style.width = div3Width.toString() + "px";
			div3.style.height = "30px";
			div3.style.top = ((div_dlHeight - 30)/2).toString() + "px";
			div3.style.left = ((div_dlWidth - div3Width)/2).toString() + "px";
			
			divHeight = $('listDiv').style.height;
			fenye();
			
		}
			
		function changeLan(lan) {
			var th1 = $('th1');
			var th2 = $('th2');
			var bRefresh = $('bRefresh');
			var prePage = $('pre');
			var nextPage = $('next');
			switch(lan)
			{
				case "English":
					th1.innerHTML = "Name";
					th2.innerHTML = "Status";
					bRefresh.innerHTML = "Refresh";
					str = "The device isn't online,please refresh.";
					str3 = "Click on the device list to connect ,the process may take you some time, please be patient.";
					prePage.innerHTML = "PrePage";
					nextPage.innerHTML = "NextPage";
					strNotSupport = 'Connect Failed!';
					lan_cookie = 'en';
					break;
				case "简体中文":
					th1.innerHTML = "名称";
					th2.innerHTML = "状态";
					bRefresh.innerHTML = "刷新状态";
					str = "当前设备不在线，请刷新确认。";
					str3 = "点击左侧列表，连接设备;连接的过程可能需要花费您一些时间，请耐心等待。";
					prePage.innerHTML = "上一页";
					nextPage.innerHTML = "下一页";
					strNotSupport = '连接失败！';
					lan_cookie = 'zh';
					break;
				case "Portugal":
					th1.innerHTML = "Nome";
					th2.innerHTML = "Status";
					bRefresh.innerHTML = "Atualização";
					str = "O dispositivo não é on-line, por favor, atualize.";
					str3 = "Clique na lista de dispositivos para se conectar, o processo pode levar algum tempo, por favor, seja paciente.";
					prePage.innerHTML = "Anterior";
					nextPage.innerHTML = "Próx.";
					strNotSupport = 'Falha de conexão';
					lan_cookie = 'Por';
					break;
				case "Italiano":
					th1.innerHTML = "Nome";
					th2.innerHTML = "Stato";
					bRefresh.innerHTML = "Aggiorna";
					str = "Il dispositivo non è in linea, si prega di aggiornare.";
					str3 = "Fare clic su elenco dei dispositivi per la connessione, il processo può prendere qualche tempo, si prega di essere paziente.";
					prePage.innerHTML = "Prec.";
					nextPage.innerHTML = "Succ";
					strNotSupport = 'Collegamento fallito!';
					lan_cookie = 'It';
					break;
				case "Русский":
					th1.innerHTML = "Имя";
					th2.innerHTML = "Состояние";
					bRefresh.innerHTML = "Обновить";
					str = "Устройство не в сети,обновите пожалуйста.";
					str3 = "Кликните по устройству в списке слева для подключения, процесс может занять некоторое время, подождите...";
					prePage.innerHTML = "Пред.";
					nextPage.innerHTML = "След.";
					strNotSupport = 'Ошибка подключения';
					lan_cookie = 'Ru';
					break;
				case "Polski":
					th1.innerHTML = "Nazwa";
					th2.innerHTML = "Status";
					bRefresh.innerHTML = "Odśwież";
					str = "Urządzenie nie jest online. Proszę odświeżyć.";
					str3 = "Kliknij na urządzenie aby się z nim połączyć. ";
					prePage.innerHTML = "Poprz. str.";
					nextPage.innerHTML = "Nast. str. ";
					strNotSupport = 'Błąd połączenia!';
					lan_cookie = 'pol';
					break;
				case "Türkçe":
					th1.innerHTML = "İsim";
					th2.innerHTML = "Durum";
					bRefresh.innerHTML = "Yenile";
					str = "Cihaz çevrimiçi değil, Lütfen yenileyin";
					str3 = "Bağlanmak için cihaz listesine tıklayınız.İşlem biraz zaman alıcaktır, lütfen bekleyiniz ";
					prePage.innerHTML = "Önceki";
					nextPage.innerHTML = "Sonraki";
					strNotSupport = 'Bağlantı başarısız!';
					lan_cookie = 'Tu';
					break;
				case "فارسی":
					th1.innerHTML = "نام دستگاه";
					th2.innerHTML = "وضعیت فعلی دستگاه";
					bRefresh.innerHTML = "به روز رسانی";
					str = "دستگاه آنلاین نیست... کنترل کنید";
					str3 = "برای اتصال به دستگاه بر روی آن کلیک کنید ... این اجرا ممکن است زمان بر باشد ... لطفا شکیبا باشید";
					prePage.innerHTML = "صفحه قبلی";
					nextPage.innerHTML = "صفحه بعدی";
					strNotSupport = 'اتصال ناموفق بود';
					lan_cookie = 'fa';
					break;	
				default:;
			}
		}

		function rtnEvt(ocx,nResult,iID) {
			if(nResult == 1)//登陆成功
			{
				ocx.iID = iID;

				//点击设备列表项，设备在线，则显示控件（将宽度和高度释放出来）
				div2.style.width = div2Width.toString() + "px";
				div2.style.height = div2Height.toString() + "px";
				div3.style.display = "none";
				ocx.sLanguage2 = lan;
				ConnFlag = 1;

				for (var i = 0; i < tbody.rows.length ;i++ )
				{
					if(tbody.rows[i].id == clkFlg)
					{
						tbody.rows[i].style.background = "#2adcc6";
						break;
					}
				}
			}
			else
			{
				if (nResult!=-2)
				{
					alert(ocx.GetNetSDKLastErrorStr());
				}

				for (var i = 0; i < tbody.rows.length ;i++ )
				{
					tbody.rows[i].style.background = "#a0a0a0";
				}
				clkFlg = 999;

			}
		}

		function myLoad(selValue) {
			winParent.pageFlg = "dlFrm";
			
			ocx = $("ocx");
			ocx_v6 = $("ocx_v6");
			setWH();
			
			lan = selValue;
			changeLan(lan);

			div3.innerHTML = str3;

			winParent.deviceListInfo = "null\n";
			times = 0;
			//fisrt clear the table and then get the device list
			for (var i = 0; i < tbody.rows.length ; )
			{
				tbody.deleteRow(i);
			}

			//setTimeout(refreshDevState(0),1000);
			var timeI = setInterval(function(){
				if(refreshDevState(0))
					clearInterval(timeI);

				console.log("getDeviceList");
			},500);
		}

		/*function pluginLoaded() {

			nIsObjInstalled = true;
			ocx = $("ocx");

			ocx.addEventListener('loginresult2',function(nResult, sIP, lPort, sName, sPassword, iID){
				
				if(winParent.resEvtFlg == "login")
				{

					resEvtLogin(ocx,nResult,iID);
				}
				else
				{
					chromeFlg = 'login';
					rtnEvt(ocx,nResult,iID);
				}
			},false);

			ocx.addEventListener('logout2',function(nID){
				
				if(winParent.resEvtFlg == "login")
				{

					resEvtLoginOut();
				}
				else
				{
					var  s_width="0px";
					var  s_height="0px";
					chromeFlg = 'logout';
					ConnFlag = 0;//在线标志设置成0，不在线
					//隐藏控件，将其高度宽度设置成0
					div2.style.width = s_width;
					div2.style.height = s_height;
					for (var i = 0; i < tbody.rows.length ;i++ )
					{
						tbody.rows[i].style.background = "#a0a0a0";
					}

					div3.style.display = "block";
				}
			},false);
		}*/

		function getDeviceList(val) {
			var deviceListStr = "";
			if (times == 0 || times == 999)
			{
				//先尝试v6失败后尝试v5
				try{
					deviceListStr = ocx_v6.GetDevListFromServer();
				}catch(err){
					deviceListStr = ocx.GetDevListFromServer();
				}

				winParent.deviceListInfo = deviceListStr;
			}
			else
			{
				deviceListStr = winParent.deviceListInfo;
			}

			/*加载左侧设备列表*/
			if(deviceListStr != "null\n" && deviceListStr != "")
			{
				var _tr;
				var _td1;
				var _td2;
				var _td3;
				
				var deviceList = eval(deviceListStr);
				
				var listDivHeight = $('listDiv').style.height;
				var n = Math.floor(parseInt(listDivHeight)/41);
				var len = deviceList.length;

				if(len <= 0)
					alert('0');
				
				if ((val + n) <= len)
				{
					len = val + n;
				}

				var	dev_info;
					try{
						dev_info = eval(ocx_v6.GetDevInfo());
					}catch(err){
						dev_info = eval(ocx.GetDevInfo());
				}
				
				for(var i=val;i<len;i++)
				{
					_tr = tbody.insertRow(-1); //插入一行
					_td1 = _tr.insertCell(-1);//插入一列
					_td2 = _tr.insertCell(-1);
					_td3 = _tr.insertCell(-1);
					
					_tr.style.background = "#a0a0a0";
					//_tr.id = i;
					_tr.id = deviceList[i].NodeID;
					_td1.align = "center";
					_td2.align = "center";

					_td1.innerHTML = deviceList[i].NodeName;
					_td2.innerHTML = "<div class='td_div' id='td_div"+i+"'></div>";
					
					var td_div = $("td_div"+i);

					//"0"表示设备不在线，"1"表示设备在线，同时显示背景图
					if(deviceList[i].Online == "0")
					{
						td_div.style.background = "url(img/line_down.png)";
						//ConnFlag = 0;
					}
					else
					{
						td_div.style.background = "url(img/line_up.png)";

						//点击刷新后，如果有设备是连接的，则显示亮的
						if((_tr.id == clkFlg) && (chromeFlg != 'logout'))
						{
							ConnFlag = 1;
							_tr.style.background = "#2adcc6";
						}
					}

					_td3.innerHTML = deviceList[i].NodeID;
					_td3.style.display = "none";

					/*var	dev_info;
					try{
						dev_info = eval(ocx_v6.GetDevInfo());
					}catch(err){
						dev_info = eval(ocx.GetDevInfo());
					}*/

					_tr.setAttribute("dev_name", dev_info[i].Account);
					_tr.setAttribute("dev_pwd", dev_info[i].Pwd);
					_tr.setAttribute("dev_uuid", dev_info[i].UUID);
					_tr.setAttribute("dev_NodeName", dev_info[i].NodeName);
					//为_tr添加onclick事件,作为连接设备的操作，同时背景色会改变
					_tr.onclick = function()
					{	
						if(deviceList[val + this.rowIndex].Online == "0")
						{
							this.style.background = "#a0a0a0";
							alert(str);
						}
						else
						{
							if(clkFlg != this.id || chromeFlg == 'logout')
							{	
								winParent.resEvtFlg = "loginEx";
								winParent.tempNodeID = this.cells[2].innerHTML;

								if(!login_v6(this.getAttribute('dev_uuid'),
			                                 this.getAttribute('dev_name'),
			                                 this.getAttribute('dev_pwd'),
			                                 this.getAttribute('id'),
			                                 this.getAttribute('dev_NodeName')))
								{
									//检测下控件
									if(!winParent.haveV5Plugin && winParent.system == 'win'){
										load();
									}

									//如果在windows系统下仅安装了v6插件则提示安装v5
									if(winParent.haveV6Plugin && !winParent.haveV5Plugin && winParent.system == 'win')
									{
										if(window.confirm(str1)){
											window.location.href='http://qveye.net/update_web/vWebClient.exe';
										}
									//安装了v5但是未安装v6则用老的方式登录		
									}else if(winParent.haveV5Plugin && !winParent.haveV6Plugin){
										var rtn = login_v5_old(this.cells[2].innerHTML);
										if(rtn == 1)
	                                    {
	                                        clkFlg = this.id;
	                                        return;
	                                    }
									}

									//如果安装了v5则尝试用v5登录
									if(winParent.haveV5Plugin)
									{
										/*var rtn = login_v5_new(this.getAttribute('dev_uuid'),
	                                	this.getAttribute('dev_name'),
	                                	this.getAttribute('dev_pwd'),
	                                	this.getAttribute('dev_NodeName'));*/
	                                	var rtn = login_v5(this.getAttribute('dev_uuid'),
					                                	   this.getAttribute('dev_name'),
					                                	   this.getAttribute('dev_pwd'));
	                                    if(rtn == 1)
	                                    {
	                                        clkFlg = this.id;
	                                    }
									}else{
										//提示连接失败
										alert(strNotSupport);
									}
								}
							}
						}
						
					};

					//为每个tr添加onmouseover和onmouseout事件
					_tr.onmouseover = function()
					{
						this.style.background = "#2adcc6";
					};
					
					_tr.onmouseout = function()
					{
						if(clkFlg != this.id || chromeFlg == 'logout')
						{
							this.style.background = "#a0a0a0";
						}
				
					};

				}
				return true;
			}
			return false;
		}

		function login_v5_old(str){
			ocx = $("ocx");
			var rtn = ocx.LoginEx(str);
			return rtn;
		}

		function login_v5(deviceId,deviceName,devicePwd) {
			ocx = $("ocx");
            ocx.Logout();

			ocx.UUID = deviceId;
			ocx.strName = deviceName;
			ocx.strPassword = devicePwd;
			var rtn = ocx.Login();  //通过设备登陆
        }

        //弹出窗口访问
        function login_v5_new(deviceId,deviceName,devicePwd,NodeName)
        {
        	var base = new Base64();
            deviceName = base.encode(deviceName);
            devicePwd = base.encode(devicePwd);
        	var url = "main.html" + "?"  + deviceId + "&" + deviceName + "&" + devicePwd +  "&" + winParent.lan + "&" + NodeName;
            window.open(url);
        }

        //返回值1 成功 0：失败  -1：未安装v6
        function login_v6(deviceId,deviceName,devicePwd,id,NodeName) {
    		var deviceID = deviceId;
            var deviceUserName = deviceName;
            var devicePwd = devicePwd;

            if(deviceID == "" && deviceUserName == "")
                return false;

            try{
            	ocx_v6 = winParent.getOcx_v6();

	            var port_v6 = 0;
	            port_v6 = ocx_v6.ICloudAddMapPort(deviceID,2,port_v6);

	            if(port_v6 <= 0)
	                return false;

	            ocx_v6.LoginByNodeID(id);

	            var base = new Base64();
	            deviceName = base.encode(deviceName);
	            devicePwd = base.encode(devicePwd);

	            var url = "http://127.0.0.1:" + port_v6 + "/main.html" + "?" + port_v6 + "&" + deviceID + 
	                        "&" + deviceName + "&" + devicePwd +  "&" + lan_cookie + "&" + NodeName;

	            window.open(url);

            }catch(err){
            	return false;
            }

            return true;
        }

        //加密解密
        function Base64() {

            // private property
            _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";

            // public method for encoding
            this.encode = function (input) {
                var output = "";
                var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
                var i = 0;
                input = _utf8_encode(input);
                while (i < input.length) {
                    chr1 = input.charCodeAt(i++);
                    chr2 = input.charCodeAt(i++);
                    chr3 = input.charCodeAt(i++);
                    enc1 = chr1 >> 2;
                    enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
                    enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
                    enc4 = chr3 & 63;
                    if (isNaN(chr2)) {
                        enc3 = enc4 = 64;
                    } else if (isNaN(chr3)) {
                        enc4 = 64;
                    }
                    output = output +
                        _keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
                        _keyStr.charAt(enc3) + _keyStr.charAt(enc4);
                }
                return output;
            }

            // public method for decoding
            this.decode = function (input) {
                var output = "";
                var chr1, chr2, chr3;
                var enc1, enc2, enc3, enc4;
                var i = 0;
                input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
                while (i < input.length) {
                    enc1 = _keyStr.indexOf(input.charAt(i++));
                    enc2 = _keyStr.indexOf(input.charAt(i++));
                    enc3 = _keyStr.indexOf(input.charAt(i++));
                    enc4 = _keyStr.indexOf(input.charAt(i++));
                    chr1 = (enc1 << 2) | (enc2 >> 4);
                    chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
                    chr3 = ((enc3 & 3) << 6) | enc4;
                    output = output + String.fromCharCode(chr1);
                    if (enc3 != 64) {
                        output = output + String.fromCharCode(chr2);
                    }
                    if (enc4 != 64) {
                        output = output + String.fromCharCode(chr3);
                    }
                }
                output = _utf8_decode(output);
                return output;
            }

            // private method for UTF-8 encoding
            _utf8_encode = function (string) {
                string = string.replace(/\r\n/g,"\n");
                var utftext = "";
                for (var n = 0; n < string.length; n++) {
                    var c = string.charCodeAt(n);
                    if (c < 128) {
                        utftext += String.fromCharCode(c);
                    } else if((c > 127) && (c < 2048)) {
                        utftext += String.fromCharCode((c >> 6) | 192);
                        utftext += String.fromCharCode((c & 63) | 128);
                    } else {
                        utftext += String.fromCharCode((c >> 12) | 224);
                        utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                        utftext += String.fromCharCode((c & 63) | 128);
                    }

                }
                return utftext;
            }

            // private method for UTF-8 decoding
            _utf8_decode = function (utftext) {
                var string = "";
                var i = 0;
                var c = c1 = c2 = 0;
                while ( i < utftext.length ) {
                    c = utftext.charCodeAt(i);
                    if (c < 128) {
                        string += String.fromCharCode(c);
                        i++;
                    } else if((c > 191) && (c < 224)) {
                        c2 = utftext.charCodeAt(i+1);
                        string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                        i += 2;
                    } else {
                        c2 = utftext.charCodeAt(i+1);
                        c3 = utftext.charCodeAt(i+2);
                        string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                        i += 3;
                    }
                }
                return string;
            }
        }

		//刷新设备
		function refreshDevState(val) {
			for (var i = 0; i < tbody.rows.length ; )
			{
				tbody.deleteRow(i);
			}

			if(!getDeviceList(val))
				return false;

			winParent.indexNum = val;
			
			if(times == 0)
			{
				divHeight = $('listDiv').style.height;
				curPage = 0;
				curPageNum = 0;
				fenye();
			}

			times++;

			return true;
		}

		function mousedown() {
			$("bRefresh").style.background = "url(img/reg_btn2.png)";
			$("bRefresh").style.color = "#000000";
		}
		function mouseup() {
			$("bRefresh").style.background = "url(img/refresh_btn1.png)";
			$("bRefresh").style.color = "#ffffff";
		}

	    function resEvtLogin(ocx,nResult,iID) {
			if(nResult == 1)//登陆成功
			{
				ocx.iID = iID;
				//ocx.sLanguage2 = lan;
				changeLan(ocx.sLanguage2);
				//只释放出device_list中的控件区域
				winParent.ifrmHidden("loginFrm");
				
				div1 = $('div1');
				div2 = $('div2');
				div1.style.display = "none";
				dlFrm.style.top= "0px";
				
				setDevLoginWH();
				winParent.onresize = setDevLoginWH;
			
			}
			else
			{
				if (nResult!=-2)
				{
					alert(ocx.GetNetSDKLastErrorStr());
				}
			}	
		}

		function resEvtLoginOut() {
			//只释放出device_list中的控件区域
			var  s_width="0px";
			var  s_height="0px";
			winParent.ifrmShow("loginFrm");
			div1 = $('div1');
			div2 = $('div2');
			winParent.getFrmById("dlFrm").width =   s_width;
			winParent.getFrmById("dlFrm").height = s_height;
			div2.style.width =  s_width;
			div2.style.height = s_height;
			div1.style.display = "block";
			LoginOutdlnone();
			winParent.onresize = LoginOutdlnone;
		}
		function LoginOutdlnone(){
			var  s_width="0px";
			var  s_height="0px";
			if( s_height>"0px"){
				s_height="0px";
				s_width="0px";
			}
		}

		function load() {
			insertObj();
		}

	</script>

	<script language="javascript" for="ocx" event="OnLoginResult2(nResult, sIP, lPort, sName, sPassword, iID)">
					if(winParent.resEvtFlg == "login")
					{
						resEvtLogin(ocx,nResult,iID);
					}
					else
					{
						rtnEvt(ocx,nResult,iID);
					}

	</script>
	<script language="javascript" for="ocx" event="OnLogout2(nID)">
		if(winParent.resEvtFlg == "login")
		{
			resEvtLoginOut();
		}
		else
		{
			ConnFlag = 0;//在线标志设置成0，表示不在线
			//隐藏控件，将其高度宽度设置成0
			div2.style.width = "0px";
			div2.style.height = "0px";
			for (var i = 0; i < tbody.rows.length ;i++ )
			{
				if(tbody.rows[i].id == clkFlg)
				{
					tbody.rows[i].style.background = "#a0a0a0";
					break;
				}
			}

			clkFlg = 999;

			div3.style.display = "block";
		}

	</script>

	</head>
	<body bgcolor="#434343" style="margin:0px auto;padding:0px;text-align:center;overflow-x: hidden">
	<center>
	<div id="div_dl" style="margin:0px auto;text-align:center;position:absolute;z-index:0;">
		<div id="div1"> 
			<div id="list_th" style="width:100%;height:40px;border:1px solid #d2d2d2;border-left:0;">
			<table id="titleTb" cellspacing="0" cellpadding="0" width="100%" height="100%">
				<thead>
				<tr>
					<th id="th1">Name</th>
					<th id="th2">Status</th>
				</tr>
				</thead>
			</table>
			</div>
			<div id="listDiv" style="width:100%;height:0px;overflow-y:hidden;text-align:center;border-right:1px solid #d2d2d2;border-left:0;overflow-pageINdex:hidden;">
			<table id="devList_tb" cellspacing="0" cellpadding="0" style="width:100%;">
			<thead></thead>
			<tbody id="tbody" onselectstart="return false;" style="-moz-user-select:none;"></tbody>
			</table>
			</div>
			<div id="refreshBtnDiv" style="width:200px;height:70px;border:1px solid #d2d2d2;border-left:0;border-top:0;padding-top:15px;">
				<div id="pagingDiv" style="width:200px;height:29px;border-bottom:1px solid #d2d2d2;">
				<a id="pre" href="javascript:void(0)">PrePage</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id="next" href="javascript:void(0)">NextPage</a>
				</div>
				<div id="refresh" style="width:200px;height:40px;padding-top:5px;">
				<button id="bRefresh" onmousedown="mousedown()" onmouseup="mouseup()">Refresh</button>
				</div>
			</div>
			
		</div>
		
		<div id="div2"></div>
		<div id="div2_v6"></div>
		<div id="div3"></div>
		<div style="clear:both;"></div>
	</div>
	</center>
	</body>
	<script type="text/javascript">
	
	//控件未安装时调用
	var temp;
	if (navigator.language) {
		temp = navigator.language;
	}
	else {
		temp = navigator.browserLanguage;
	}
	var lan = temp.substring(0,2);
	
	switch (lan)
	{
	case 'zh':
		str1 = "请允许或者下载安装该控件。";
		str2 = "安装完成后，请重新打开浏览器。";
		break;
	case 'en':
		str1 = "Please allow or download and install the control.";
		str2 = "After the installation is complete, please open the browser again.";
		break;
	case 'fa':
		break;
	case 'it':
	    str1 = "Consentire o scaricare e installare il controllo.";
		str2 = "Dopo l'installazione è completa, si prega di aprire nuovamente il browser.";
		break;
	case 'ru':
		str1 = "Разрешите пожалуйста загрузить или установить контроль.";
		str2 = "После установки нужно перезапустить браузер .";
		break;
	default:;
	}

	    //判断系统
    function detectOS() {
        var sUserAgent = navigator.userAgent;
        var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
        var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
        if (isMac) return "Mac";
        var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
        if (isUnix) return "Unix";
        var isLinux = (String(navigator.platform).indexOf("Linux") > -1);
        if (isLinux) return "Linux";
        if (isWin) {
            return "win";
        }
        return "other";
    }
	
	function installOcx()
	{
		try{ 

			var system = detectOS();
            if (system === "win") {
            	winParent.system = "win"; 
            	if(window.parent.getOcx_v6().object){
            		winParent.haveV6Plugin = true;
            	}else{
            		winParent.haveV6Plugin = false;
            	}

            	if(window.parent.getOcx().object){
            		winParent.haveV5Plugin = true;
            	}else{
            		winParent.haveV5Plugin = false;
            	}

            	if(!window.parent.getOcx_v6().object && !window.parent.getOcx().object)
				{ 
					alert(str1);				
				} 

				//v5 v6插件都安装了则调用v6 IDestoryPortServer(0) 接口 防止崩溃
				if(window.parent.getOcx_v6().object && window.parent.getOcx().object)
				{
					window.parent.getOcx_v6().IDestoryPortServer(0);
				}

            } else if (system === "Mac") {
            	winParent.system = "Mac";
            	var n=0;
            	var t_test;
            	t_test=setInterval(function(){
            		n++;
            		try{
            			window.parent.getOcx_v6().IInitCloud();
            			clearTimeout(t_test);
            			winParent.haveV6Plugin = true;
            			return 1;
            		}catch(err){
            			winParent.haveV6Plugin = false;
            		}
            		if(n>1){
            			clearTimeout(t_test);
		            	alert(str1);
            		}
            		
            	},1000)
            	
            }
			
		}
		catch(e)
		{  
			alert("error !");  
		} 
	}

	var tbody;
	var div1 = $("div1");
	var div2;
	//加载时先隐藏控件，将其高度宽度设置成0
	div2 = $("div2");
	div2.style.width = "0px";
	div2.style.height = "0px";

	//V6插件加载
	div2_v6 = $("div2_v6");
	div2_v6.style.width = "0px";
	div2_v6.style.height = "0px";
		
	tbody = $("tbody");

	function setDevLoginWH()
	{
		winParent.findDimensions();
		var width = winParent.winWidth;
		var height = winParent.winHeight;

		if (width < 1356)
		{
			width = 1356;
		}

		if (height < 767)
		{
			height = 767;
		}

		winParent.getFrmById("dlFrm").width =  (width - 4).toString() + "px";
		winParent.getFrmById("dlFrm").height = height.toString() + "px";
		div2.style.width = width.toString() + "px";
		div2.style.height = height.toString()-4 + "px";
	}


	//判断系统
    function detectOS() { 
        var sUserAgent = navigator.userAgent;
        var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
        var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
        if (isMac) return "Mac";
        var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
        if (isUnix) return "Unix";
        var isLinux = (String(navigator.platform).indexOf("Linux") > -1);
        if (isLinux) return "Linux";
        if (isWin) {
            return "win";
        }
        return "other";
    }
	//insertObj();
	function insertObj()
	{	
		if (nIsObjInstalled)
		{
			return;
		}

		div2.innerHTML = "";


		var system = detectOS();
        if (system === "win") {
        	FLAG = 0;
            div2_v6.innerHTML = "<object name='ocx' id='ocx_v6' width='100%' height='100%' classid='CLSID:E0DA039D-992F-4187-A105-C699A71F5F06'></object>";
			div2.innerHTML = "<object  name='ocx' id='ocx' width='100%' height='100%' classid='CLSID:7DA73544-34F7-4c96-A86F-F7E3F51A9D23' codebase='/OCXCtrl.CAB#Version=2,0,4,36'></object>";
        } else if (system === "Mac") {
        	FLAG = 1;
            div2_v6.innerHTML = "<embed width='0' height='0' type='text/x-vplugin' name='ocx' id='ocx_v6'>";        
        }
        installOcx();
	}

	</script>
	<script>
		var divHeight = 0;
		var curPage = 0;
		var curPageNum = 0;
		var num = 0;
		var pageCount = 0;
		function fenye()
		{
			$('bRefresh').onclick = function(){
				times = 0;//when click the "refresh" button then set "times" equal zero
				refreshDevState(winParent.indexNum); //进入列表页后，首次注册刷新按钮
			};
			
			if(winParent.deviceListInfo != "null\n" && winParent.deviceListInfo != "")
			{
				var deviceList = eval(winParent.deviceListInfo);
				var length = deviceList.length;
				
				num = Math.floor(parseInt(divHeight)/41); //每一页能容纳的设备数

				pageCount = Math.ceil(length / num);  //页数
				
				if (num >= length)
				{
					curPage = 0;
					$('pre').onclick = function(){
						
						return false;
					};
					$('next').onclick = function(){
						
						return false;
					};
				}
				else
				{
					var i ; 
					
					$('pre').onclick = function(){
						curPage--;
						if (curPage < 0)
						{
							curPage++;
							return false;
						}

						i = parseInt(curPage * num);
						refreshDevState(i);

						$('bRefresh').onclick = function(){
							times = 999;
							refreshDevState(i);
						}
					};

					$('next').onclick = function(){
						curPage++;
						if ((curPage + 1) > pageCount)
						{
							curPage--;
							return false;
						}

						i = parseInt(curPage * num);
						refreshDevState(i);

						$('bRefresh').onclick = function(){
							times = 999;
							refreshDevState(i);
						}
					};
				}
			}
		}
		
	</script>
</html>