API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 25th, 2016
142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 83.96 KB | None | 0 0
raw download clone embed print report
  1. <!-- saved from url=(0023)http://tthcc.boxip.net/ -->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!-- Generated by Developer Tools. This might not be an accurate representation of the original source file -->
  4. <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>NETSurveillance WEB</TITLE>
  5. <META content="text/html; charset=UTF-8" http-equiv=Content-Type><LINK rel=stylesheet type=text/css href="m.css" media=screen><!-- m.js -->
  6. <SCRIPT language=JavaScript type=text/javascript>
  7.     if(navigator.userAgent.indexOf('IE') < 0)
  8.     {
  9.         var userAgent = navigator.userAgent,  
  10.                rMsie = /(msie\s|trident.*rv:)([\w.]+)/,  
  11.                rFirefox = /(firefox)\/([\w.]+)/,  
  12.                rOpera = /(opera).+version\/([\w.]+)/,  
  13.                rChrome = /(chrome)\/([\w.]+)/,  
  14.                rSafari = /version\/([\w.]+).*(safari)/;
  15.         var browserMatch = uaMatch(userAgent.toLowerCase());
  16.          
  17.         if(browserMatch.browser!="IE")
  18.         {
  19.              location="Login.htm";
  20.         }
  21.        
  22.     }
  23.    
  24.     function uaMatch(ua) {  
  25.                    var match = rMsie.exec(ua);
  26.              
  27.                    if (match != null) {  
  28.                        return { browser : "IE", version : match[2] || "0" };  
  29.                   }  
  30.                    var match = rFirefox.exec(ua);  
  31.                   if (match != null) {  
  32.                       return { browser : match[1] || "", version : match[2] || "0" };  
  33.                    }  
  34.                    var match = rOpera.exec(ua);  
  35.                    if (match != null) {  
  36.                       return { browser : match[1] || "", version : match[2] || "0" };  
  37.                    }  
  38.                   var match = rChrome.exec(ua);  
  39.                   if (match != null) {  
  40.                       return { browser : match[1] || "", version : match[2] || "0" };  
  41.                   }  
  42.                    var match = rSafari.exec(ua);  
  43.                    if (match != null) {  
  44.                       return { browser : match[2] || "", version : match[1] || "0" };  
  45.                    }  
  46.                  if (match != null) {  
  47.                        return { browser : "", version : "0" };  
  48.                   }  
  49.               }  
  50.    </SCRIPT>
  51.  
  52. <SCRIPT type=text/javascript>//m.js
  53.      var ipaddress =document.location.hostname;
  54. if (ipaddress == "")
  55. {
  56.     ipaddress = "10.10.32.192";
  57.     //ipaddress = "10.10.32.26";
  58. }
  59. var hostport=34567;
  60. var iLanguage=100;
  61.     var numLanguage;
  62.     var DownLoadAddr="";
  63.     </SCRIPT>
  64.  
  65. <SCRIPT type=text/javascript src="m.jsp"></SCRIPT>
  66.  
  67. <SCRIPT type=text/javascript src="config.js"></SCRIPT>
  68. <!-- ???? -->
  69. <SCRIPT type=text/javascript>
  70. var gExitChannel=new Array();
  71. var gExitSubType=new Array();
  72. var gexiti;
  73. var gcid=-1;
  74. var g_channelNum=4;
  75. var g_digitalChannel=0;
  76. var gsld;
  77. var gslda;
  78. var gsldb;
  79. var gsldc;
  80. var gsldd;
  81. var gfmu1=0;
  82. var gfmu2=0;
  83. var gfmu3=0;
  84. var g_bRecord=false;
  85. var g_bRealPlay=false;
  86. var g_bAudio=false;
  87. var g_bQS=false;
  88. var g_bSubQS1=true;
  89. var g_bSubQS2=true;
  90. var g_bSubQS3=true;
  91. var g_bSubQS4=false;
  92. var g_strSubQS4Name = '';
  93. var g_bClose=false;
  94. var gHashCookie = new Hash.Cookie('NetSuveillanceWebCookie',{duration: 30});
  95. var settings = {
  96.     username:'',
  97.     ocxlanguage:''
  98.     }
  99. var gca=0;
  100. var gcb=0;
  101. var gcc=0;
  102. var gcd=0;
  103. var gAutoPlayAll=false;
  104.    
  105.  
  106.     </SCRIPT>
  107. <!-- ???? -->
  108. <SCRIPT type=text/javascript>
  109. function sldtopos(sld,step){
  110.     sld.knob.setStyle('left', sld.toPosition(step));
  111. }
  112. function setcolorsv(f,v){
  113.         switch (f)
  114.         {
  115.             case 1: gca=v;
  116.                     $('ska').title=v;
  117.                     break;
  118.             case 2: gcb=v;
  119.                     $('skb').title=v;
  120.                     break;
  121.             case 3: gcc=v;
  122.                     $('skc').title=v;
  123.                     break;
  124.             case 4: gcd=v;
  125.                     $('skd').title=v;
  126.                     break;
  127.         }  
  128. }
  129. function getcolors(){
  130.     var colors="";
  131.     colors=ocx.GetColor();
  132.    
  133.     var t= new Array();
  134.     if (colors !="")
  135.     {
  136.         t=colors.split(',');
  137.     sldtopos(gslda,parseInt(t[0]));
  138.     sldtopos(gsldb,parseInt(t[1]));
  139.     sldtopos(gsldc,parseInt(t[2]));
  140.     sldtopos(gsldd,parseInt(t[3]));
  141.     setcolorsv(1,parseInt(t[0]));
  142.     setcolorsv(2,parseInt(t[1]));
  143.     setcolorsv(3,parseInt(t[2]));
  144.     setcolorsv(4,parseInt(t[3]));
  145.     }
  146.     else//???????????
  147.     {
  148.        
  149.         sldtopos(gslda,parseInt(0));
  150.     sldtopos(gsldb,parseInt(0));
  151.     sldtopos(gsldc,parseInt(0));
  152.     sldtopos(gsldd,parseInt(0));
  153.     setcolorsv(1,parseInt(0));
  154.     setcolorsv(2,parseInt(0));
  155.     setcolorsv(3,parseInt(0));
  156.     setcolorsv(4,parseInt(0)); 
  157.     }
  158.    
  159.  
  160. }
  161. function txreset(step){
  162.     setcolorsv(1,step);
  163.     setcolorsv(2,step);
  164.     setcolorsv(3,step);
  165.     setcolorsv(4,step);
  166.     sldtopos(gslda,step);
  167.     sldtopos(gsldb,step);
  168.     sldtopos(gsldc,step);
  169.     sldtopos(gsldd,step);
  170.     setcolors();
  171. }
  172. function setcolors(){
  173.     ocx.SetColor(0,gca,gcb,gcc,gcd);
  174. }
  175.     </SCRIPT>
  176. <!-- ????  -->
  177. <SCRIPT type=text/javascript>
  178.     function tl(s){
  179.     var ret;
  180.     ret=ocx.Translate(s);
  181.     return ret;
  182. }//moving here for later function
  183. function ca(o,ch)
  184. {
  185. var oc;
  186.     if ($(o).hasClass('cl1')){
  187.         if (ocx.StartRealPlay(ch,0,0)){
  188.             oc=$('c'+ch);
  189.             oc.removeClass(oc.className);
  190.             oc.addClass('cl2');  
  191.         }
  192.     }
  193.     else{
  194.         if (ocx.StopPlayReal(ch)){
  195.            oc=$('c'+ch);
  196.             oc.removeClass(oc.className);
  197.             oc.addClass('cl1');
  198.         }
  199.     }
  200.    
  201. }
  202.  
  203. function getcl(){  
  204.     g_digitalChannel=ocx.GetDeviceState(1,0);
  205.     var t= new Array();
  206.     var ts=new Array();
  207.     var titles=new Array();
  208.         titles[0]=tl('Desktop.LocalRecord');
  209.         titles[1]=tl('Desktop.ExtStream');
  210.         titles[2]=tl('Desktop.MainStream');
  211.         titles[3]=tl('Desktop.StartTalk');
  212.         titles[4]=tl('WebTitle.DigitalChannel');
  213.     var shtml="";
  214.  
  215.     shtml+="<li id='Talk' ><a title='"+titles[3]+"' id='talking' class='noT' href='javascript:;'  onclick='Ontalk()' ></a><span id='logoString' style='margin:0 5px 0 3px;'>NetSurveillance</span></li> "
  216.     var strsplita=String.fromCharCode(16);
  217.     var strsplitb=String.fromCharCode(9);
  218.     var sc;
  219.     sc=ocx.GetChannelName();   
  220.     if (sc !=""){
  221.         sc=sc.substr(0, sc.length-1);
  222.         t=sc.split(strsplita);
  223.         g_channelNum=t.length;
  224.        
  225.         var htmlReg = /<(\w+)>/;
  226.         for (var i =0; i<t.length;i++ ){
  227.             ts=t[i].split(strsplitb);
  228.             ts[1].replace(htmlReg, "&lt;$1&gt;");  //??html??
  229. //          if(i>=(g_channelNum-g_digitalChannel))
  230. //          {
  231. //              shtml+="<li  ><a title='"+titles[0]+"' style='width:25px;margin:0,0,0,0px;outline:none;' id='re" + ts[0] + "' class='noRecord' href='javascript:;' onclick='record(this," + ts[0]
  232. //                            + ")'></a><a title='"+titles[4]+"' id='c" + ts[0] + "' class='cl1' onclick='ca(this," + ts[0] +")' ></a><span id='name"+ts[0]+"'  style='position:absolute;margin:3px 0 0 0;'>" + ts[1] + "</span></li>" //<span style='filter:;'>
  233. //                 
  234. //          }
  235. //          else
  236.             {
  237.                 shtml+="<li ><a title='"+titles[0]+"' style='width:25px;margin:0,0,0,0px;outline:none;' id='re" + ts[0] + "' class='noRecord' href='javascript:;' onclick='record(this," + ts[0]
  238.                               + ")'></a><a title='"+titles[1]+"' style='width:25px;margin:0,0,0,0px;outline:none;' id='subPlay" + ts[0] + "' class='noSubPlay' href='javascript:;' onclick='subPlay(this," + ts[0]
  239.                               + ")'></a><a title='"+titles[2]+"' id='c" + ts[0] + "' class='cl1' onclick='ca(this," + ts[0] +")' ></a><span id='name"+ts[0]+"'  style='position:absolute;white-space :nowrap;margin:3px 0 0 0;'>" + ts[1] + "</span></li>" //<span style='filter:;'>
  240.            
  241.             }
  242.  
  243.            
  244.         }
  245.         $("cl").innerHTML=shtml;
  246.         var ls = $$('#cl li');
  247.     }
  248.     //m_ocx.ChangeShowWndNum();
  249.     showExit();
  250.     showSelectNumb();
  251.     $('logoString').setText(logoString);//
  252. }
  253. function showSelectNumb() {
  254.            
  255.             switch(g_channelNum)
  256.             {
  257.          
  258.                 case 1:
  259.                 {
  260.                     $('xp2').style.display="none" ;
  261.                     $('xp3').style.display="none" ;
  262.                     $('xp4').style.display="none" ;
  263.                     $('xp5').style.display="none" ;
  264.                     $('xp6').style.display="none" ;
  265.                     $('xp7').style.display="none" ;                                      
  266.                     break;                
  267.                 }
  268.                 case 2:
  269.                 case 3:
  270.                 case 4:
  271.                 {
  272.                     $('xp3').style.display="none" ;
  273.                     $('xp4').style.display="none" ;
  274.                     $('xp5').style.display="none" ;
  275.                     $('xp6').style.display="none" ;
  276.                     $('xp7').style.display="none" ;    
  277.                     break;                
  278.                 }
  279.                 case 5:
  280.                 case 6:
  281.                 case 7:
  282.                 case 8:
  283.                 case 9:
  284.                 {
  285.                     $('xp4').style.display="none" ;
  286.                     $('xp5').style.display="none" ;
  287.                     $('xp6').style.display="none" ;
  288.                     $('xp7').style.display="none" ;      
  289.                     break;                
  290.                 }                
  291.                 case 10:
  292.                 case 11:
  293.                 case 12:
  294.                 case 13:
  295.                 case 14:
  296.                 case 15:
  297.                 case 16:
  298.                 {
  299.                     $('xp5').style.display="none" ;
  300.                     $('xp6').style.display="none" ;
  301.                     $('xp7').style.display="none" ;      
  302.                     break;                
  303.                 }
  304.                 case 17:
  305.                 case 18:
  306.                 case 19:
  307.                 case 20:
  308.                 case 21:
  309.                 case 22:
  310.                 case 23:
  311.                 case 24:
  312.                 case 25:
  313.                 {
  314.                     $('xp6').style.display="none" ;  
  315.                     $('xp7').style.display="none" ;  
  316.                     break;                
  317.                 }
  318.                 case 26:
  319.                 case 27:
  320.                 case 28:
  321.                 case 29:
  322.                 case 30:
  323.                 case 31:
  324.                 case 32:
  325.                 {
  326.                     $('xp7').style.display="none" ;
  327.                     break;                
  328.                 }
  329.                 default: break;
  330.             }    
  331. }
  332. function showExit() {
  333.  
  334.  
  335.       for(var j=1;j<gexiti+1;j++)
  336.        {    
  337.            if(gExitSubType[j]==true)
  338.            {
  339.            
  340.                    var temp="subPlay"+gExitChannel[j].toString();      
  341.                    $(temp).removeClass($(temp).className);
  342.                    $(temp).addClass('subPlay');            
  343.            }
  344.            else
  345.            {
  346.        
  347.                var temp="c"+gExitChannel[j].toString();      
  348.                $(temp).removeClass($(temp).className);
  349.                $(temp).addClass('cl2');
  350.            
  351.            }
  352.          
  353.        }
  354.        gexiti=0;
  355. }
  356.  
  357.  
  358.    </SCRIPT>
  359. <!-- ??????(???) -->
  360. <SCRIPT type=text/javascript>
  361. function resizeL(){
  362.                    
  363.                    $('username').setStyle('width',InputName.width);
  364.                    $('username').setStyle('line-height',InputName.height);                  
  365.                    $('password').setStyle('line-height',InputName.height);  
  366.                    $('username').setStyle('height',InputName.height);  
  367.                    $('username').setStyle('margin-top',InputName.marginTop);                                         
  368.                    $('username').setStyle('margin-right',InputName.marginRight);
  369.                    $('userNameInput').setStyle('margin-top',SpanLoginName.marginTop);      
  370.                    $('password').setStyle('width',InputPassword.width);
  371.                    $('password').setStyle('height',InputPassword.height);
  372.                    $('password').setStyle('margin-top',InputPassword.marginTop);
  373.                    $('password').setStyle('margin-right',InputPassword.marginRight);
  374.                    
  375.                    $('loginBT').setStyle('width',LoginButton.width);
  376.                    $('loginBT').setStyle('height',LoginButton.height); 
  377.                    
  378.                        
  379.                    if(1==LogoNumbers)
  380.                    {
  381.                        $("logo1").setStyle('background','none');
  382.                    }  
  383.  
  384.  
  385.  
  386.                                          
  387.                     wwidth =document.documentElement.clientWidth;
  388.                    
  389.                     wheight=document.documentElement.clientHeight;
  390.                    
  391.                     $('login').setStyle('width',wwidth);
  392.                    
  393.                    $('lm').setStyle('width',wwidth);
  394.                    
  395.                            
  396.                     if(wwidth<=417)
  397.                     {
  398.                         $('lmll').style.width=0;
  399.                         $('lmrr').style.width=0;
  400.                         $('lml').style.width=0;
  401.                         $('lmr').style.widht=0;
  402.                         $('lmm').setStyle('width',wwidth);
  403.                        
  404.                         $('ldl').setStyle('width',0)
  405.                         $('ldm').setStyle('width',wwidth);
  406.                         $('ldr').setStyle('width',0)
  407.                     }
  408.                     else if(wwidth<=1127)
  409.                    {
  410.                         $('lmll').style.width=0;
  411.                         $('lmrr').style.width=0;                         
  412.                         $('lml').setStyle('width',(wwidth-417)/2+(355-(wwidth-417)/2));
  413.                         $('lml').setStyle('margin-left',-(355-(wwidth-417)/2));
  414.                         $('lmr').setStyle('width',(wwidth-417)/2);
  415.                         $('lmm').setStyle('width',417);
  416.                        
  417.                         $('ldl').setStyle('width',((wwidth-417)/2)-1)
  418.                         $('ldm').setStyle('width',417);
  419.                         $('ldr').setStyle('width',(wwidth-(417+(wwidth-417)/2-1)));
  420.                        
  421.                        
  422.                        
  423.                    
  424.                     }
  425.                     else
  426.                     {        
  427.                      
  428.                       $('lml').setStyle('margin-left',0);
  429.                                            
  430.                       $('lml').setStyle('width',355);                      
  431.                       $('lmr').setStyle('width',355);
  432.                       $('lmm').setStyle('width',417);                      
  433.  
  434.                      
  435.                        $('ldm').setStyle('width',417);
  436.                        var w=(wwidth-(417+355+355))/2;
  437.                        $('ldl').setStyle('width',w+355);
  438.                        $('ldr').setStyle('width',(wwidth-(417+355+w)));                  
  439.                          
  440.                         $('lmll').setStyle('width',w); 
  441.                         $('lmrr').setStyle('width',w);                             
  442.                     }
  443. }
  444. var g_Radio=1.25;//1.78
  445. function  ChangeRadio() {
  446.    if(g_Radio==1.25)
  447.    {
  448.        g_Radio=1.78;            
  449.    }
  450.    else
  451.    {
  452.        g_Radio=1.25;
  453.    }
  454.    resizeM();
  455.    
  456.    
  457. }
  458. function resizeM(){
  459.         var mbbw;
  460.     var mbbh;
  461.     var wwidth =document.documentElement.clientWidth;
  462.     var wheight=document.documentElement.clientHeight;
  463.     if (wheight<600) wheight=600;
  464.     //ma31,dra24,mc13,pb26
  465.  
  466.     mbbh=wheight-$(ma).getCoordinates().height-$(dra).getCoordinates().height-$(mc).getCoordinates().height-$(pb).getCoordinates().height-5-10;
  467.    
  468.     glhight=wheight-$(ma).getCoordinates().height-$(dra).getCoordinates().height-$(mc).getCoordinates().height+5-10;
  469.     //mcup:349
  470.     grhight=wheight-349-$(ma).getCoordinates().height-$(dra).getCoordinates().height-$(mc).getCoordinates().height+5-10;
  471.    
  472.     mbbw=mbbh *64/51;
  473.     mbbw=mbbh *g_Radio;
  474.    
  475.     $('mb').setStyle('width', mbbw+(145*2+8));
  476.     $('mbb').setStyle('width', mbbw);//yzt 0508
  477.     $('mbb').setStyle('height', mbbh); 
  478.     $('mbal').setStyle('height', glhight);
  479.     $('yt3').setStyle('height', grhight);
  480.     $('backGround').setStyle('height', wheight);   
  481.     $('dcl').setStyle('height', glhight);
  482.     $('QS').setStyle('left', screen.width-170);
  483.    
  484.     $('ma').setStyle('width', $(mba).getCoordinates().left*2+$(mba).getCoordinates().width+$(mbb).getCoordinates().width+$(mbc).getCoordinates().width+3);
  485.     $('mc').setStyle('width',$(ma).getCoordinates().width);
  486.     if(screen.width<$(mbc).getCoordinates().right+170)
  487.     {
  488.        $('QS').setStyle('left', $(mbc).getCoordinates().right+10);
  489.     }
  490.     if(g_Radio==1.78|| !g_bSubQS1&& !g_bSubQS2 && !g_bSubQS3 && !g_bSubQS4)
  491.     {
  492.        $('QS').setStyle('left', screen.width-100);
  493.        $('QS').style.display='none';
  494.     }else
  495.     {
  496.        if(g_bQS&&!g_bClose)
  497.        {
  498.          $('QS').style.display='';
  499.        }
  500.        
  501.     }
  502.     if( g_bSubQS1&& g_bSubQS2 && g_bSubQS3 && g_bSubQS4 )
  503.     {
  504.         $('QS').setStyle('top', screen.height-650);
  505.     }
  506.     else
  507.     {
  508.         $('QS').setStyle('top', screen.height-550);
  509.     }
  510.     if (window.ActiveXObject) {
  511.                                 var ua = navigator.userAgent.toLowerCase();
  512.                                var ie=ua.match(/msie ([\d.]+)/)[1]
  513.                                 if(ie==6.0){
  514.                    
  515.                                    position_fixed(document.getElementById("QS"),wwidth-150,wheight-150);
  516.                      if(screen.width-wwidth>60)
  517.                      {
  518.                     $('QS').style.display='none';
  519.                      }else
  520.                      {
  521.                     if(g_Radio==1.78 || !g_bSubQS1&& !g_bSubQS2 && !g_bSubQS3 && !g_bSubQS4)
  522.                     {
  523.                        $('QS').style.display='none';
  524.                     }else
  525.                     {
  526.                        if(g_bQS&&!g_bClose )
  527.                        {
  528.                            $('QS').style.display='';
  529.                        }
  530.                     }
  531.                      }
  532.                                     }
  533.                                 }
  534.    
  535. }
  536.  
  537.  
  538. function resize(){
  539.  
  540.     resizeL();
  541.     resizeM();
  542.     }
  543. window.addEvent('resize',function(){
  544.     resize();
  545.    
  546. });
  547.     </SCRIPT>
  548. <!-- ?????(???) -->
  549. <SCRIPT type=text/javascript>
  550.     function ld()
  551. {
  552.  
  553.        gexiti=0;
  554.        gExitChannel[0]=0;
  555.        gExitSubType[0]=true;
  556.     var username = $("username").value;
  557.     var password = $("password").value;
  558.     var ocxlanguage=$("langlist").selectedIndex+1; 
  559.    
  560. var r=ocx.Login(ipaddress,hostport,username,password);
  561.     if(r==-11700)
  562.     {
  563.         location="err.htm";
  564.     }
  565.     if (r>0){
  566.        
  567.         getcl();
  568.         timeup(2);
  569.    
  570.    
  571.    
  572.            
  573.  
  574.         $('password').value="";
  575.         $('login').style.display="none";
  576.         $('m').style.top="0px";
  577.         resize();
  578.         settings['username'] = username;
  579.         settings['ocxlanguage'] = ocxlanguage;
  580.         savesetting();
  581.         if(gAutoPlayAll)
  582.         {
  583.         ocx.PlayAll();
  584.         }
  585.         g_bClose=false;
  586.    
  587.    
  588.    
  589.     }
  590. }
  591. function timeup(sec) {
  592. sec--;      
  593. if (sec == 0) {
  594. var shtml="";
  595.     shtml+="<div id='QSLogo'  style='text-align:center;width:90px;height:90px;background:url(c:/1.bmp);'></div>"
  596.     shtml+="<div id='QSText1'  style='text-align:center'><span id='QSText' style='color:#000;'></span></div>"
  597.     shtml+="<div id='QSLogo2' style='text-align:center;width:90px;height:90px;background:url(c:/2.bmp);'></div>"
  598.     shtml+="<div id='QSText2' style='text-align:center'><span style='color:#000;'>Android</span></span></div>"
  599.     shtml+="<div id='QSLogo3' style='text-align:center;width:90px;height:90px;background:url(c:/3.bmp);'></div>"
  600.     shtml+="<div id='QSText3' style='text-align:center'><span style='color:#000;'>IOS</span></div>"
  601.     shtml+="<div id='QSLogo4' style='text-align:center;width:90px;height:90px;background:url(c:/4.bmp);'></div>"
  602.     shtml+="<div id='QSText4' style='text-align:center'><span id='QSText42' style='color:#000;'>Other</span></div>"
  603.     $("QQ").innerHTML=shtml;
  604.     $('QSLogo').title=tl('DeviceManage.SerialID');
  605.    
  606.     $('QSText').setText(tl('DeviceManage.SerialID'));
  607.    
  608.     $('QSLogo2').title=tl('DeviceManage.Android');
  609.     $('QSLogo3').title=tl('DeviceManage.IOS');
  610.     $('QSLogo4').title= g_strSubQS4Name;
  611.     $('QSText42').setText(g_strSubQS4Name);
  612.    
  613.     if(!g_bSubQS1)
  614.     {
  615.         $('QSLogo').style.display='none'
  616.         $('QSText1').style.display='none'
  617.     }
  618.     if(!g_bSubQS2)
  619.     {
  620.         $('QSLogo2').style.display='none'
  621.         $('QSText2').style.display='none'
  622.     }
  623.     if(!g_bSubQS3)
  624.     {
  625.         $('QSLogo3').style.display='none'
  626.         $('QSText3').style.display='none'
  627.     }
  628.     if(!g_bSubQS4)
  629.     {
  630.         $('QSLogo4').style.display='none'
  631.         $('QSText4').style.display='none'
  632.     }
  633.     if( g_bSubQS1&& g_bSubQS2 && g_bSubQS3 && g_bSubQS4 )
  634.     {
  635.         $('QS').setStyle('top', screen.height-650);
  636.     }
  637.     if(!g_bSubQS1&& !g_bSubQS2 && !g_bSubQS3 && !g_bSubQS4)
  638.     {
  639.         $('QS').style.display='none'
  640.  
  641.     }
  642.     //$('QS').style.display='';
  643.    
  644. }
  645. else {setTimeout("timeup("+sec+")", 1000);}
  646. }
  647. function DownLoadLo()
  648. {
  649.     window.open(DownLoadAddr);
  650. }
  651.     function savesetting() {
  652.     gHashCookie.extend(settings);
  653. }
  654. function getsetting(){
  655.             if (gHashCookie.get('username')) {
  656.         settings['username'] = gHashCookie.get('username');
  657.     } else {
  658.         settings['username'] = '';
  659.     }
  660.     if (gHashCookie.get('ocxlanguage')) {
  661.        
  662.         settings['ocxlanguage'] = gHashCookie.get('ocxlanguage');
  663.         var cLanguage;
  664.     switch(settings['ocxlanguage'])
  665.     {
  666.       case 1:
  667.              cLanguage="English";
  668.            
  669.              break;
  670.       case 2:
  671.              cLanguage="French";
  672.            
  673.              break;
  674.       case 3:
  675.              cLanguage="Hungarian";
  676.            
  677.              break;
  678.       case 4:
  679.              cLanguage="Italian";
  680.            
  681.              break;
  682.       case 5:
  683.              cLanguage="Japanese";
  684.              
  685.              break;
  686.       case 6:
  687.              cLanguage="Portugal";
  688.            
  689.              break;
  690.       case 7:
  691.              cLanguage="Russian";
  692.              
  693.              break;
  694.       case 8:
  695.              cLanguage="SimpChinese";
  696.            
  697.              break;
  698.       case 9:
  699.              cLanguage="Spanish";
  700.            
  701.              break;
  702.       case 10:
  703.              cLanguage="TradChinese";
  704.              
  705.              break;
  706.       case 11:
  707.              cLanguage="German";
  708.            
  709.              break;
  710.       case 12:
  711.              cLanguage="Poland";
  712.            
  713.              break;
  714.       case 13:
  715.              cLanguage="Turkey";
  716.            
  717.              break;
  718.       case 14:
  719.              cLanguage="Romanian";
  720.              break;
  721.       case 15:
  722.              cLanguage="Suomi";
  723.              break;
  724.       case 16:
  725.              cLanguage="Korean";
  726.              break;
  727.       case 17:
  728.              cLanguage="Farsi";
  729.              break;
  730.       case 18:
  731.              cLanguage="Thai";
  732.              break;
  733.       case 19:
  734.              cLanguage="Greek";
  735.              break;
  736.       case 20:
  737.              cLanguage="Vietnamese";
  738.              break;
  739.       case 21:
  740.              cLanguage="Brazilian";
  741.              break;
  742.       case 22:
  743.              cLanguage="Hebrew";
  744.              break;
  745.       case 23:
  746.              cLanguage="Arabic";  
  747.              break;
  748.       case 24:
  749.              cLanguage="Bulgarian";  
  750.              break;    
  751.       case 25:
  752.              cLanguage="Czech";  
  753.              break;
  754.       default:
  755.              cLanguage="English";
  756.              break;      
  757.     }
  758.     ocx.SetSpecialParamEx2(2,cLanguage,0,0);
  759.     inilanguage();
  760.     }
  761.     else
  762.     {
  763.         settings['ocxlanguage'] = numLanguage+1;
  764.        
  765.     }
  766.    
  767.     $('username').setProperty('value', settings['username']);
  768.     $('langlist').selectedIndex=settings['ocxlanguage']-1;
  769.  
  770. }
  771.  
  772.  
  773. function inilanguage(){
  774. $('DVRcolor').setText(tl('Title.ImageConfig'));
  775.     $('mthf').setText(tl('WebTitle.Playback'));
  776.     $('mtrz').setText(tl('WebTitle.Log'));
  777.     $('mtkhdpz').setText(tl('WebTitle.LocalConfig'));
  778.     $('mtsbpz').setText(tl('WebTitle.RemoteCfg'));
  779.     $('mttc').setText(tl('WebTitle.LogOut'));
  780.     $('xbc').setText(tl('WebPtz.Step')+'(1-8):');
  781.     if(iLanguage==109)
  782.     {
  783.     $('xbc').setText(tl('WebPtz.Step'));
  784.     }
  785.    
  786.     $('xbb').setText(tl('WebPtz.Zoom'));
  787.     $('xbj').setText(tl('WebPtz.Focus'));
  788.     $('xgq').setText(tl('WebPtz.Iris'));
  789.     $('mbcyzd').setText(tl('WebPtz.Preset')+':');
  790.     $('mbcdjxh').setText(tl('WebPtz.Cruise')+':');
  791.     $('taba1').setText(tl('WebTitle.ImageColorConfig'));
  792.     $('xcz').setText(tl('WebBT.SetDefault'));
  793.     $('xcqsb').setText(tl('WebBT.Reboot'));
  794.     $('ratio').setText(tl('WebBT.ChangeRatio'));
  795.     $('taba2').setText(tl('WebTitle.OtherSet'));
  796.     $('userNameInput').setText(tl('WebInput.UserName'));
  797.     $('passWordInput').setText(tl('WebInput.Password'));
  798.     $('loginBT').setText(tl('WebBT.LogIn'));
  799.     $('PlayAudio').setText(tl('Desktop.PlayMusic'));
  800.     $('QSC').setText(tl('PlayBack.Close'));
  801.    
  802.    
  803.     $('xp0').title=tl('Desktop.SplitFull');
  804.     $('xp1').title=tl('Desktop.Split1');
  805.     $('xp2').title=tl('Desktop.Split4');
  806.     $('xp3').title=tl('Desktop.Split9');
  807.     $('xp4').title=tl('Desktop.Split16');
  808.     $('xp5').title=tl('Desktop.Split25');
  809.     $('xp6').title=tl('Desktop.Split36');
  810.     $('startPlayAll').title=tl('WebBT.PlayAll');
  811.     $('stopPlayAll').title=tl('WebBT.StopPlayAll');
  812.     $('snap').title=tl('Desktop.Snapshot');
  813.     $('recordAll').title=tl('WebBT.RecordAll');
  814.     $('stopRecordAll').title=tl('WebBT.StopRecordAll');
  815.     $('Audio').title=tl('Desktop.Audio');
  816.    
  817.     $('goPreset').title=tl('PtzControl.Goto');
  818.     $('addPreset').title=tl('PtzControl.AddPreset');
  819.     $('delPreset').title=tl('PtzControl.DelPreset');
  820.     $('goCruise').title=tl('PtzControl.Start');
  821.     $('stopCruise').title=tl('PtzControl.Stop');
  822.     $('editCruise').title=tl('PtzControl.Edit');
  823.    
  824.     $('xtld').title=tl('ConfigEncode.Brightness');
  825.     $('xtdbd').title=tl('ConfigEncode.Contrast');
  826.     $('xtbhd').title=tl('ConfigEncode.Saturation');
  827.     $('xtsd').title=tl('ConfigEncode.Hue');
  828.    
  829. //    $('Talk').title=tl('Desktop.StartTalk');
  830.  
  831. }
  832.     </SCRIPT>
  833. <!-- ??? -->
  834. <SCRIPT type=text/javascript>
  835.     function showmu1(){
  836.     if (gfmu1==0)
  837.     {  
  838.         gfmu1=1;
  839.         $('smu1').style.display="";        
  840.     }
  841.     else{
  842.         closemu1();
  843.     }  
  844. }
  845.  
  846. function closemu1(){
  847.     gfmu1=0;
  848.     $('smu1').style.display="none";
  849. }
  850. function onmu1(v){
  851.     $('ps').value=v;
  852.     closemu1();
  853. }
  854.     </SCRIPT>
  855. <!-- ???,??,??,?? -->
  856. <SCRIPT type=text/javascript>
  857.     function startPlayAll() {
  858.     ocx.PlayAll();
  859. }
  860. function StopPlayAll() {
  861.  
  862.     ocx.StopRealPlayAll();
  863. }
  864. function recordAll() {
  865.  
  866.     if(ocx.startRecordAll("C:\\record"))
  867.     {
  868.     }
  869. }
  870. function stopRecordAll() {
  871.     if(ocx.stopRecordAll())
  872.     {
  873.     }
  874. }
  875.  
  876. function openAudio() {
  877.     if(g_bAudio)
  878.     {
  879.         if(ocx.CloseSound(1))
  880.         {
  881.             g_bAudio=false;    
  882.             $('Audio').removeClass($('Audio').className);
  883.             $('Audio').addClass('p102')
  884.         }        
  885.     }
  886.     else
  887.     {
  888.         if(ocx.OpenSound(-1))
  889.         {
  890.             $('Audio').removeClass($('Audio').className);
  891.             $('Audio').addClass('p10')
  892.             g_bAudio=true;
  893.         }    
  894.     }
  895.    
  896. }
  897. function Ontalk() {
  898.     if($('talking').hasClass('noT'))
  899.     {
  900.         if(ocx.StartTalk())
  901.         {
  902.             $('talking').removeClass($('talking').className);
  903.             $('talking').addClass('t');
  904.             $('talking').title=tl('Desktop.StopTalk');
  905.                    
  906.         }        
  907.        
  908.     }
  909.     else
  910.     {  
  911.         if(ocx.StopTalk())
  912.         {
  913.             $('talking').removeClass($('talking').className);
  914.             $('talking').addClass('noT');
  915.             $('talking').title=tl('Desktop.StartTalk');
  916.            
  917.         }
  918.    
  919.     }
  920.    
  921. }
  922.     </SCRIPT>
  923. <!-- ??,??,?????... -->
  924. <SCRIPT>
  925. function subPlay(ob,channel) {
  926.    
  927.     if($(ob).hasClass('noSubPlay'))
  928.     {
  929.    
  930.         if(ocx.StartRealPlay(channel,0,1))
  931.         {
  932.             $(ob).removeClass($(ob).className);
  933.             $(ob).addClass('subPlay');
  934.             getcolors();
  935.                
  936.         }
  937.      }
  938.      else
  939.      {
  940.         if(ocx.StopPlayReal(channel))
  941.         {
  942.             $(ob).removeClass($(ob).className);
  943.             $(ob).addClass('noSubPlay');
  944.                
  945.         }
  946.        
  947.      }
  948.        
  949. }
  950. function record(ob,channel) {
  951.    
  952.     if($(ob).hasClass('noRecord'))
  953.     {
  954.    
  955.         if(ocx.StartRecordByChannel(channel))
  956.         {
  957.             $(ob).removeClass($(ob).className);
  958.             $(ob).addClass('record');
  959.                
  960.         }
  961.      }
  962.      else
  963.      {
  964.         if(ocx.StopRecordBychannel(channel))
  965.         {
  966.             $(ob).removeClass($(ob).className);
  967.             $(ob).addClass('noRecord');
  968.                
  969.         }
  970.        
  971.      }
  972.        
  973. }
  974. function Logout() {
  975.     if(ocx.Logout())
  976.     {
  977.             $('m').style.top="-10000px";
  978.             $('login').style.display="";
  979.             $('preSet').value=1;
  980.             $('cruise').value=1;
  981.             $('ps').value=5;
  982.             $('QS').style.display='none';
  983.             g_bClose=true;
  984.     }
  985.    
  986. }
  987.  
  988.  
  989. function recordCtrl()//????????(?????)
  990. {
  991.     if(!g_bRecord)
  992.     {
  993.         if(ocx.StartRecord('C:\\record'))
  994.         {
  995.             $('record').removeClass($('record').className);
  996.             $('record').addClass('p92')    
  997.             g_bRecord=true;          
  998.         }
  999.        
  1000.     }
  1001.     else
  1002.     {
  1003.         if(ocx.StopRecord())
  1004.         {
  1005.             $('record').removeClass($('record').className);
  1006.             $('record').addClass('p9')        
  1007.             g_bRecord=false;
  1008.         }
  1009.        
  1010.     }
  1011. }
  1012. function StopRealPlay() //??????????(?????)
  1013. {
  1014.     if(ocx.StopRealPlay())
  1015.     {
  1016.             $('stop').removeClass($('stop').className)
  1017.             $('stop').addClass('p7')        
  1018.     }
  1019.    
  1020. }
  1021.  
  1022.  
  1023.     </SCRIPT>
  1024. <!-- ?? -->
  1025. <SCRIPT language=javascript for=ocx event=PlayAudio(bIsPlay)>
  1026.         if (bIsPlay) {
  1027.            
  1028.             $('PlayAudio').style.display='';
  1029.         }else
  1030.         {
  1031.            $('PlayAudio').style.display="none";
  1032.         }
  1033.     </SCRIPT>
  1034. <!--SCRIPT language=JavaScript type=text/JavaScript>
  1035.     var tmpDate = new Date();
  1036.     var year= tmpDate.getYear();
  1037.    </SCRIPT-->
  1038. <SCRIPT language=javascript for=ocx event=reName(channel)>
  1039.        
  1040.      var ts=new Array();
  1041.      var t= new Array();
  1042.      var strsplita=String.fromCharCode(16);
  1043.     var strsplitb=String.fromCharCode(9);
  1044.     var sc;
  1045.    
  1046.     sc=ocx.GetChannelName();   
  1047.     if (sc !=""){
  1048.         sc=sc.substr(0, sc.length-1);
  1049.         t=sc.split(strsplita);
  1050.            
  1051.            
  1052.             for (var i =0; i<t.length;i++ )
  1053.             {
  1054.                 ts=t[i].split(strsplitb);
  1055.                 var temp="name"+(i).toString();                    
  1056.                 $(temp).setText(ts[1]);
  1057.            
  1058.             }
  1059.  
  1060.         }
  1061.    </SCRIPT>
  1062.  
  1063. <SCRIPT language=javascript for=ocx event=HideQS(bHide)>
  1064.        
  1065.         if (bHide==true) {
  1066.             $('QS').style.display='none';
  1067.             g_bQS=false;
  1068.         }else
  1069.         {
  1070.             $('QS').style.display='';
  1071.             g_bQS=true;
  1072.            
  1073.         }
  1074.     </SCRIPT>
  1075.  
  1076. <SCRIPT language=javascript for=ocx event="ShowSubQS(bShow1, bShow2, bShow3, bShow4, name4)">
  1077.  
  1078.         if(bShow1) {
  1079.            // $('QSLogo').style.display= '';
  1080.                     g_bSubQS1 = true;
  1081.         }else
  1082.         {
  1083.             //$('QSLogo').style.display='none';
  1084.             g_bSubQS1 = false;
  1085.         }
  1086.        
  1087.         if(bShow2) {
  1088.             //$('QSLogo2').style.display= '';
  1089.                     g_bSubQS2 = true;
  1090.         }else
  1091.         {
  1092.             //$('QSLogo2').style.display='none';
  1093.             g_bSubQS2 = false;
  1094.         }
  1095.        
  1096.         if(bShow3) {
  1097.             //$('QSLogo3').style.display= '';
  1098.                     g_bSubQS3 = true;
  1099.         }else
  1100.         {
  1101.             //$('QSLogo3').style.display='none';
  1102.             g_bSubQS3 = false;
  1103.         }
  1104.         if(bShow4) {
  1105.             //$('QSLogo4').style.display= '';
  1106.                     g_bSubQS4 = true;
  1107.         }else
  1108.         {
  1109.             //$('QSLogo4').style.display='none';
  1110.             g_bSubQS4 = false;
  1111.         }
  1112.         g_strSubQS4Name = name4;
  1113.     </SCRIPT>
  1114.  
  1115. <SCRIPT language=javascript for=ocx event=oneSubOpen(channel)>    
  1116.     var tempPlay="c"+(channel).toString();    
  1117.      if($(tempPlay).hasClass('cl2'))
  1118.     {
  1119.         $(tempPlay).removeClass($(tempPlay).className);
  1120.         $(tempPlay).addClass('cl1');        
  1121.     }
  1122.     var tempSubPlay="subPlay"+(channel).toString();      
  1123.         $(tempSubPlay).removeClass($(tempSubPlay).className);
  1124.             $(tempSubPlay).addClass('subPlay');
  1125.             getcolors();
  1126.    
  1127.     </SCRIPT>
  1128.  
  1129. <SCRIPT language=javascript for=ocx event=ForbitLanguage()>
  1130.      
  1131.     $('langlist').disabled=true;
  1132.     </SCRIPT>
  1133.  
  1134. <SCRIPT language=javascript for=ocx event=SelEnglish()>
  1135.        numLanguage=0;
  1136.     </SCRIPT>
  1137.  
  1138. <SCRIPT language=javascript for=ocx event=StopPosition()>
  1139.        $('menu').removeClass($('menu').className);
  1140.        $('menu').addClass('PositionStop');
  1141.     </SCRIPT>
  1142.  
  1143. <SCRIPT language=javascript for=ocx event=StartPosition()>
  1144.        $('menu').removeClass($('menu').className);
  1145.        $('menu').addClass('PositionStart');
  1146.     </SCRIPT>
  1147.  
  1148. <SCRIPT language=javascript for=ocx event=DigitalStatus(nStatus,channel)>
  1149.     if (1==nStatus) {
  1150.         var tempSubPlay="subPlay"+(channel).toString();
  1151.     $(tempSubPlay).removeClass($(tempSubPlay).className);
  1152.     $(tempSubPlay).addClass('forbitsubPlay');
  1153.    
  1154.      var tempRecord="re"+(channel).toString();
  1155.     $(tempRecord).removeClass($(tempRecord).className);
  1156.     $(tempRecord).addClass("forbitRecord");
  1157.    
  1158.     var tempPlay="c"+(channel).toString();
  1159.     $(tempPlay).removeClass($(tempPlay).className);
  1160.     $(tempPlay).addClass("forbitPlay");
  1161.    
  1162.     }
  1163.     if (0==nStatus) {
  1164.         var tempSubPlay="subPlay"+(channel).toString();
  1165.     $(tempSubPlay).removeClass($(tempSubPlay).className);
  1166.     $(tempSubPlay).addClass('noSubPlay');
  1167.    
  1168.      var tempRecord="re"+(channel).toString();
  1169.     $(tempRecord).removeClass($(tempRecord).className);
  1170.     $(tempRecord).addClass("noRecord");
  1171.    
  1172.     var tempPlay="c"+(channel).toString();
  1173.     $(tempPlay).removeClass($(tempPlay).className);
  1174.     $(tempPlay).addClass("cl1");
  1175.     }
  1176.     if (2==nStatus) {
  1177.     var tempPlay="c"+(channel).toString();
  1178.         $(tempPlay).removeClass($(tempPlay).className);
  1179.         $(tempPlay).addClass("cl2");
  1180.     }
  1181.     if (3==nStatus) {
  1182.     var tempPlay="subPlay"+(channel).toString();
  1183.         $(tempPlay).removeClass($(tempPlay).className);
  1184.         $(tempPlay).addClass("noSubPlay");
  1185.     }
  1186.      if (4==nStatus) {
  1187.     var tempPlay="subPlay"+(channel).toString();
  1188.         $(tempPlay).removeClass($(tempPlay).className);
  1189.         $(tempPlay).addClass("subPlay");
  1190.        
  1191.     }
  1192.     if (5==nStatus) {
  1193.         var tempPlay="re"+(channel).toString();
  1194.         $(tempPlay).removeClass($(tempPlay).className);
  1195.         $(tempPlay).addClass("record");
  1196.     }
  1197.     if (6==nStatus) {
  1198.         var tempPlay="re"+(channel).toString();
  1199.         $(tempPlay).removeClass($(tempPlay).className);
  1200.         $(tempPlay).addClass("noRecord");
  1201.     }
  1202.    
  1203.     getcolors();
  1204.      </SCRIPT>
  1205.  
  1206. <SCRIPT language=javascript for=ocx event=OneChannelOpen(channel)>//??????,????
  1207. //     if(channel<g_channelNum-g_digitalChannel)
  1208. //     {
  1209.         var tempSubPlay="subPlay"+(channel).toString();        
  1210.    if($(tempSubPlay).hasClass('subPlay'))
  1211.    {
  1212.        $(tempSubPlay).removeClass($(tempSubPlay).className);
  1213.        $(tempSubPlay).addClass('noSubPlay');        
  1214.    }    
  1215. /*    }*/
  1216.  
  1217.    var tempPlay="c"+(channel).toString();        
  1218.        $(tempPlay).removeClass($(tempPlay).className);
  1219.            $(tempPlay).addClass('cl2');
  1220.            getcolors();
  1221.  
  1222.    </SCRIPT>
  1223.  
  1224. <SCRIPT language=javascript for=ocx event=startPlayExitChannel(channel,bSub)>//??????????
  1225.     gexiti++;
  1226.     gExitChannel[gexiti]=channel;
  1227.    if (bSub==true){
  1228.    
  1229.            gExitSubType[gexiti]=true
  1230.        
  1231.     }
  1232.     else
  1233.     {
  1234.         gExitSubType[gexiti]=false;
  1235.     }
  1236.     getcolors();
  1237.     </SCRIPT>
  1238.  
  1239. <SCRIPT language=javascript for=ocx event=RButtonDown(flag,x,y)>//????(????)
  1240.         ocx.Fullscreen(false);
  1241.     </SCRIPT>
  1242.  
  1243. <SCRIPT language=javascript for=ocx event=stopPlayOneChannel(lChannel)>//?????????(????)
  1244.    
  1245. var tempPlay="c"+(lChannel).toString();
  1246. var tempRecord="re"+(lChannel).toString();
  1247.  
  1248.  
  1249. $(tempPlay).removeClass($(tempPlay).className);
  1250.             $(tempPlay).addClass('cl1');
  1251. $(tempRecord).removeClass($(tempRecord).className);
  1252.             $(tempRecord).addClass('noRecord');
  1253.          
  1254. //             if(lChannel<g_channelNum-g_digitalChannel)
  1255. //             {
  1256.                  var tempSubPlay="subPlay"+(lChannel).toString();
  1257.            $(tempSubPlay).removeClass($(tempSubPlay).className);
  1258.            $(tempSubPlay).addClass('noSubPlay');  
  1259. /*            }*/
  1260.            
  1261.            
  1262.          
  1263.            
  1264.            getcolors();
  1265.    </SCRIPT>
  1266.  
  1267. <SCRIPT language=javascript for=ocx event="bRecordAndRealPlay(bRecord, bRealPlay)">//??????(?????????,???????)
  1268.             if(bRealPlay==true)
  1269.             {
  1270.                
  1271.             }
  1272.             {
  1273.                            
  1274.             }
  1275.    
  1276.                   //getcolors(); //?????
  1277.     </SCRIPT>
  1278.  
  1279. <SCRIPT language=javascript for=ocx event="AllChannelCtrl( bPlay, bStopPlay, bRecord,bStopRecord)">//?????,????,(??????,record????)
  1280.     if(bPlay)
  1281.     {
  1282.         if(bRecord)//????????
  1283.         {        
  1284.        
  1285.              for(var j=0;j<g_channelNum;j++)
  1286.             {            
  1287.                var tempSubPlay="subPlay"+(j).toString();        
  1288.                $(tempSubPlay).removeClass($(tempSubPlay).className);
  1289.                $(tempSubPlay).addClass('subPlay');
  1290.                
  1291.            }
  1292.        }
  1293.        else
  1294.        {
  1295.        
  1296.           for(var j=0;j<g_channelNum;j++)
  1297.            {
  1298.               var temp="c"+(j).toString();
  1299.                $(temp).removeClass($(temp).className);
  1300.                $(temp).addClass('cl2');
  1301.                          
  1302.            }
  1303.        
  1304.        }
  1305.        
  1306.    }else if(bStopPlay)  
  1307.    {
  1308.        
  1309.          for(var j=0;j<g_channelNum;j++)
  1310.        {
  1311.        
  1312.           var temp="c"+(j).toString();
  1313.            $(temp).removeClass($(temp).className);
  1314.            $(temp).addClass('cl1');
  1315.            
  1316. //             if(j>=g_channelNum-g_digitalChannel)
  1317. //             continue;
  1318.             var tempSubPlay="subPlay"+(j).toString();        
  1319.                 $(tempSubPlay).removeClass($(tempSubPlay).className);
  1320.                 $(tempSubPlay).addClass('noSubPlay');
  1321.         }
  1322.     }
  1323.     else if(bRecord)
  1324.     {
  1325.             for(var j=0;j<g_channelNum;j++)
  1326.        {
  1327.            var tempPlay="c"+(j).toString();
  1328.            var tempsub="subPlay"+(j).toString();
  1329.            if($(tempPlay).hasClass('cl2') || (/* j<g_channelNum-g_digitalChannel && */$(tempsub).hasClass('subPlay')))
  1330.            {
  1331.                var temp="re"+(j).toString();
  1332.                $(temp).removeClass($(temp).className);
  1333.                $(temp).addClass('record');            
  1334.            }
  1335.          
  1336.        }
  1337.    }
  1338.    else  if(bStopRecord)
  1339.    {
  1340.        for(var j=0;j<g_channelNum;j++)
  1341.        {
  1342.           var temp="re"+(j).toString();
  1343.            $(temp).removeClass($(temp).className);
  1344.            $(temp).addClass('noRecord');
  1345.        }
  1346.    
  1347.    }
  1348.    getcolors();
  1349.    </SCRIPT>
  1350.  
  1351. <SCRIPT language=javascript for=ocx event=bSound(bs)>//???????????
  1352.                     getcolors(); //?????
  1353.                     if(bs)
  1354.                     {
  1355.                         g_bAudio=true;                        
  1356.                         if($('Audio').hasClass('p102'))
  1357.                         {
  1358.                             $('Audio').removeClass($('Audio').className)
  1359.                             $('Audio').addClass('p10')
  1360.                         }                        
  1361.                     }
  1362.                     else
  1363.                     {
  1364.                         g_bAudio=false;
  1365.                         if($('Audio').hasClass('p10'))
  1366.                         {
  1367.                             $('Audio').removeClass($('Audio').className)
  1368.                             $('Audio').addClass('p102')
  1369.                         }                        
  1370.                     }
  1371.     </SCRIPT>
  1372.  
  1373. <SCRIPT language=javascript for=ocx event=ReBoot()>
  1374.    
  1375.       $('talking').removeClass($('talking').className);
  1376.       $('talking').addClass('noT');
  1377.       $('talking').title=tl('Desktop.StartTalk');//????
  1378.            
  1379.          for(var j=0;j<g_channelNum;j++)//????
  1380.        {
  1381.           var temp="re"+(j).toString();
  1382.            $(temp).removeClass($(temp).className);
  1383.            $(temp).addClass('noRecord');
  1384.        }    
  1385.            
  1386.            
  1387.    </SCRIPT>
  1388.  
  1389. <SCRIPT language=javascript for=ocx event=AutoPlayAll(bPlay)>
  1390.     if(bPlay)
  1391.     {
  1392.         gAutoPlayAll=true;
  1393.     }
  1394.     else
  1395.     {
  1396.         gAutoPlayAll=false;    
  1397.     }
  1398.    
  1399.     </SCRIPT>
  1400.  
  1401. <SCRIPT for=ocx type=text/javascript event=SpecialEvent(nType,nNumber,nCheck)>
  1402.    
  1403.     if(nType==1)
  1404.     {
  1405.         g_Radio=1.78;
  1406.         resizeM();              
  1407.     }
  1408.     </SCRIPT>
  1409. <!-- ???? -->
  1410. <SCRIPT>
  1411. window.addEvent('domready',function(){
  1412. if(g_whitePage)
  1413. {
  1414. return;
  1415. }
  1416. //??
  1417.     var container = $('mb');
  1418.     var drop = $('drb');
  1419.     var mba=$('mba');
  1420.     var mbb=$('mbb');
  1421.     var mbc=$('mbc');
  1422.     var dropFx = drop.effect('opacity', {wait: false}); // wait is needed so that to toggle the effect,
  1423.     var bedra= $('dra');
  1424.     var bedrc= $('drc');
  1425.     bedra.addEvent('mousedown', function(e) {
  1426.         e = new Event(e).stop();           
  1427.         var clone = this.clone()
  1428.             .setStyles(this.getCoordinates()) // this returns an object with left/top/bottom/right, so its perfect
  1429.             .setStyles({'opacity': 0.7, 'position': 'absolute'})
  1430.             .addEvent('emptydrop', function() {this.remove();drop.removeEvents();})                    
  1431.             .inject(document.body);
  1432.         drop.addEvents({
  1433.             'drop': function() {
  1434.                 drop.removeEvents();
  1435.                 clone.remove();                        
  1436.                 dropFx.start('1');                                         
  1437.                 if (mbc.getStyle('left') !='0px')
  1438.                 {
  1439.                     mbc.setStyle('left','0');
  1440.                     mbc.injectBefore(mba);
  1441.                     mbb.injectBefore(mba);
  1442.                 }
  1443.                 else{
  1444.                     mbc.setStyle('left','120');                        
  1445.                     mba.injectBefore(mbc);
  1446.                     mbb.injectBefore(mbc);
  1447.                 }
  1448.             },
  1449.             'over': function() {
  1450.                 dropFx.start('0.7');
  1451.             },
  1452.             'leave': function() {
  1453.                 dropFx.start('1');
  1454.             }                      
  1455.         });
  1456.         var drag = clone.makeDraggable({
  1457.             'container':container,
  1458.             'droppables': [drop]
  1459.         }); // this returns the dragged element
  1460.         drag.start(e); // start the event manual   
  1461.     });
  1462.  
  1463.  
  1464.     bedrc.addEvent('mousedown', function(e) {
  1465.         e = new Event(e).stop();           
  1466.         var clone = this.clone()
  1467.             .setStyles(this.getCoordinates()) // this returns an object with left/top/bottom/right, so its perfect
  1468.             .setStyles({'opacity': 0.7, 'position': 'absolute'})
  1469.             .addEvent('emptydrop', function() {this.remove();drop.removeEvents();})                    
  1470.             .inject(document.body);
  1471.         drop.addEvents({
  1472.             'drop': function() {
  1473.                 drop.removeEvents();
  1474.                 clone.remove();                        
  1475.                 dropFx.start('1');                                         
  1476.                 if (mbc.getStyle('left') !='0px')
  1477.                 {
  1478.                     mbc.setStyle('left','0');
  1479.                     mbc.injectBefore(mba);
  1480.                     mbb.injectBefore(mba);
  1481.                 }
  1482.                 else{
  1483.                     mbc.setStyle('left','120');                        
  1484.                     mba.injectBefore(mbc);
  1485.                     mbb.injectBefore(mbc);
  1486.                 }
  1487.             },
  1488.             'over': function() {
  1489.                 dropFx.start('0.7');
  1490.             },
  1491.             'leave': function() {
  1492.                 dropFx.start('1');
  1493.             }                      
  1494.         });
  1495.         var drag = clone.makeDraggable({
  1496.             'container':container,
  1497.             'droppables': [drop]
  1498.         }); // this returns the dragged element
  1499.         drag.start(e); // start the event manual   
  1500.     });
  1501. //????
  1502. gslda = new Slider($('saa'), $('ska'), {
  1503.     steps:128,
  1504.     onChange:function(step){setcolorsv(1,step);setcolors();}
  1505.     });
  1506.  
  1507.     gsldb = new Slider($('sab'), $('skb'), {
  1508.     steps:128,
  1509.     onChange:function(step){setcolorsv(2,step);setcolors();}
  1510.     });
  1511.    
  1512.     gsldc = new Slider($('sac'), $('skc'), {
  1513.     steps:128,
  1514.     onChange:function(step){setcolorsv(3,step);setcolors();}
  1515.     });
  1516.    
  1517.     gsldd = new Slider($('sad'), $('skd'), {
  1518.     steps:128,
  1519.     onChange:function(step){setcolorsv(4,step);setcolors();}
  1520.     });
  1521.     //********************************
  1522.  
  1523.  
  1524.  
  1525.     var taba1=$('taba1');
  1526.     var taba2=$('taba2');
  1527.     taba1.addEvent('click', function(e){
  1528.         new Event(e).stop();
  1529.         if (this.hasClass('t3'))
  1530.         {
  1531.             this.removeClass(this.className);
  1532.             this.addClass('t1');           
  1533.             taba2.removeClass(taba2.className);
  1534.             taba2.addClass('t2');
  1535.             $('yt3t1').style.display="";           
  1536.             $('yt3t2').style.display="none";           
  1537.         }
  1538.     });
  1539.    
  1540.     taba2.addEvent('click', function(e){
  1541.         new Event(e).stop();
  1542.         if (this.hasClass('t2'))
  1543.         {
  1544.             taba1.removeClass(taba2.className);
  1545.             taba1.addClass('t3');          
  1546.             this.removeClass(this.className);
  1547.             this.addClass('t4');
  1548.             $('yt3t1').style.display="none";           
  1549.             $('yt3t2').style.display="";           
  1550.         }
  1551.     });
  1552. //???
  1553.     var kwicks = $$('#kwick .kwick');
  1554.     var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition:Fx.Transitions.Back.easeOut});
  1555.     kwicks.each(function(kwick, i){
  1556.         kwick.addEvent('mouseenter', function(e){
  1557.             var obj = {};
  1558.             obj[i] = {
  1559.                 'width': [kwick.getStyle('width').toInt(), 155]
  1560.             };
  1561.             kwicks.each(function(other, j){
  1562.                 if (other != kwick){
  1563.                     var w = other.getStyle('width').toInt();
  1564.                     if (w != 80) obj[j] = {'width': [w,110]};
  1565.                 }
  1566.             });
  1567.             fx.start(obj);
  1568.         });
  1569.     });
  1570.    
  1571.     $('kwick').addEvent('mouseleave', function(e){
  1572.         var obj = {};
  1573.         kwicks.each(function(other, j){
  1574.             obj[j] = {'width': [other.getStyle('width').toInt(), 120]};
  1575.         });
  1576.         fx.start(obj);
  1577.     });
  1578.  
  1579. inilanguage();
  1580. getsetting();
  1581. });
  1582.     </SCRIPT>
  1583.  
  1584. <SCRIPT id=ie_ready defer src="javascript:void(0)"></SCRIPT>
  1585.  
  1586. <SCRIPT type=text/javascript>
  1587.       function DetectActiveX()
  1588.     {
  1589.         try  
  1590.         {  
  1591.            var comActiveX = new ActiveXObject("WEB.WebCtrl.1");      
  1592.            comActiveX=null;          
  1593.         }  
  1594.         catch(e)  
  1595.         {  
  1596.             return false;
  1597.         }
  1598.         return true;
  1599.     }
  1600.  
  1601.     function Download()
  1602.     {        
  1603.          window.open(LoardAddress);
  1604.     }
  1605.     var g_whitePage=false;
  1606.     var g_bDownLoadButton=false;
  1607.     if(false==DetectActiveX())
  1608.     {
  1609.         if (DownLoadAddr) {
  1610.             g_bDownLoadButton=true;
  1611.         }
  1612.        
  1613.         if(LoardAddress)
  1614.         {
  1615.             g_whitePage=true;
  1616.         }
  1617.     }      
  1618.     </SCRIPT>
  1619.  
  1620. <SCRIPT type=text/javascript>
  1621.     function ChangeLang() {
  1622.     var nSel=$('langlist').selectedIndex;
  1623.     var cLanguage;
  1624.     switch(nSel)
  1625.     {
  1626.       case 0:
  1627.              cLanguage="English";
  1628.            
  1629.              break;
  1630.       case 1:
  1631.              cLanguage="French";
  1632.            
  1633.              break;
  1634.       case 2:
  1635.              cLanguage="Hungarian";
  1636.            
  1637.              break;
  1638.       case 3:
  1639.              cLanguage="Italian";
  1640.            
  1641.              break;
  1642.       case 4:
  1643.              cLanguage="Japanese";
  1644.              
  1645.              break;
  1646.       case 5:
  1647.              cLanguage="Portugal";
  1648.            
  1649.              break;
  1650.       case 6:
  1651.              cLanguage="Russian";
  1652.              
  1653.              break;
  1654.       case 7:
  1655.              cLanguage="SimpChinese";
  1656.            
  1657.              break;
  1658.       case 8:
  1659.              cLanguage="Spanish";
  1660.            
  1661.              break;
  1662.       case 9:
  1663.              cLanguage="TradChinese";
  1664.              
  1665.              break;
  1666.       case 10:
  1667.              cLanguage="German";
  1668.            
  1669.              break;
  1670.       case 11:
  1671.              cLanguage="Poland";
  1672.            
  1673.              break;
  1674.       case 12:
  1675.              cLanguage="Turkey";
  1676.            
  1677.              break;
  1678.       case 13:
  1679.              cLanguage="Romanian";
  1680.              break;
  1681.       case 14:
  1682.              cLanguage="Suomi";
  1683.              break;
  1684.       case 15:
  1685.              cLanguage="Korean";
  1686.              break;
  1687.       case 16:
  1688.              cLanguage="Farsi";
  1689.              break;
  1690.       case 17:
  1691.              cLanguage="Thai";
  1692.              break;
  1693.       case 18:
  1694.              cLanguage="Greek";
  1695.              break;
  1696.       case 19:
  1697.              cLanguage="Vietnamese";
  1698.              break;
  1699.       case 20:
  1700.              cLanguage="Brazilian";
  1701.              break;
  1702.       case 21:
  1703.              cLanguage="Hebrew";
  1704.              break;
  1705.       case 22:
  1706.              cLanguage="Arabic";  
  1707.              break;  
  1708.       case 23:
  1709.              cLanguage="Bulgarian";  
  1710.              break;
  1711.       case 24:
  1712.              cLanguage="Czech";  
  1713.              break;
  1714.       default:
  1715.              cLanguage="English";
  1716.              break;      
  1717.     }
  1718.     ocx.SetSpecialParamEx2(2,cLanguage,0,0);
  1719.     inilanguage();
  1720.    
  1721.     }
  1722.     function Close()
  1723.     {
  1724.     $('QS').style.display='none';
  1725.     g_bClose=true;
  1726.     }
  1727.     function position_fixed(el, eltop, elleft){
  1728. // check is IE6
  1729. if( !window.XMLHttpRequest ){
  1730.  
  1731. el.style.position = "absolute";
  1732. window.attachEvent('onscroll', function(){
  1733. //el.style.top = ( document.documentElement.scrollTop + eltop )+"px";
  1734.  
  1735. });
  1736. }else{
  1737. el.style.position = "fixed";
  1738. }
  1739. }
  1740.  
  1741.     </SCRIPT>
  1742. </HEAD>
  1743. <BODY style="BACKGROUND: url(bg.jpg) repeat-x">
  1744. <DIV style="WIDTH: 1345px; DISPLAY: none" id=login>
  1745. <DIV style="POSITION: absolute; WIDTH: 0px; TOP: -2000px"><A style="BACKGROUND: url(play.gif)"></A><A style="BACKGROUND: url(record.gif)"></A><A style="BACKGROUND: url(subPlay.gif)"></A><A style="BACKGROUND: url(Talk.gif)"></A></DIV><!-- <div style="position: absolute; width: 100%; height: 228px; top: 0px; left: 0px;
  1746.            right: 0;">-->
  1747. <DIV style="POSITION: relative; TEXT-ALIGN: center; WIDTH: 100%; BACKGROUND: url(t.jpg) #fff repeat-x; HEIGHT: 228px" id=lt>
  1748. <DIV style="POSITION: relative; MARGIN: 10px 30px 0px 0px; FLOAT: right" id=lang><SPAN>Language:</SPAN> <SELECT style="COLOR: #000" id=langlist onchange=ChangeLang()> <OPTION selected>English</OPTION> <OPTION>Francais</OPTION> <OPTION>Hugarian</OPTION> <OPTION>Italian</OPTION> <OPTION>???</OPTION> <OPTION>PORTUGUÊ</OPTION> <OPTION>???????</OPTION> <OPTION>????</OPTION> <OPTION>ESPAÑOL</OPTION> <OPTION>????</OPTION> <OPTION>Deutscher</OPTION> <OPTION>Poland</OPTION> <OPTION>TüRKiYE</OPTION> <OPTION>Româna</OPTION> <OPTION>SUOMI</OPTION> <OPTION>???</OPTION> <OPTION>?????</OPTION> <OPTION>???</OPTION> <OPTION>????????</OPTION> <OPTION>Vi?t</OPTION> <OPTION>Português(BR)</OPTION> <OPTION>?????</OPTION> <OPTION>???????</OPTION> <OPTION>?????????????</OPTION> <OPTION>ceština</OPTION></SELECT> </DIV>
  1749. <DIV style="WIDTH: 417px; BACKGROUND: url(l_topLogo.gif); HEIGHT: 228px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto">
  1750. <DIV style="WIDTH: 417px; BACKGROUND: url(../logo/webLogo/l_topLogo2.gif); HEIGHT: 228px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto"></DIV></DIV></DIV><!--  </div>-->
  1751. <DIV style="POSITION: absolute; WIDTH: 1345px; HEIGHT: 299px; TOP: 228px; RIGHT: 0px; LEFT: 0px" id=lm>
  1752. <DIV style="POSITION: relative; WIDTH: 109px; BACKGROUND: url(lr.jpg) repeat-x; FLOAT: left; HEIGHT: 100%" id=lmll></DIV>
  1753. <DIV style="MARGIN: 0px; WIDTH: 355px; BACKGROUND: url(ml.jpg); FLOAT: left; HEIGHT: 299px" id=lml></DIV>
  1754. <DIV style="MARGIN: 0px; WIDTH: 417px; FLOAT: left; HEIGHT: 299px" id=lmm>
  1755. <DIV style="WIDTH: 417px; BACKGROUND: url(l_bgm.gif); FLOAT: left; HEIGHT: 223px">
  1756. <DIV style="POSITION: relative; WIDTH: 417px; BACKGROUND: url(../logo/webLogo/l_bgm2.gif); HEIGHT: 223px"><!-- <div style="margin: 0px 0px 0 350px;">
  1757.                                <button  id='DownLoadPlug' onclick="DownLoadLo()" style="margin:10px 0 0 0;color: #000; width: 58px; height: 18px;
  1758.                                    padding: 3px 0px 0 0; border: 0; background: url(board.gif);" >
  1759.                                </button>
  1760.                                
  1761.                                 </div>-->
  1762. <DIV style="WIDTH: 11px; FLOAT: left; HEIGHT: 100%"></DIV>
  1763. <DIV style="MARGIN: 0px; WIDTH: 406px; FONT-FAMILY: Arial, '??'; FLOAT: left; HEIGHT: 100%; COLOR: #000000; FONT-SIZE: 15px">
  1764. <DIV style="PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px 340px; PADDING-LEFT: 2px; WIDTH: 56px; PADDING-RIGHT: 0px; DISPLAY: none; BACKGROUND: url(board.gif); HEIGHT: 14px; OVERFLOW: hidden; CURSOR: pointer; PADDING-TOP: 3px" id=DownLoadPlug onclick=DownLoadLo();>
  1765. <DIV style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 100%; HEIGHT: 100%; COLOR: #000; BORDER-TOP: 0px; BORDER-RIGHT: 0px"></DIV></DIV>
  1766. <DIV style="WIDTH: 100%; DISPLAY: inline">
  1767. <DIV style="MARGIN: 35px 122px 0px 0px; WIDTH: 135px; DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: right; HEIGHT: 31px" id=logo1></DIV></DIV>
  1768. <DIV style="MARGIN: 7px 0px 0px; WIDTH: 100%; FLOAT: right"><INPUT style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 25px; MARGIN: 0px 120px 0px 0px; PADDING-LEFT: 0px; WIDTH: 133px; PADDING-RIGHT: 0px; FLOAT: right; HEIGHT: 25px; COLOR: #000; FONT-SIZE: 15px; PADDING-TOP: 0px" onkeydown="javascript:if (event.keyCode==13) event.keyCode=9;" id=username value=admin type=text> <SPAN style="MARGIN: 0px 3px 0px 0px; FONT-FAMILY: Arial, '??'; FLOAT: right; FONT-SIZE: 15px; PADDING-TOP: 6px" id=userNameInput>User Name</SPAN></DIV>
  1769. <DIV style="MARGIN: 5px 0px 0px; WIDTH: 100%; FLOAT: right"><INPUT style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 25px; MARGIN: 0px 120px 0px 0px; PADDING-LEFT: 0px; WIDTH: 133px; PADDING-RIGHT: 0px; FLOAT: right; HEIGHT: 25px; COLOR: #000; FONT-SIZE: 15px; PADDING-TOP: 0px" onkeydown="javascript:if (event.keyCode==13) ld();" id=password value="" type=password> <SPAN style="MARGIN: 0px 3px 0px 0px; FONT-FAMILY: Arial, '??'; FLOAT: right; FONT-SIZE: 15px; PADDING-TOP: 6px" id=passWordInput>Password</SPAN></DIV>
  1770. <DIV style="MARGIN: 0px 0px 0px 174px"><BUTTON style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 25px 0px 0px; PADDING-LEFT: 0px; WIDTH: 88px; PADDING-RIGHT: 0px; BACKGROUND: url(bt.gif); HEIGHT: 28px; COLOR: #000; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 4px" id=loginBT onclick=ld() type=submit>Login</BUTTON> </DIV></DIV></DIV></DIV>
  1771. <DIV style="WIDTH: 417px; BACKGROUND: url(l_bgmd.gif); FLOAT: left; HEIGHT: 76px"></DIV></DIV>
  1772. <DIV style="WIDTH: 355px; BACKGROUND: url(mr.jpg); FLOAT: left; HEIGHT: 299px" id=lmr></DIV>
  1773. <DIV style="POSITION: relative; WIDTH: 109px; BACKGROUND: url(lr.jpg) repeat-x; FLOAT: left; HEIGHT: 100%" id=lmrr></DIV></DIV>
  1774. <DIV style="POSITION: absolute; WIDTH: 100%; HEIGHT: 266px; TOP: 527px; LEFT: 0px">
  1775. <DIV style="WIDTH: 464px; BACKGROUND: url(dlr.jpg) repeat-x; FLOAT: left; HEIGHT: 66px" id=ldl></DIV>
  1776. <DIV style="WIDTH: 417px; BACKGROUND: url(dm.jpg); FLOAT: left; HEIGHT: 66px" id=ldm></DIV>
  1777. <DIV style="WIDTH: 464px; BACKGROUND: url(dlr.jpg) repeat-x; FLOAT: left; HEIGHT: 66px" id=ldr></DIV>
  1778. <DIV style="WIDTH: 100%; BACKGROUND: url(dlr.jpg) repeat-x; FLOAT: left; HEIGHT: 200px"></DIV></DIV></DIV>
  1779. <DIV style="BACKGROUND-COLOR: #ffffff; MARGIN-TOP: 0px; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%" id=downLoad>
  1780. <DIV style="TEXT-ALIGN: center; MARGIN: 300px 0px 0px 30px; WIDTH: 540px; FLOAT: left; COLOR: #000" id=dlText></DIV><BUTTON style="MARGIN: 300px 0px 0px; WIDTH: 100px; FLOAT: left; COLOR: #000" id=dlbutton onclick=Download(); type=submit></BUTTON> </DIV>
  1781. <SCRIPT type=text/javascript>
  1782.     if(!g_whitePage)
  1783.     {
  1784.         if(g_bDownLoadButton)
  1785.         {
  1786.             $('DownLoadPlug').style.display='';
  1787.             $('logo1').setStyle('margin-top',0);   
  1788.             var userla=navigator.browserLanguage;
  1789.                 if(userla=="zh-cn")
  1790.                 {
  1791.                     $('DownLoadPlug').setText("????");
  1792.                 }
  1793.                 else
  1794.                 {
  1795.                     $('DownLoadPlug').setText("DownLoad");
  1796.                 }
  1797.         }
  1798.         else
  1799.             {
  1800.                 $('DownLoadPlug').style.display="none";
  1801.             }
  1802.            
  1803.            
  1804.         $('login').style.display='';
  1805.         resizeL();
  1806.     }
  1807.     else
  1808.     {  
  1809.            
  1810.         var userla=navigator.browserLanguage;
  1811.                 if(userla=="zh-cn")
  1812.                 {
  1813.                     $('dlText').setText("?????????IE?????????IE??");
  1814.                     $('dlbutton').setText("??");
  1815.                    
  1816.                 }
  1817.                 else
  1818.                 {
  1819.                     $('dlText').setText("Please install IE ActiveX: IE_Plugins.exe from CD or download from internet");
  1820.                     $('dlbutton').setText("Download");                 
  1821.                 }
  1822.         $('downLoad').style.display='';        
  1823.     }
  1824.            
  1825.     </SCRIPT>
  1826.  
  1827. <DIV style="TOP: 0px" id=m>
  1828. <DIV style="BACKGROUND: url(bg.jpg) repeat-x; HEIGHT: 600px" id=backGround>
  1829. <DIV style="WIDTH: 1345px" id=ma>
  1830. <DIV style="WIDTH: 900px">
  1831. <DIV id=maa></DIV>
  1832. <DIV id=mab></DIV>
  1833. <DIV id=mac>
  1834. <DIV style="POSITION: relative; WIDTH: 126px; BACKGROUND: url(../logo/webLogo/logo.gif); HEIGHT: 100%"></DIV></DIV>
  1835. <DIV id=mad></DIV>
  1836. <DIV id=kwick>
  1837. <UL class=kwicks>
  1838. <LI><SPAN style="WIDTH: 120px" id=mthf class="kwick b" onclick=ocx.ShowPlayBack() $included="null">Playback</SPAN></LI>
  1839. <LI><SPAN style="WIDTH: 120px" id=mtrz class="kwick c" onclick=ocx.ShowLog() $included="null">Log</SPAN></LI>
  1840. <LI><SPAN style="WIDTH: 120px" id=mtsbpz class="kwick a" onclick=ocx.ShowDeviceConfig() $included="null">DeviceCfg</SPAN></LI>
  1841. <LI><SPAN style="WIDTH: 120px" id=mtkhdpz class="kwick d" onclick=ocx.ShowClientConfig() $included="null">LocalCfg</SPAN></LI>
  1842. <LI><SPAN style="WIDTH: 120px" id=mttc class="kwick e" onclick=Logout() $included="null">Log Out</SPAN></LI></UL></DIV>
  1843. <DIV id=mae></DIV></DIV></DIV>
  1844. <DIV style="WIDTH: 905px" id=mb>
  1845. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px" id=mba>
  1846. <DIV class=mpad>
  1847. <DIV style="POSITION: relative; BACKGROUND: url(m_dram.jpg); HEIGHT: 29px" id=dra>
  1848. <DIV style="WIDTH: 8px; BACKGROUND: url(m_dral.jpg); FLOAT: left; HEIGHT: 29px"></DIV>
  1849. <DIV style="MARGIN: 0px; WIDTH: 8px; BACKGROUND: url(m_drar.jpg); FLOAT: right; HEIGHT: 29px; CURSOR: move"></DIV></DIV>
  1850. <DIV style="HEIGHT: 522px" id=dcl>
  1851. <DIV style="POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(mb_bg.jpg) repeat-x; HEIGHT: 522px; OVERFLOW: auto; PADDING-TOP: 0px" id=mbal>
  1852. <UL id=cl>
  1853. <LI id=Talk $included="null"><A id=talking class=noT title="Start talk" onclick=Ontalk() href="javascript:;"></A><SPAN style="MARGIN: 0px 5px 0px 3px" id=logoString>NetSurveillance</SPAN></LI>
  1854. <LI $included="null"><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=re0 class=noRecord title="Local record" onclick=record(this,0) href="javascript:;"></A><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=subPlay0 class=noSubPlay title="Extra Stream" onclick=subPlay(this,0) href="javascript:;"></A><A id=c0 class=cl2 title="Main Stream" onclick=ca(this,0)></A><SPAN style="POSITION: absolute; MARGIN: 3px 0px 0px; WHITE-SPACE: nowrap" id=name0>CAM01</SPAN></LI>
  1855. <LI $included="null"><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=re1 class=noRecord title="Local record" onclick=record(this,1) href="javascript:;"></A><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=subPlay1 class=noSubPlay title="Extra Stream" onclick=subPlay(this,1) href="javascript:;"></A><A id=c1 class=cl2 title="Main Stream" onclick=ca(this,1)></A><SPAN style="POSITION: absolute; MARGIN: 3px 0px 0px; WHITE-SPACE: nowrap" id=name1>CAM02</SPAN></LI>
  1856. <LI $included="null"><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=re2 class=noRecord title="Local record" onclick=record(this,2) href="javascript:;"></A><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=subPlay2 class=noSubPlay title="Extra Stream" onclick=subPlay(this,2) href="javascript:;"></A><A id=c2 class=cl2 title="Main Stream" onclick=ca(this,2)></A><SPAN style="POSITION: absolute; MARGIN: 3px 0px 0px; WHITE-SPACE: nowrap" id=name2>CAM03</SPAN></LI>
  1857. <LI $included="null"><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=re3 class=noRecord title="Local record" onclick=record(this,3) href="javascript:;"></A><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=subPlay3 class=noSubPlay title="Extra Stream" onclick=subPlay(this,3) href="javascript:;"></A><A id=c3 class=cl2 title="Main Stream" onclick=ca(this,3)></A><SPAN style="POSITION: absolute; MARGIN: 3px 0px 0px; WHITE-SPACE: nowrap" id=name3>CAM04</SPAN></LI>
  1858. <LI $included="null"><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=re4 class=noRecord title="Local record" onclick=record(this,4) href="javascript:;"></A><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=subPlay4 class=noSubPlay title="Extra Stream" onclick=subPlay(this,4) href="javascript:;"></A><A id=c4 class=cl2 title="Main Stream" onclick=ca(this,4)></A><SPAN style="POSITION: absolute; MARGIN: 3px 0px 0px; WHITE-SPACE: nowrap" id=name4>CAM05</SPAN></LI>
  1859. <LI $included="null"><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=re5 class=noRecord title="Local record" onclick=record(this,5) href="javascript:;"></A><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=subPlay5 class=noSubPlay title="Extra Stream" onclick=subPlay(this,5) href="javascript:;"></A><A id=c5 class=cl2 title="Main Stream" onclick=ca(this,5)></A><SPAN style="POSITION: absolute; MARGIN: 3px 0px 0px; WHITE-SPACE: nowrap" id=name5>CAM06</SPAN></LI>
  1860. <LI $included="null"><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=re6 class=noRecord title="Local record" onclick=record(this,6) href="javascript:;"></A><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=subPlay6 class=noSubPlay title="Extra Stream" onclick=subPlay(this,6) href="javascript:;"></A><A id=c6 class=cl2 title="Main Stream" onclick=ca(this,6)></A><SPAN style="POSITION: absolute; MARGIN: 3px 0px 0px; WHITE-SPACE: nowrap" id=name6>CAM07</SPAN></LI>
  1861. <LI $included="null"><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=re7 class=noRecord title="Local record" onclick=record(this,7) href="javascript:;"></A><A style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 25px" id=subPlay7 class=noSubPlay title="Extra Stream" onclick=subPlay(this,7) href="javascript:;"></A><A id=c7 class=cl2 title="Main Stream" onclick=ca(this,7)></A><SPAN style="POSITION: absolute; MARGIN: 3px 0px 0px; WHITE-SPACE: nowrap" id=name7>CAM08</SPAN></LI></UL></DIV></DIV></DIV></DIV>
  1862. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; WIDTH: 607px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 486px; PADDING-TOP: 0px; LEFT: 120px" id=mbb>
  1863. <DIV style="WIDTH: 100%; BACKGROUND: url(m_dram.jpg); FLOAT: left; HEIGHT: 29px" id=drb>
  1864. <DIV style="WIDTH: 8px; BACKGROUND: url(m_dral.jpg); FLOAT: left; HEIGHT: 29px"></DIV>
  1865. <DIV style="MARGIN: 0px; WIDTH: 8px; BACKGROUND: url(m_drar.jpg); FLOAT: right; HEIGHT: 29px"></DIV></DIV>
  1866. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 100%; PADDING-TOP: 0px" id=pla>
  1867. <SCRIPT>
  1868.                    
  1869.                     if(g_whitePage)
  1870.                     {
  1871.                    
  1872.                     }
  1873.                     else
  1874.                     {
  1875.                          var cLanguage;
  1876.                     switch(iLanguage)
  1877.                     {
  1878.                     case 100:
  1879.                         cLanguage="English";
  1880.                         numLanguage=0;
  1881.                         break;
  1882.                     case 101:
  1883.                         cLanguage="SimpChinese";
  1884.                         numLanguage=7;
  1885.                         break;
  1886.                     case 102:
  1887.                         cLanguage="TradChinese";
  1888.                         numLanguage=9;
  1889.                         break;
  1890.                     case 103:
  1891.                         cLanguage="Italian";
  1892.                         numLanguage=3;
  1893.                         break;
  1894.                     case 104:
  1895.                         cLanguage="Spanish";
  1896.                         numLanguage=8;
  1897.                         break;
  1898.                     case 105:
  1899.                         cLanguage="Japanese";
  1900.                         numLanguage=4;
  1901.                         break;
  1902.                     case 106:
  1903.                         cLanguage="Russian";
  1904.                         numLanguage=6;
  1905.                         break;
  1906.                     case 107:
  1907.                         cLanguage="French";
  1908.                         numLanguage=1;
  1909.                         break;
  1910.                     case 108:
  1911.                         cLanguage="German";
  1912.                         numLanguage=10;
  1913.                         break;
  1914.                     case 109:
  1915.                         cLanguage="Portugal";
  1916.                         numLanguage=5;
  1917.                         break;
  1918.                     case 110:
  1919.                         cLanguage="Turkey";
  1920.                         numLanguage=12;
  1921.                         break;
  1922.                     case 111:
  1923.                         cLanguage="Poland";
  1924.                         numLanguage=11;
  1925.                         break;
  1926.                     case 112:
  1927.                         cLanguage="Romanian";
  1928.                         numLanguage=13;
  1929.                         break;
  1930.                     case 113:
  1931.                         cLanguage="Hungarian";
  1932.                         numLanguage=2;
  1933.                         break;
  1934.                     case 114:
  1935.                         cLanguage="Finnish";
  1936.                         numLanguage=14;
  1937.                         break;
  1938.                     case 116:
  1939.                         cLanguage="Korean";
  1940.                         numLanguage=15;
  1941.                         break;
  1942.                     case 117:
  1943.                         cLanguage="Farsi";
  1944.                         numLanguage=16;
  1945.                         break;
  1946.                     case 119:
  1947.                         cLanguage="Thai";
  1948.                         numLanguage=17;
  1949.                         break;
  1950.                     case 120:
  1951.                         cLanguage="Greek";
  1952.                         numLanguage=18;
  1953.                         break;
  1954.                     case 121:
  1955.                         cLanguage="Vietnamese";
  1956.                         numLanguage=19;
  1957.                         break;
  1958.                     case 123:
  1959.                         cLanguage="Brazilian";
  1960.                         numLanguage=20;
  1961.                         break;
  1962.                     case 124:
  1963.                         cLanguage="Hebrew";
  1964.                         numLanguage=21;
  1965.                         break;
  1966.                     case 125:
  1967.                         cLanguage="Indonesian";
  1968.                         numLanguage=0;
  1969.                         break;
  1970.                     case 126:
  1971.                         cLanguage="Arabic";
  1972.                         numLanguage=22;
  1973.                         break;
  1974.                     case 127:
  1975.                         cLanguage="Swedish";
  1976.                         numLanguage=0;
  1977.                         break;
  1978.                     case 128:
  1979.                         cLanguage="Czech";
  1980.                         numLanguage=24;
  1981.                         break;
  1982.                     case 129:
  1983.                         cLanguage="Bulgarian";
  1984.                         numLanguage=23;
  1985.                         break;
  1986.                     case 189:
  1987.                         cLanguage="Czech";
  1988.                         numLanguage=24;
  1989.                         break;
  1990.                     default:
  1991.                         cLanguage="English";
  1992.                         numLanguage=0;
  1993.                         break;
  1994.                     }          
  1995.                     document.write(" <div style='position: absolute; top: -1000px;'><a style='background:url(yta11.jpg)'></a> <a style='background: url(yt-1.gif)'></a><a style='background: url(yt+1.gif)'></a><a style='background: url(11.jpg)'></a><a style='background: url(91.jpg)'></a><a style='background: url(41.jpg)'></a><a style='background: url(stopRecordAll1.jpg)'></a> <a style='background: url(m_img21.jpg)'></a><a style='background: url(m_img41.jpg)'>      </a><a style='background: url(audio.jpg)'></a><a style='background: url(yt11.jpg)'></a>        <a style='background: url(yt21.jpg)'></a><a style='background: url(yt31.jpg)'></a>        <a style='background: url(yt41.jpg)'></a><a style='background: url(yt51.jpg)'></a>        <a style='background: url(yt61.jpg)'></a><a style='background: url(yt71.jpg)'></a>        <a style='background: url(yt81.jpg)'></a><a style='background: url(yt91.jpg)'></a>        <a style='background: url(yt+1.png)'></a><a style='background: url(yt-1.png)'></a>        <a style='background: url(goPreSet1.jpg)'></a><a style='background: url(addPreSet1.jpg)'>        </a><a style='background: url(editCruise1.jpg)'></a><a style='background: url(delPreSet1.jpg)'>        </a><a style='background: url(goCruise1.jpg)'></a><a style='background: url(stopCruise1.jpg)'>        </a><a style='background: url(t1t.jpg)'></a><a style='background: url(yy11.jpg)'></a>        <a style='background: url(full1.jpg)'></a><a style='background: url(sar.png)'></a>        <a style='background: url(sar1.png)'></a><a style='background: url(sal.png)'></a>        <a style='background: url(sal1.png)'></a><a style='background: url(stopAll1.jpg)'></a>        <a style='background: url(startAll1.jpg)'></a><a style='background: url(snap1.jpg)'></a>        <a style='background: url(recordAll1.jpg)'></a><a style='background: url(stopRecordAll.jpg)'></a><a style='background: url(361.jpg)'></a><a style='background: url(251.jpg)'></a><a style='background: url(161.jpg)'></a>    </div>");         
  1996.                     document.write("<object  id='ocx' width='100%' height='100%' classid='CLSID:FD3BEB0C-AB43-4253-9146-C371D48FBE0D'  codebase='"+cabAddress+"'><param name='Language' value='"+cLanguage+"'></object>");
  1997.                     }
  1998.                    
  1999.                         </SCRIPT>
  2000.  
  2001. <DIV style="POSITION: absolute; TOP: -1000px"><A style="BACKGROUND: url(yta11.jpg)"></A><A style="BACKGROUND: url(yt-1.gif)"></A><A style="BACKGROUND: url(yt+1.gif)"></A><A style="BACKGROUND: url(11.jpg)"></A><A style="BACKGROUND: url(91.jpg)"></A><A style="BACKGROUND: url(41.jpg)"></A><A style="BACKGROUND: url(stopRecordAll1.jpg)"></A><A style="BACKGROUND: url(m_img21.jpg)"></A><A style="BACKGROUND: url(m_img41.jpg)"></A><A style="BACKGROUND: url(audio.jpg)"></A><A style="BACKGROUND: url(yt11.jpg)"></A><A style="BACKGROUND: url(yt21.jpg)"></A><A style="BACKGROUND: url(yt31.jpg)"></A><A style="BACKGROUND: url(yt41.jpg)"></A><A style="BACKGROUND: url(yt51.jpg)"></A><A style="BACKGROUND: url(yt61.jpg)"></A><A style="BACKGROUND: url(yt71.jpg)"></A><A style="BACKGROUND: url(yt81.jpg)"></A><A style="BACKGROUND: url(yt91.jpg)"></A><A style="BACKGROUND: url(yt+1.png)"></A><A style="BACKGROUND: url(yt-1.png)"></A><A style="BACKGROUND: url(goPreSet1.jpg)"></A><A style="BACKGROUND: url(addPreSet1.jpg)"></A><A style="BACKGROUND: url(editCruise1.jpg)"></A><A style="BACKGROUND: url(delPreSet1.jpg)"></A><A style="BACKGROUND: url(goCruise1.jpg)"></A><A style="BACKGROUND: url(stopCruise1.jpg)"></A><A style="BACKGROUND: url(t1t.jpg)"></A><A style="BACKGROUND: url(yy11.jpg)"></A><A style="BACKGROUND: url(full1.jpg)"></A><A style="BACKGROUND: url(sar.png)"></A><A style="BACKGROUND: url(sar1.png)"></A><A style="BACKGROUND: url(sal.png)"></A><A style="BACKGROUND: url(sal1.png)"></A><A style="BACKGROUND: url(stopAll1.jpg)"></A><A style="BACKGROUND: url(startAll1.jpg)"></A><A style="BACKGROUND: url(snap1.jpg)"></A><A style="BACKGROUND: url(recordAll1.jpg)"></A><A style="BACKGROUND: url(stopRecordAll.jpg)"></A><A style="BACKGROUND: url(361.jpg)"></A><A style="BACKGROUND: url(251.jpg)"></A><A style="BACKGROUND: url(161.jpg)"></A></DIV>
  2002. <OBJECT id=ocx codeBase="web.cab#version=1,0,2,24" classid=CLSID:FD3BEB0C-AB43-4253-9146-C371D48FBE0D width="100%" height="100%"><PARAM NAME="_Version" VALUE="65536"><PARAM NAME="_ExtentX" VALUE="16060"><PARAM NAME="_ExtentY" VALUE="12858"><PARAM NAME="_StockProps" VALUE="0"><PARAM NAME="Language" VALUE="English"><PARAM NAME="ip" VALUE="tthcc.boxip.net"><PARAM NAME="passPort" VALUE="0"><PARAM NAME="WndBGColor" VALUE="-1"><PARAM NAME="BorderBGColor" VALUE="-1"><PARAM NAME="BordColor" VALUE="-1"></OBJECT></DIV>
  2003. <DIV style="MARGIN: 2px 0px 0px; WIDTH: 100%; BACKGROUND: url(plcb11.jpg); FLOAT: left; HEIGHT: 33px" id=plc>
  2004. <DIV style="WIDTH: 7px; BACKGROUND: url(plcbl.jpg); FLOAT: left; HEIGHT: 33px"></DIV>
  2005. <DIV style="WIDTH: 7px; BACKGROUND: url(plcbr.jpg); FLOAT: right; HEIGHT: 33px"></DIV><!--  <div id='pbh' style="background:url(plcb.jpg);width:580px;height:33px;position:absolute;"></div>-->
  2006. <DIV style="POSITION: relative; MARGIN: 2px 0px 0px 10px; HEIGHT: 26px" id=pb>
  2007. <DIV id=pc>
  2008. <DIV style="MARGIN: 0px"><A id=xp0 class=p0 title="View Full" onclick=ocx.Fullscreen(true) href="javascript:;"></A></DIV>
  2009. <DIV style="MARGIN: 0px 0px 0px 5px"><A id=xp1 class=p1 title="View 1" onclick=ocx.ChangeShowWndNum(1,true,0,0) href="javascript:;"></A></DIV>
  2010. <DIV style="MARGIN: 0px 0px 0px 5px"><A id=xp2 class=p2 title="View 4" onclick=ocx.ChangeShowWndNum(4,true,0,0) href="javascript:;"></A></DIV>
  2011. <DIV style="MARGIN: 0px 0px 0px 5px"><A id=xp3 class=p3 title="View 9" onclick=ocx.ChangeShowWndNum(9,true,0,0) href="javascript:;"></A></DIV>
  2012. <DIV style="MARGIN: 0px 0px 0px 5px"><A style="DISPLAY: none" id=xp4 class=p4 title="View 16" onclick=ocx.ChangeShowWndNum(16,true,0,0) href="javascript:;"></A></DIV>
  2013. <DIV style="MARGIN: 0px 0px 0px 5px"><A style="DISPLAY: none" id=xp5 class=p5 title="View 25" onclick=ocx.ChangeShowWndNum(25,true,0,0) href="javascript:;"></A></DIV>
  2014. <DIV style="MARGIN: 0px 0px 0px 5px"><A style="DISPLAY: none" id=xp6 class=p6 title="View 36" onclick=ocx.ChangeShowWndNum(36,true,0,0) href="javascript:;"></A></DIV>
  2015. <DIV style="MARGIN: 0px 0px 0px 5px"><A style="DISPLAY: none" id=xp7 class=p11 onclick=ocx.ChangeShowWndNum(64,true,0,0) href="javascript:;"></A></DIV>
  2016. <DIV style="MARGIN: 0px 0px 0px 5px"><A id=startPlayAll class=p7 title="connect all video" onclick=startPlayAll() href="javascript:;"></A></DIV>
  2017. <DIV style="MARGIN: 0px 0px 0px 5px"><A id=stopPlayAll class=p72 title="disconnect all video" onclick=StopPlayAll() href="javascript:;"></A></DIV>
  2018. <DIV style="MARGIN: 0px 0px 0px 5px"><A id=snap class=p8 title=Snapshot onclick='ocx.BMPCapturePicture("C:\\BMP")' href="javascript:;"></A></DIV>
  2019. <DIV style="MARGIN: 0px 0px 0px 5px"><A id=recordAll class=p9 title="All Channel Record" onclick=recordAll() href="javascript:;"></A></DIV>
  2020. <DIV style="MARGIN: 0px 0px 0px 5px"><A id=stopRecordAll class=p92 title="Close All Record" onclick=stopRecordAll() href="javascript:;"></A></DIV>
  2021. <DIV style="MARGIN: 0px 17px 0px 0px; FLOAT: right"><A id=Audio class=p102 title=Audio onclick=openAudio() href="javascript:;"></A></DIV></DIV></DIV></DIV></DIV>
  2022. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; WIDTH: 140px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px" id=mbc>
  2023. <DIV style="WIDTH: 100%; BACKGROUND: url(mb_bg.jpg); OVERFLOW: hidden">
  2024. <DIV style="POSITION: relative; WIDTH: 100%; BACKGROUND: url(m_dram.jpg); HEIGHT: 29px" id=drc>
  2025. <DIV style="Z-INDEX: 10; POSITION: absolute; MARGIN-TOP: 5px; WIDTH: 100%; BACKGROUND: url(logo2.gif) no-repeat; HEIGHT: 100%; TOP: 0px; LEFT: 0px"></DIV>
  2026. <DIV style="WIDTH: 8px; BACKGROUND: url(m_dral.jpg); FLOAT: left; HEIGHT: 29px"></DIV>
  2027. <DIV style="MARGIN: 0px; WIDTH: 8px; BACKGROUND: url(m_drar.jpg); FLOAT: right; HEIGHT: 29px; CURSOR: move"></DIV></DIV>
  2028. <DIV style="POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; WIDTH: 125px; PADDING-RIGHT: 8px; HEIGHT: 130px; PADDING-TOP: 8px" id=yt>
  2029. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 40px; PADDING-RIGHT: 0px; HEIGHT: 35px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,4,$('ps').value)" class=y1 onmouseout="ocx.PTZCtrlStop(-1,4,$('ps').value)" onmousedown="ocx.PTZCtrlStart(-1,4,$('ps').value)" href="javascript:;"></A></DIV>
  2030. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 45px; PADDING-RIGHT: 0px; HEIGHT: 35px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,0,$('ps').value)" class=y2 onmouseout="ocx.PTZCtrlStop(-1,0,$('ps').value)" onmousedown="ocx.PTZCtrlStart(-1,0,$('ps').value)" href="javascript:;"></A></DIV>
  2031. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 39px; PADDING-RIGHT: 0px; HEIGHT: 35px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,6,$('ps').value)" class=y3 onmouseout="ocx.PTZCtrlStop(-1,6,$('ps').value)" onmousedown="ocx.PTZCtrlStart(-1,6,$('ps').value)" href="javascript:;"></A></DIV>
  2032. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 40px; PADDING-RIGHT: 0px; HEIGHT: 50px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,2,$('ps').value)" class=y4 onmouseout="ocx.PTZCtrlStop(-1,2,$('ps').value)" onmousedown="ocx.PTZCtrlStart(-1,2,$('ps').value)" href="javascript:;"></A></DIV>
  2033. <DIV style="WIDTH: 22px; HEIGHT: 50px"><A class=y5 onclick=ocx.OnBntEntermenu(); href="javascript:;"></A></DIV>
  2034. <DIV style="WIDTH: 22px; HEIGHT: 50px"><A id=menu class=y10 onclick=ocx.OnBntStart3DPos(); href="javascript:;"></A></DIV>
  2035. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 39px; PADDING-RIGHT: 0px; HEIGHT: 50px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,3,$('ps').value)" class=y6 onmouseout="ocx.PTZCtrlStop(-1,3,$('ps').value)" onmousedown="ocx.PTZCtrlStart(-1,3,$('ps').value)" href="javascript:;"></A></DIV>
  2036. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 40px; PADDING-RIGHT: 0px; HEIGHT: 45px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,5,$('ps').value)" class=y7 onmouseout="ocx.PTZCtrlStop(-1,5,$('ps').value)" onmousedown="ocx.PTZCtrlStart(-1,5,$('ps').value)" href="javascript:;"></A></DIV>
  2037. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 45px; PADDING-RIGHT: 0px; HEIGHT: 35px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,1,$('ps').value)" class=y8 onmouseout="ocx.PTZCtrlStop(-1,1,$('ps').value)" onmousedown="ocx.PTZCtrlStart(-1,1,$('ps').value)" href="javascript:;"></A></DIV>
  2038. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 39px; PADDING-RIGHT: 0px; HEIGHT: 35px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,7,$('ps').value)" class=y9 onmouseout="ocx.PTZCtrlStop(-1,7,$('ps').value)" onmousedown="ocx.PTZCtrlStart(-1,7,$('ps').value)" href="javascript:;"></A></DIV></DIV>
  2039. <DIV style="POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; WIDTH: 132px; PADDING-RIGHT: 0px; HEIGHT: 20px; OVERFLOW: hidden; PADDING-TOP: 0px">
  2040. <DIV style="FLOAT: left; COLOR: #ffffff" id=xbc class=divt>Step(1-8):</DIV>
  2041. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; WIDTH: 53px; PADDING-RIGHT: 0px; BACKGROUND: url(ytabg.jpg); FLOAT: left; HEIGHT: 18px; PADDING-TOP: 0px"><INPUT onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" id=ps class=inputyt onkeyup="value=value.replace(/[^\d]/g,'')" value=5 maxLength=1 type=text> <A class=yta1 onclick=showmu1() href="javascript:;"></A></DIV></DIV>
  2042. <DIV style="DISPLAY: none" id=smu1>
  2043. <UL>
  2044. <LI><A onclick=onmu1(1) href="javascript:;">1</A></LI>
  2045. <LI><A onclick=onmu1(2) href="javascript:;">2</A></LI>
  2046. <LI><A onclick=onmu1(3) href="javascript:;">3</A></LI>
  2047. <LI><A onclick=onmu1(4) href="javascript:;">4</A></LI>
  2048. <LI><A onclick=onmu1(5) href="javascript:;">5</A></LI>
  2049. <LI><A onclick=onmu1(6) href="javascript:;">6</A></LI>
  2050. <LI><A onclick=onmu1(7) href="javascript:;">7</A></LI>
  2051. <LI><A onclick=onmu1(8) href="javascript:;">8</A></LI></UL></DIV>
  2052. <DIV style="POSITION: relative; MARGIN: 0px 5px; WIDTH: 132px; HEIGHT: 90px" id=yt1>
  2053. <DIV style="PADDING-BOTTOM: 5px; PADDING-LEFT: 14px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,9,$('ps').value)" class=y1 onmousedown="ocx.PTZCtrlStart(-1,9,$('ps').value)" href="javascript:;"></A></DIV>
  2054. <DIV style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 50px; PADDING-RIGHT: 0px; HEIGHT: 18px; COLOR: #ffffff; PADDING-TOP: 8px" id=xbb>Zoom</DIV>
  2055. <DIV style="PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,8,$('ps').value)" class=y2 onmousedown="ocx.PTZCtrlStart(-1,8,$('ps').value)" href="javascript:;"></A></DIV>
  2056. <DIV style="PADDING-BOTTOM: 5px; PADDING-LEFT: 14px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,11,$('ps').value)" class=y1 onmousedown="ocx.PTZCtrlStart(-1,11,$('ps').value)" href="javascript:;"></A></DIV>
  2057. <DIV style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 50px; PADDING-RIGHT: 0px; HEIGHT: 18px; COLOR: #ffffff; PADDING-TOP: 8px" id=xbj>Focus</DIV>
  2058. <DIV style="PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,10,$('ps').value)" class=y2 onmousedown="ocx.PTZCtrlStart(-1,10,$('ps').value)" href="javascript:;"></A></DIV>
  2059. <DIV style="PADDING-BOTTOM: 5px; PADDING-LEFT: 14px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,12,$('ps').value)" class=y1 onmousedown="ocx.PTZCtrlStart(-1,12,$('ps').value)" href="javascript:;"></A></DIV>
  2060. <DIV style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 50px; PADDING-RIGHT: 0px; HEIGHT: 18px; COLOR: #ffffff; PADDING-TOP: 8px" id=xgq>Iris</DIV>
  2061. <DIV style="PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><A onmouseup="ocx.PTZCtrlStop(-1,13,$('ps').value)" class=y2 onmousedown="ocx.PTZCtrlStart(-1,13,$('ps').value)" href="javascript:;"></A></DIV></DIV>
  2062. <DIV style="POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 0px; HEIGHT: 100%; PADDING-TOP: 0px" id=yt2>
  2063. <DIV><!-- ????? -->
  2064. <DIV id=ytPoint>
  2065. <DIV style="PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 80px; COLOR: #ffffff; PADDING-TOP: 0px" id=mbcyzd>Preset:</DIV>
  2066. <DIV><INPUT style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 3px 0px 0px 5px; WIDTH: 30px; BACKGROUND: #f4f4f4; HEIGHT: 17px; COLOR: #555; BORDER-TOP: medium none; BORDER-RIGHT: medium none" id=preSet onkeyup="value=value.replace(/[^\d]/g,''); if (value > 255) value = 255;" value=1 maxLength=3> </DIV>
  2067. <DIV id=goPreset title=Goto><A style="WIDTH: 24px; HEIGHT: 25px" onclick="ocx.PTZCtrlGotoPreset(-1,$('preSet').value)" href="javascript:;"></A></DIV>
  2068. <DIV id=addPreset title="Add Preset"><A style="WIDTH: 24px; HEIGHT: 25px" onclick="ocx.PTZCtrlSetPreset(-1,$('preSet').value,true)" href="javascript:;"></A></DIV>
  2069. <DIV id=delPreset title="Del Preset"><A style="WIDTH: 24px; HEIGHT: 25px" onclick="ocx.PTZCtrlSetPreset(-1,$('preSet').value,false)" href="javascript:;"></A></DIV></DIV></DIV>
  2070. <DIV><!-- ???? -->
  2071. <DIV id=ytCruise>
  2072. <DIV style="PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 70px; COLOR: #ffffff; PADDING-TOP: 0px" id=mbcdjxh>Tour:</DIV>
  2073. <DIV><INPUT style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 2px 0px 3px 5px; WIDTH: 30px; BACKGROUND: #f4f4f4; HEIGHT: 17px; COLOR: #555; BORDER-TOP: medium none; BORDER-RIGHT: medium none" id=cruise onkeyup="value=value.replace(/[^\d]/g,''); if (value > 255) value = 255;" value=1 maxLength=3> </DIV>
  2074. <DIV id=goCruise title=Start><A style="WIDTH: 24px; HEIGHT: 25px" onclick="ocx.PTZCtrlTour(-1,$('cruise').value,true)" href="javascript:;"></A></DIV>
  2075. <DIV id=stopCruise title=Stop><A style="WIDTH: 24px; HEIGHT: 25px" onclick="ocx.PTZCtrlTour(-1,$('cruise').value,false)" href="javascript:;"></A></DIV>
  2076. <DIV id=editCruise title=Edit><A style="WIDTH: 24px; HEIGHT: 25px" onclick="ocx.PTZEditTure($('cruise').value)" href="javascript:;"></A></DIV></DIV></DIV></DIV></DIV>
  2077. <DIV style="MARGIN: 0px; WIDTH: 140px; FLOAT: left" id=taba>
  2078. <DIV style="FLOAT: left"><A id=taba1 class=t1 href="javascript:;">Color</A></DIV>
  2079. <DIV style="FLOAT: left"><A id=taba2 class=t2 href="javascript:;">Other</A></DIV></DIV>
  2080. <DIV style="FLOAT: left" class=mpad2><!--<div id='yt3' style=" height:287px;position:relative; overflow:hidden; margin:0 0 0 4px;">-->
  2081. <DIV style="POSITION: relative; MARGIN: 0px 0px 0px 4px; HEIGHT: 173px; OVERFLOW: hidden" id=yt3>
  2082. <DIV style="HEIGHT: 100%" id=yt3t1>
  2083. <DIV id=yt3t1a>
  2084. <DIV style="MARGIN: 5px 0px 0px">
  2085. <DIV style="WIDTH: 21px; BACKGROUND: url(tx1.jpg); HEIGHT: 21px" id=xtld title=Brightness></DIV>
  2086. <DIV style="MARGIN: 4px 0px 0px 4px"><A class=sal onclick=gslda.set(gca-1) href="javascript:;"></A></DIV>
  2087. <DIV id=saa class=sax>
  2088. <DIV style="POSITION: relative; LEFT: 29px" id=ska class=skx title=64></DIV></DIV>
  2089. <DIV style="MARGIN: 4px 0px 0px 4px"><A class=sar onclick=gslda.set(gca+1) href="javascript:;"></A></DIV></DIV>
  2090. <DIV style="MARGIN: 5px 0px 0px">
  2091. <DIV style="WIDTH: 21px; BACKGROUND: url(tx2.jpg); HEIGHT: 21px" id=xtdbd title=Contrast></DIV>
  2092. <DIV style="MARGIN: 4px 0px 0px 4px"><A class=sal onclick=gsldb.set(gcb-1) href="javascript:;"></A></DIV>
  2093. <DIV id=sab class=sax>
  2094. <DIV style="POSITION: relative; LEFT: 29px" id=skb class=skx title=64></DIV></DIV>
  2095. <DIV style="MARGIN: 4px 0px 0px 4px"><A class=sar onclick=gsldb.set(gcb+1) href="javascript:;"></A></DIV></DIV>
  2096. <DIV style="MARGIN: 5px 0px 0px">
  2097. <DIV style="WIDTH: 21px; BACKGROUND: url(tx3.jpg); HEIGHT: 21px" id=xtbhd title=Saturation></DIV>
  2098. <DIV style="MARGIN: 4px 0px 0px 4px"><A class=sal onclick=gsldc.set(gcc-1) href="javascript:;"></A></DIV>
  2099. <DIV id=sac class=sax>
  2100. <DIV style="POSITION: relative; LEFT: 29px" id=skc class=skx title=64></DIV></DIV>
  2101. <DIV style="MARGIN: 4px 0px 0px 4px"><A class=sar onclick=gsldc.set(gcc+1) href="javascript:;"></A></DIV></DIV>
  2102. <DIV style="MARGIN: 5px 0px 0px">
  2103. <DIV style="WIDTH: 21px; BACKGROUND: url(tx4.jpg); HEIGHT: 21px" id=xtsd title=Hue></DIV>
  2104. <DIV style="MARGIN: 4px 0px 0px 4px"><A class=sal onclick=gsldd.set(gcd-1) href="javascript:;"></A></DIV>
  2105. <DIV id=sad class=sax>
  2106. <DIV style="POSITION: relative; LEFT: 29px" id=skd class=skx title=64></DIV></DIV>
  2107. <DIV style="MARGIN: 4px 0px 0px 4px"><A class=sar onclick=gsldd.set(gcd+1) href="javascript:;"></A></DIV></DIV></DIV>
  2108. <DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px"><A id=xcz class=cbt onclick=txreset(64); href="javascript:;">Default</A></DIV></DIV>
  2109. <DIV style="DISPLAY: none; HEIGHT: 100%" id=yt3t2>
  2110. <DIV class=cbtd><A style="MARGIN: 20px 0px 0px" id=xcqsb class=cbt title="" onclick=ocx.RebootServer(); href="javascript:;">Reboot</A></DIV>
  2111. <DIV class=cbtd><A style="MARGIN: 20px 0px 0px" id=DVRcolor class=cbt title="" onclick=ocx.EditDVRColor(-1); href="javascript:;">Color</A></DIV>
  2112. <DIV class=cbtd><A style="MARGIN: 20px 0px 0px" id=ratio class=cbt title="" onclick=ChangeRadio(); href="javascript:;">Ratio</A></DIV>
  2113. <DIV class=cbtd><A style="MARGIN: 20px 0px 0px; DISPLAY: none" id=PlayAudio class=cbt title="" onclick=ocx.PlayAudio(-1); href="javascript:;">Play Music</A></DIV></DIV></DIV></DIV></DIV></DIV>
  2114. <DIV style="POSITION: fixed; WIDTH: 81px; HEIGHT: 300px; TOP: 218px; LEFT: 1196px" id=QS>
  2115. <DIV id=QQ>
  2116. <DIV style="TEXT-ALIGN: center; WIDTH: 90px; BACKGROUND: url(c:/1.bmp); HEIGHT: 90px" id=QSLogo title="Serial ID"></DIV>
  2117. <DIV style="TEXT-ALIGN: center" id=QSText1><SPAN style="COLOR: #000" id=QSText>Serial ID</SPAN></DIV>
  2118. <DIV style="TEXT-ALIGN: center; WIDTH: 90px; BACKGROUND: url(c:/2.bmp); HEIGHT: 90px" id=QSLogo2 title=Android></DIV>
  2119. <DIV style="TEXT-ALIGN: center" id=QSText2><SPAN style="COLOR: #000">Android</SPAN></SPAN></DIV>
  2120. <DIV style="TEXT-ALIGN: center; WIDTH: 90px; BACKGROUND: url(c:/3.bmp); HEIGHT: 90px" id=QSLogo3 title=IOS></DIV>
  2121. <DIV style="TEXT-ALIGN: center" id=QSText3><SPAN style="COLOR: #000">IOS</SPAN></DIV>
  2122. <DIV style="TEXT-ALIGN: center; WIDTH: 90px; DISPLAY: none; BACKGROUND: url(c:/4.bmp); HEIGHT: 90px" id=QSLogo4 title=""></DIV>
  2123. <DIV style="TEXT-ALIGN: center; DISPLAY: none" id=QSText4><SPAN style="COLOR: #000" id=QSText42></SPAN>&nbsp;</DIV></DIV><A style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; HEIGHT: 15px; COLOR: #000; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none" id=QSC href="javascript:Close()">Closing</A></DIV>
  2124. <DIV style="WIDTH: 1345px" id=mc>CopyRight
  2125. <SCRIPT> document.write(copyright);</SCRIPT>
  2126.  2016,All Rights Reserved</DIV></DIV></DIV></BODY></HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!