API tools faq
paste
Advertisement
meyhantra

Untitled

meyhantra
Jan 23rd, 2017
73
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 88.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <link rel="stylesheet" type="text/css" media="screen" href="m.css" />
  6.  
  7. <title>NETSurveillance WEB</title>
  8.  
  9. <!-- m.js -->
  10.  
  11. <script type="text/javascript" language="JavaScript">
  12. if(navigator.userAgent.indexOf('IE') < 0)
  13. {
  14. var userAgent = navigator.userAgent,
  15. rMsie = /(msie\s|trident.*rv:)([\w.]+)/,
  16. rFirefox = /(firefox)\/([\w.]+)/,
  17. rOpera = /(opera).+version\/([\w.]+)/,
  18. rChrome = /(chrome)\/([\w.]+)/,
  19. rSafari = /version\/([\w.]+).*(safari)/;
  20. var browserMatch = uaMatch(userAgent.toLowerCase());
  21.  
  22. if(browserMatch.browser!="IE")
  23. {
  24. location="Login.htm";
  25. }
  26.  
  27. }
  28.  
  29. function uaMatch(ua) {
  30. var match = rMsie.exec(ua);
  31.  
  32. if (match != null) {
  33. return { browser : "IE", version : match[2] || "0" };
  34. }
  35. var match = rFirefox.exec(ua);
  36. if (match != null) {
  37. return { browser : match[1] || "", version : match[2] || "0" };
  38. }
  39. var match = rOpera.exec(ua);
  40. if (match != null) {
  41. return { browser : match[1] || "", version : match[2] || "0" };
  42. }
  43. var match = rChrome.exec(ua);
  44. if (match != null) {
  45. return { browser : match[1] || "", version : match[2] || "0" };
  46. }
  47. var match = rSafari.exec(ua);
  48. if (match != null) {
  49. return { browser : match[2] || "", version : match[1] || "0" };
  50. }
  51. if (match != null) {
  52. return { browser : "", version : "0" };
  53. }
  54. }
  55. </script>
  56.  
  57. <script type="text/javascript">//m.js
  58. var ipaddress =document.location.hostname;
  59. if (ipaddress == "")
  60. {
  61. //ipaddress = "10.10.48.30";
  62. //ipaddress = "10.10.32.26";
  63. }
  64. var hostport=34567;
  65. var iLanguage=125;
  66. var numLanguage;
  67. var DownLoadAddr="";
  68. </script>
  69. <script type="text/javascript" src="m.jsp"></script>
  70. <script type="text/javascript" src="config.js"></script>
  71.  
  72. <!-- 全局变量 -->
  73.  
  74. <script type="text/javascript">
  75. var gExitChannel=new Array();
  76. var gExitSubType=new Array();
  77. var gexiti;
  78. var gcid=-1;
  79. var g_channelNum=4;
  80. var g_digitalChannel=0;
  81. var gsld;
  82. var gslda;
  83. var gsldb;
  84. var gsldc;
  85. var gsldd;
  86. var gfmu1=0;
  87. var gfmu2=0;
  88. var gfmu3=0;
  89. var g_bRecord=false;
  90. var g_bRealPlay=false;
  91. var g_bAudio=false;
  92. var g_bQS=false;
  93. var g_bSubQS1=true;
  94. var g_bSubQS2=true;
  95. var g_bSubQS3=true;
  96. var g_bSubQS4=false;
  97. var g_strSubQS4Name = '';
  98. var g_bClose=false;
  99. var gHashCookie = new Hash.Cookie('NetSuveillanceWebCookie',{duration: 30});
  100. var settings = {
  101. username:'',
  102. ocxlanguage:''
  103. }
  104. var gca=0;
  105. var gcb=0;
  106. var gcc=0;
  107. var gcd=0;
  108. var gAutoPlayAll=false;
  109.  
  110.  
  111. </script>
  112.  
  113. <!-- 颜色滑块 -->
  114.  
  115. <script type="text/javascript">
  116. function sldtopos(sld,step){
  117. sld.knob.setStyle('left', sld.toPosition(step));
  118. }
  119. function setcolorsv(f,v){
  120. switch (f)
  121. {
  122. case 1: gca=v;
  123. $('ska').title=v;
  124. break;
  125. case 2: gcb=v;
  126. $('skb').title=v;
  127. break;
  128. case 3: gcc=v;
  129. $('skc').title=v;
  130. break;
  131. case 4: gcd=v;
  132. $('skd').title=v;
  133. break;
  134. }
  135. }
  136. function getcolors(){
  137. var colors="";
  138. colors=ocx.GetColor();
  139.  
  140. var t= new Array();
  141. if (colors !="")
  142. {
  143. t=colors.split(',');
  144. sldtopos(gslda,parseInt(t[0]));
  145. sldtopos(gsldb,parseInt(t[1]));
  146. sldtopos(gsldc,parseInt(t[2]));
  147. sldtopos(gsldd,parseInt(t[3]));
  148. setcolorsv(1,parseInt(t[0]));
  149. setcolorsv(2,parseInt(t[1]));
  150. setcolorsv(3,parseInt(t[2]));
  151. setcolorsv(4,parseInt(t[3]));
  152. }
  153. else//这里有待选中消息的传递
  154. {
  155.  
  156. sldtopos(gslda,parseInt(0));
  157. sldtopos(gsldb,parseInt(0));
  158. sldtopos(gsldc,parseInt(0));
  159. sldtopos(gsldd,parseInt(0));
  160. setcolorsv(1,parseInt(0));
  161. setcolorsv(2,parseInt(0));
  162. setcolorsv(3,parseInt(0));
  163. setcolorsv(4,parseInt(0));
  164. }
  165.  
  166.  
  167. }
  168. function txreset(step){
  169. setcolorsv(1,step);
  170. setcolorsv(2,step);
  171. setcolorsv(3,step);
  172. setcolorsv(4,step);
  173. sldtopos(gslda,step);
  174. sldtopos(gsldb,step);
  175. sldtopos(gsldc,step);
  176. sldtopos(gsldd,step);
  177. setcolors();
  178. }
  179. function setcolors(){
  180. ocx.SetColor(0,gca,gcb,gcc,gcd);
  181. }
  182. </script>
  183.  
  184. <!-- 设备通道 -->
  185.  
  186. <script type="text/javascript">
  187. function tl(s){
  188. var ret;
  189. ret=ocx.Translate(s);
  190. return ret;
  191. }//moving here for later function
  192. function ca(o,ch)
  193. {
  194. var oc;
  195. if ($(o).hasClass('cl1')){
  196. if (ocx.StartRealPlay(ch,0,0)){
  197. oc=$('c'+ch);
  198. oc.removeClass(oc.className);
  199. oc.addClass('cl2');
  200. }
  201. }
  202. else{
  203. if (ocx.StopPlayReal(ch)){
  204. oc=$('c'+ch);
  205. oc.removeClass(oc.className);
  206. oc.addClass('cl1');
  207. }
  208. }
  209.  
  210. }
  211.  
  212. function getcl(){
  213. g_digitalChannel=ocx.GetDeviceState(1,0);
  214. var t= new Array();
  215. var ts=new Array();
  216. var titles=new Array();
  217. titles[0]=tl('Desktop.LocalRecord');
  218. titles[1]=tl('Desktop.ExtStream');
  219. titles[2]=tl('Desktop.MainStream');
  220. titles[3]=tl('Desktop.StartTalk');
  221. titles[4]=tl('WebTitle.DigitalChannel');
  222. var shtml="";
  223.  
  224. 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> "
  225. var strsplita=String.fromCharCode(16);
  226. var strsplitb=String.fromCharCode(9);
  227. var sc;
  228. sc=ocx.GetChannelName();
  229. if (sc !=""){
  230. sc=sc.substr(0, sc.length-1);
  231. t=sc.split(strsplita);
  232. g_channelNum=t.length;
  233.  
  234. var htmlReg = /<(\w+)>/;
  235. for (var i =0; i<t.length;i++ ){
  236. ts=t[i].split(strsplitb);
  237. ts[1].replace(htmlReg, "&lt;$1&gt;"); //替换html字符
  238. // if(i>=(g_channelNum-g_digitalChannel))
  239. // {
  240. // 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]
  241. // + ")'></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:;'>
  242. //
  243. // }
  244. // else
  245. {
  246. 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]
  247. + ")'></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]
  248. + ")'></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:;'>
  249.  
  250. }
  251.  
  252.  
  253. }
  254. $("cl").innerHTML=shtml;
  255. var ls = $$('#cl li');
  256. }
  257. //m_ocx.ChangeShowWndNum();
  258. showExit();
  259. showSelectNumb();
  260. $('logoString').setText(logoString);//
  261. }
  262. function showSelectNumb() {
  263.  
  264. switch(g_channelNum)
  265. {
  266.  
  267. case 1:
  268. {
  269. $('xp2').style.display="none" ;
  270. $('xp3').style.display="none" ;
  271. $('xp4').style.display="none" ;
  272. $('xp5').style.display="none" ;
  273. $('xp6').style.display="none" ;
  274. $('xp7').style.display="none" ;
  275. break;
  276. }
  277. case 2:
  278. case 3:
  279. case 4:
  280. {
  281. $('xp3').style.display="none" ;
  282. $('xp4').style.display="none" ;
  283. $('xp5').style.display="none" ;
  284. $('xp6').style.display="none" ;
  285. $('xp7').style.display="none" ;
  286. break;
  287. }
  288. case 5:
  289. case 6:
  290. case 7:
  291. case 8:
  292. case 9:
  293. {
  294. $('xp4').style.display="none" ;
  295. $('xp5').style.display="none" ;
  296. $('xp6').style.display="none" ;
  297. $('xp7').style.display="none" ;
  298. break;
  299. }
  300. case 10:
  301. case 11:
  302. case 12:
  303. case 13:
  304. case 14:
  305. case 15:
  306. case 16:
  307. {
  308. $('xp5').style.display="none" ;
  309. $('xp6').style.display="none" ;
  310. $('xp7').style.display="none" ;
  311. break;
  312. }
  313. case 17:
  314. case 18:
  315. case 19:
  316. case 20:
  317. case 21:
  318. case 22:
  319. case 23:
  320. case 24:
  321. case 25:
  322. {
  323. $('xp6').style.display="none" ;
  324. $('xp7').style.display="none" ;
  325. break;
  326. }
  327. case 26:
  328. case 27:
  329. case 28:
  330. case 29:
  331. case 30:
  332. case 31:
  333. case 32:
  334. {
  335. $('xp7').style.display="none" ;
  336. break;
  337. }
  338. default: break;
  339. }
  340. }
  341. function showExit() {
  342.  
  343.  
  344. for(var j=1;j<gexiti+1;j++)
  345. {
  346. if(gExitSubType[j]==true)
  347. {
  348.  
  349. var temp="subPlay"+gExitChannel[j].toString();
  350. $(temp).removeClass($(temp).className);
  351. $(temp).addClass('subPlay');
  352. }
  353. else
  354. {
  355.  
  356. var temp="c"+gExitChannel[j].toString();
  357. $(temp).removeClass($(temp).className);
  358. $(temp).addClass('cl2');
  359.  
  360. }
  361.  
  362. }
  363. gexiti=0;
  364. }
  365.  
  366.  
  367. </script>
  368.  
  369. <!-- 调整页面大小（待处理） -->
  370.  
  371. <script type="text/javascript">
  372. function resizeL(){
  373.  
  374. $('username').setStyle('width',InputName.width);
  375. $('username').setStyle('line-height',InputName.height);
  376. $('password').setStyle('line-height',InputName.height);
  377. $('username').setStyle('height',InputName.height);
  378. $('username').setStyle('margin-top',InputName.marginTop);
  379. $('username').setStyle('margin-right',InputName.marginRight);
  380. $('userNameInput').setStyle('margin-top',SpanLoginName.marginTop);
  381. $('password').setStyle('width',InputPassword.width);
  382. $('password').setStyle('height',InputPassword.height);
  383. $('password').setStyle('margin-top',InputPassword.marginTop);
  384. $('password').setStyle('margin-right',InputPassword.marginRight);
  385.  
  386. $('loginBT').setStyle('width',LoginButton.width);
  387. $('loginBT').setStyle('height',LoginButton.height);
  388.  
  389.  
  390. if(1==LogoNumbers)
  391. {
  392. $("logo1").setStyle('background','none');
  393. }
  394.  
  395.  
  396.  
  397.  
  398. wwidth =document.documentElement.clientWidth;
  399.  
  400. wheight=document.documentElement.clientHeight;
  401.  
  402. $('login').setStyle('width',wwidth);
  403.  
  404. $('lm').setStyle('width',wwidth);
  405.  
  406.  
  407. if(wwidth<=417)
  408. {
  409. $('lmll').style.width=0;
  410. $('lmrr').style.width=0;
  411. $('lml').style.width=0;
  412. $('lmr').style.widht=0;
  413. $('lmm').setStyle('width',wwidth);
  414.  
  415. $('ldl').setStyle('width',0)
  416. $('ldm').setStyle('width',wwidth);
  417. $('ldr').setStyle('width',0)
  418. }
  419. else if(wwidth<=1127)
  420. {
  421. $('lmll').style.width=0;
  422. $('lmrr').style.width=0;
  423. $('lml').setStyle('width',(wwidth-417)/2+(355-(wwidth-417)/2));
  424. $('lml').setStyle('margin-left',-(355-(wwidth-417)/2));
  425. $('lmr').setStyle('width',(wwidth-417)/2);
  426. $('lmm').setStyle('width',417);
  427.  
  428. $('ldl').setStyle('width',((wwidth-417)/2)-1)
  429. $('ldm').setStyle('width',417);
  430. $('ldr').setStyle('width',(wwidth-(417+(wwidth-417)/2-1)));
  431.  
  432.  
  433.  
  434.  
  435. }
  436. else
  437. {
  438.  
  439. $('lml').setStyle('margin-left',0);
  440.  
  441. $('lml').setStyle('width',355);
  442. $('lmr').setStyle('width',355);
  443. $('lmm').setStyle('width',417);
  444.  
  445.  
  446. $('ldm').setStyle('width',417);
  447. var w=(wwidth-(417+355+355))/2;
  448. $('ldl').setStyle('width',w+355);
  449. $('ldr').setStyle('width',(wwidth-(417+355+w)));
  450.  
  451. $('lmll').setStyle('width',w);
  452. $('lmrr').setStyle('width',w);
  453. }
  454. }
  455. var g_Radio=1.25;//1.78
  456. function ChangeRadio() {
  457. if(g_Radio==1.25)
  458. {
  459. g_Radio=1.78;
  460. }
  461. else
  462. {
  463. g_Radio=1.25;
  464. }
  465. resizeM();
  466.  
  467.  
  468. }
  469. function resizeM(){
  470. var mbbw;
  471. var mbbh;
  472. var wwidth =document.documentElement.clientWidth;
  473. var wheight=document.documentElement.clientHeight;
  474. if (wheight<600) wheight=600;
  475. //ma31,dra24,mc13,pb26
  476.  
  477. mbbh=wheight-$(ma).getCoordinates().height-$(dra).getCoordinates().height-$(mc).getCoordinates().height-$(pb).getCoordinates().height-5-10;
  478.  
  479. glhight=wheight-$(ma).getCoordinates().height-$(dra).getCoordinates().height-$(mc).getCoordinates().height+5-10;
  480. //mcup:349
  481. grhight=wheight-349-$(ma).getCoordinates().height-$(dra).getCoordinates().height-$(mc).getCoordinates().height+5-10;
  482.  
  483. mbbw=mbbh *64/51;
  484. mbbw=mbbh *g_Radio;
  485.  
  486. $('mb').setStyle('width', mbbw+(145*2+8));
  487. $('mbb').setStyle('width', mbbw);//yzt 0508
  488. $('mbb').setStyle('height', mbbh);
  489. $('mbal').setStyle('height', glhight);
  490. $('yt3').setStyle('height', grhight);
  491. $('backGround').setStyle('height', wheight);
  492. $('dcl').setStyle('height', glhight);
  493. $('QS').setStyle('left', screen.width-170);
  494.  
  495. $('ma').setStyle('width', $(mba).getCoordinates().left*2+$(mba).getCoordinates().width+$(mbb).getCoordinates().width+$(mbc).getCoordinates().width+3);
  496. $('mc').setStyle('width',$(ma).getCoordinates().width);
  497. if(screen.width<$(mbc).getCoordinates().right+170)
  498. {
  499. $('QS').setStyle('left', $(mbc).getCoordinates().right+10);
  500. }
  501. if(g_Radio==1.78|| !g_bSubQS1&& !g_bSubQS2 && !g_bSubQS3 && !g_bSubQS4)
  502. {
  503. $('QS').setStyle('left', screen.width-100);
  504. $('QS').style.display='none';
  505. }else
  506. {
  507. if(g_bQS&&!g_bClose)
  508. {
  509. $('QS').style.display='';
  510. }
  511.  
  512. }
  513. if( g_bSubQS1&& g_bSubQS2 && g_bSubQS3 && g_bSubQS4 )
  514. {
  515. $('QS').setStyle('top', screen.height-650);
  516. }
  517. else
  518. {
  519. $('QS').setStyle('top', screen.height-550);
  520. }
  521. if (window.ActiveXObject) {
  522. var ua = navigator.userAgent.toLowerCase();
  523. var ie=ua.match(/msie ([\d.]+)/)[1]
  524. if(ie==6.0){
  525.  
  526. position_fixed(document.getElementById("QS"),wwidth-150,wheight-150);
  527. if(screen.width-wwidth>60)
  528. {
  529. $('QS').style.display='none';
  530. }else
  531. {
  532. if(g_Radio==1.78 || !g_bSubQS1&& !g_bSubQS2 && !g_bSubQS3 && !g_bSubQS4)
  533. {
  534. $('QS').style.display='none';
  535. }else
  536. {
  537. if(g_bQS&&!g_bClose )
  538. {
  539. $('QS').style.display='';
  540. }
  541. }
  542. }
  543. }
  544. }
  545.  
  546. }
  547.  
  548.  
  549. function resize(){
  550.  
  551. resizeL();
  552. resizeM();
  553. }
  554. window.addEvent('resize',function(){
  555. resize();
  556.  
  557. });
  558. </script>
  559.  
  560.  
  561.  
  562.  
  563. <!-- 登入和翻译（待整理） -->
  564.  
  565. <script type="text/javascript">
  566. function ld()
  567. {
  568.  
  569. gexiti=0;
  570. gExitChannel[0]=0;
  571. gExitSubType[0]=true;
  572. var username = $("username").value;
  573. var password = $("password").value;
  574. var ocxlanguage=$("langlist").selectedIndex+1;
  575.  
  576. var r=ocx.Login(ipaddress,hostport,username,password);
  577. if(r==-11700)
  578. {
  579. location="err.htm";
  580. }
  581. if (r>0){
  582.  
  583. getcl();
  584. timeup(2);
  585.  
  586.  
  587.  
  588.  
  589.  
  590. $('password').value="";
  591. $('login').style.display="none";
  592. $('m').style.top="0px";
  593. resize();
  594. settings['username'] = username;
  595. settings['ocxlanguage'] = ocxlanguage;
  596. savesetting();
  597. if(gAutoPlayAll)
  598. {
  599. ocx.PlayAll();
  600. }
  601. g_bClose=false;
  602.  
  603.  
  604.  
  605. }
  606. }
  607. function timeup(sec) {
  608. sec--;
  609. if (sec == 0) {
  610. var shtml="";
  611. shtml+="<div id='QSLogo' style='text-align:center;width:90px;height:90px;background:url(c:/1.bmp);'></div>"
  612. shtml+="<div id='QSText1' style='text-align:center'><span id='QSText' style='color:#000;'></span></div>"
  613. shtml+="<div id='QSLogo2' style='text-align:center;width:90px;height:90px;background:url(c:/2.bmp);'></div>"
  614. shtml+="<div id='QSText2' style='text-align:center'><span style='color:#000;'>Android</span></span></div>"
  615. shtml+="<div id='QSLogo3' style='text-align:center;width:90px;height:90px;background:url(c:/3.bmp);'></div>"
  616. shtml+="<div id='QSText3' style='text-align:center'><span style='color:#000;'>IOS</span></div>"
  617. shtml+="<div id='QSLogo4' style='text-align:center;width:90px;height:90px;background:url(c:/4.bmp);'></div>"
  618. shtml+="<div id='QSText4' style='text-align:center'><span id='QSText42' style='color:#000;'>Other</span></div>"
  619. $("QQ").innerHTML=shtml;
  620. $('QSLogo').title=tl('DeviceManage.SerialID');
  621.  
  622. $('QSText').setText(tl('DeviceManage.SerialID'));
  623.  
  624. $('QSLogo2').title=tl('DeviceManage.Android');
  625. $('QSLogo3').title=tl('DeviceManage.IOS');
  626. $('QSLogo4').title= g_strSubQS4Name;
  627. $('QSText42').setText(g_strSubQS4Name);
  628.  
  629. if(!g_bSubQS1)
  630. {
  631. $('QSLogo').style.display='none'
  632. $('QSText1').style.display='none'
  633. }
  634. if(!g_bSubQS2)
  635. {
  636. $('QSLogo2').style.display='none'
  637. $('QSText2').style.display='none'
  638. }
  639. if(!g_bSubQS3)
  640. {
  641. $('QSLogo3').style.display='none'
  642. $('QSText3').style.display='none'
  643. }
  644. if(!g_bSubQS4)
  645. {
  646. $('QSLogo4').style.display='none'
  647. $('QSText4').style.display='none'
  648. }
  649. if( g_bSubQS1&& g_bSubQS2 && g_bSubQS3 && g_bSubQS4 )
  650. {
  651. $('QS').setStyle('top', screen.height-650);
  652. }
  653. if(!g_bSubQS1&& !g_bSubQS2 && !g_bSubQS3 && !g_bSubQS4)
  654. {
  655. $('QS').style.display='none'
  656.  
  657. }
  658. //$('QS').style.display='';
  659.  
  660. }
  661. else {setTimeout("timeup("+sec+")", 1000);}
  662. }
  663. function DownLoadLo()
  664. {
  665. window.open(DownLoadAddr);
  666. }
  667. function savesetting() {
  668. gHashCookie.extend(settings);
  669. }
  670. function getsetting(){
  671. if (gHashCookie.get('username')) {
  672. settings['username'] = gHashCookie.get('username');
  673. } else {
  674. settings['username'] = '';
  675. }
  676. if (gHashCookie.get('ocxlanguage')) {
  677.  
  678. settings['ocxlanguage'] = gHashCookie.get('ocxlanguage');
  679. var cLanguage;
  680. switch(settings['ocxlanguage'])
  681. {
  682. case 1:
  683. cLanguage="English";
  684.  
  685. break;
  686. case 2:
  687. cLanguage="French";
  688.  
  689. break;
  690. case 3:
  691. cLanguage="Hungarian";
  692.  
  693. break;
  694. case 4:
  695. cLanguage="Italian";
  696.  
  697. break;
  698. case 5:
  699. cLanguage="Japanese";
  700.  
  701. break;
  702. case 6:
  703. cLanguage="Portugal";
  704.  
  705. break;
  706. case 7:
  707. cLanguage="Russian";
  708.  
  709. break;
  710. case 8:
  711. cLanguage="SimpChinese";
  712.  
  713. break;
  714. case 9:
  715. cLanguage="Spanish";
  716.  
  717. break;
  718. case 10:
  719. cLanguage="TradChinese";
  720.  
  721. break;
  722. case 11:
  723. cLanguage="German";
  724.  
  725. break;
  726. case 12:
  727. cLanguage="Poland";
  728.  
  729. break;
  730. case 13:
  731. cLanguage="Turkey";
  732.  
  733. break;
  734. case 14:
  735. cLanguage="Romanian";
  736. break;
  737. case 15:
  738. cLanguage="Suomi";
  739. break;
  740. case 16:
  741. cLanguage="Korean";
  742. break;
  743. case 17:
  744. cLanguage="Farsi";
  745. break;
  746. case 18:
  747. cLanguage="Thai";
  748. break;
  749. case 19:
  750. cLanguage="Greek";
  751. break;
  752. case 20:
  753. cLanguage="Vietnamese";
  754. break;
  755. case 21:
  756. cLanguage="Brazilian";
  757. break;
  758. case 22:
  759. cLanguage="Hebrew";
  760. break;
  761. case 23:
  762. cLanguage="Arabic";
  763. break;
  764. case 24:
  765. cLanguage="Bulgarian";
  766. break;
  767. case 25:
  768. cLanguage="Czech";
  769. break;
  770. default:
  771. cLanguage="English";
  772. break;
  773. }
  774. ocx.SetSpecialParamEx2(2,cLanguage,0,0);
  775. inilanguage();
  776. }
  777. else
  778. {
  779. settings['ocxlanguage'] = numLanguage+1;
  780.  
  781. }
  782.  
  783. $('username').setProperty('value', settings['username']);
  784. $('langlist').selectedIndex=settings['ocxlanguage']-1;
  785.  
  786. }
  787.  
  788.  
  789. function inilanguage(){
  790. $('DVRcolor').setText(tl('Title.ImageConfig'));
  791. $('mthf').setText(tl('WebTitle.Playback'));
  792. $('mtrz').setText(tl('WebTitle.Log'));
  793. $('mtkhdpz').setText(tl('WebTitle.LocalConfig'));
  794. $('mtsbpz').setText(tl('WebTitle.RemoteCfg'));
  795. $('mttc').setText(tl('WebTitle.LogOut'));
  796. $('xbc').setText(tl('WebPtz.Step')+'(1-8):');
  797. if(iLanguage==109)
  798. {
  799. $('xbc').setText(tl('WebPtz.Step'));
  800. }
  801.  
  802. $('xbb').setText(tl('WebPtz.Zoom'));
  803. $('xbj').setText(tl('WebPtz.Focus'));
  804. $('xgq').setText(tl('WebPtz.Iris'));
  805. $('mbcyzd').setText(tl('WebPtz.Preset')+':');
  806. $('mbcdjxh').setText(tl('WebPtz.Cruise')+':');
  807. $('taba1').setText(tl('WebTitle.ImageColorConfig'));
  808. $('xcz').setText(tl('WebBT.SetDefault'));
  809. $('xcqsb').setText(tl('WebBT.Reboot'));
  810. $('ratio').setText(tl('WebBT.ChangeRatio'));
  811. $('taba2').setText(tl('WebTitle.OtherSet'));
  812. $('userNameInput').setText(tl('WebInput.UserName'));
  813. $('passWordInput').setText(tl('WebInput.Password'));
  814. $('loginBT').setText(tl('WebBT.LogIn'));
  815. $('PlayAudio').setText(tl('Desktop.PlayMusic'));
  816. $('QSC').setText(tl('PlayBack.Close'));
  817.  
  818.  
  819. $('xp0').title=tl('Desktop.SplitFull');
  820. $('xp1').title=tl('Desktop.Split1');
  821. $('xp2').title=tl('Desktop.Split4');
  822. $('xp3').title=tl('Desktop.Split9');
  823. $('xp4').title=tl('Desktop.Split16');
  824. $('xp5').title=tl('Desktop.Split25');
  825. $('xp6').title=tl('Desktop.Split36');
  826. $('startPlayAll').title=tl('WebBT.PlayAll');
  827. $('stopPlayAll').title=tl('WebBT.StopPlayAll');
  828. $('snap').title=tl('Desktop.Snapshot');
  829. $('recordAll').title=tl('WebBT.RecordAll');
  830. $('stopRecordAll').title=tl('WebBT.StopRecordAll');
  831. $('Audio').title=tl('Desktop.Audio');
  832.  
  833. $('goPreset').title=tl('PtzControl.Goto');
  834. $('addPreset').title=tl('PtzControl.AddPreset');
  835. $('delPreset').title=tl('PtzControl.DelPreset');
  836. $('goCruise').title=tl('PtzControl.Start');
  837. $('stopCruise').title=tl('PtzControl.Stop');
  838. $('editCruise').title=tl('PtzControl.Edit');
  839.  
  840. $('xtld').title=tl('ConfigEncode.Brightness');
  841. $('xtdbd').title=tl('ConfigEncode.Contrast');
  842. $('xtbhd').title=tl('ConfigEncode.Saturation');
  843. $('xtsd').title=tl('ConfigEncode.Hue');
  844.  
  845. // $('Talk').title=tl('Desktop.StartTalk');
  846.  
  847. }
  848. </script>
  849.  
  850. <!-- 下拉框 -->
  851.  
  852. <script type="text/javascript">
  853. function showmu1(){
  854. if (gfmu1==0)
  855. {
  856. gfmu1=1;
  857. $('smu1').style.display="";
  858. }
  859. else{
  860. closemu1();
  861. }
  862. }
  863.  
  864. function closemu1(){
  865. gfmu1=0;
  866. $('smu1').style.display="none";
  867. }
  868. function onmu1(v){
  869. $('ps').value=v;
  870. closemu1();
  871. }
  872. </script>
  873.  
  874. <!-- 全播放，录像，声音，对讲 -->
  875.  
  876. <script type="text/javascript">
  877. function startPlayAll() {
  878. ocx.PlayAll();
  879. }
  880. function StopPlayAll() {
  881.  
  882. ocx.StopRealPlayAll();
  883. }
  884. function recordAll() {
  885.  
  886. if(ocx.startRecordAll("C:\\record"))
  887. {
  888. }
  889. }
  890. function stopRecordAll() {
  891. if(ocx.stopRecordAll())
  892. {
  893. }
  894. }
  895.  
  896. function openAudio() {
  897. if(g_bAudio)
  898. {
  899. if(ocx.CloseSound(1))
  900. {
  901. g_bAudio=false;
  902. $('Audio').removeClass($('Audio').className);
  903. $('Audio').addClass('p102')
  904. }
  905. }
  906. else
  907. {
  908. if(ocx.OpenSound(-1))
  909. {
  910. $('Audio').removeClass($('Audio').className);
  911. $('Audio').addClass('p10')
  912. g_bAudio=true;
  913. }
  914. }
  915.  
  916. }
  917. function Ontalk() {
  918. if($('talking').hasClass('noT'))
  919. {
  920. if(ocx.StartTalk())
  921. {
  922. $('talking').removeClass($('talking').className);
  923. $('talking').addClass('t');
  924. $('talking').title=tl('Desktop.StopTalk');
  925.  
  926. }
  927.  
  928. }
  929. else
  930. {
  931. if(ocx.StopTalk())
  932. {
  933. $('talking').removeClass($('talking').className);
  934. $('talking').addClass('noT');
  935. $('talking').title=tl('Desktop.StartTalk');
  936.  
  937. }
  938.  
  939. }
  940.  
  941. }
  942. </script>
  943.  
  944. <!-- 录像，退出,子码流播放... -->
  945.  
  946. <script>
  947. function subPlay(ob,channel) {
  948.  
  949. if($(ob).hasClass('noSubPlay'))
  950. {
  951.  
  952. if(ocx.StartRealPlay(channel,0,1))
  953. {
  954. $(ob).removeClass($(ob).className);
  955. $(ob).addClass('subPlay');
  956. getcolors();
  957.  
  958. }
  959. }
  960. else
  961. {
  962. if(ocx.StopPlayReal(channel))
  963. {
  964. $(ob).removeClass($(ob).className);
  965. $(ob).addClass('noSubPlay');
  966.  
  967. }
  968.  
  969. }
  970.  
  971. }
  972. function record(ob,channel) {
  973.  
  974. if($(ob).hasClass('noRecord'))
  975. {
  976.  
  977. if(ocx.StartRecordByChannel(channel))
  978. {
  979. $(ob).removeClass($(ob).className);
  980. $(ob).addClass('record');
  981.  
  982. }
  983. }
  984. else
  985. {
  986. if(ocx.StopRecordBychannel(channel))
  987. {
  988. $(ob).removeClass($(ob).className);
  989. $(ob).addClass('noRecord');
  990.  
  991. }
  992.  
  993. }
  994.  
  995. }
  996. function Logout() {
  997. if(ocx.Logout())
  998. {
  999. $('m').style.top="-10000px";
  1000. $('login').style.display="";
  1001. $('preSet').value=1;
  1002. $('cruise').value=1;
  1003. $('ps').value=5;
  1004. $('QS').style.display='none';
  1005. g_bClose=true;
  1006. }
  1007.  
  1008. }
  1009.  
  1010.  
  1011. function recordCtrl()//点击对应窗口录像（暂时没应用）
  1012. {
  1013. if(!g_bRecord)
  1014. {
  1015. if(ocx.StartRecord('C:\\record'))
  1016. {
  1017. $('record').removeClass($('record').className);
  1018. $('record').addClass('p92')
  1019. g_bRecord=true;
  1020. }
  1021.  
  1022. }
  1023. else
  1024. {
  1025. if(ocx.StopRecord())
  1026. {
  1027. $('record').removeClass($('record').className);
  1028. $('record').addClass('p9')
  1029. g_bRecord=false;
  1030. }
  1031.  
  1032. }
  1033. }
  1034. function StopRealPlay() //根据当前窗口关闭播放（暂时没应用）
  1035. {
  1036. if(ocx.StopRealPlay())
  1037. {
  1038. $('stop').removeClass($('stop').className)
  1039. $('stop').addClass('p7')
  1040. }
  1041.  
  1042. }
  1043.  
  1044.  
  1045. </script>
  1046.  
  1047. <!-- 事件 -->
  1048. <script language="javascript" for="ocx" event="PlayAudio(bIsPlay)">
  1049. if (bIsPlay) {
  1050.  
  1051. $('PlayAudio').style.display='';
  1052. }else
  1053. {
  1054. $('PlayAudio').style.display="none";
  1055. }
  1056. </script>
  1057.  
  1058. <script language="javascript" for="ocx" event="reName(channel)">
  1059.  
  1060. var ts=new Array();
  1061. var t= new Array();
  1062. var strsplita=String.fromCharCode(16);
  1063. var strsplitb=String.fromCharCode(9);
  1064. var sc;
  1065.  
  1066. sc=ocx.GetChannelName();
  1067. if (sc !=""){
  1068. sc=sc.substr(0, sc.length-1);
  1069. t=sc.split(strsplita);
  1070.  
  1071.  
  1072. for (var i =0; i<t.length;i++ )
  1073. {
  1074. ts=t[i].split(strsplitb);
  1075. var temp="name"+(i).toString();
  1076. $(temp).setText(ts[1]);
  1077.  
  1078. }
  1079.  
  1080. }
  1081. </script>
  1082. <script language="javascript" for="ocx" event="HideQS(bHide)">
  1083.  
  1084. if (bHide==true) {
  1085. $('QS').style.display='none';
  1086. g_bQS=false;
  1087. }else
  1088. {
  1089. $('QS').style.display='';
  1090. g_bQS=true;
  1091.  
  1092. }
  1093. </script>
  1094. <script language="javascript" for="ocx" event="ShowSubQS(bShow1, bShow2, bShow3, bShow4, name4)">
  1095.  
  1096. if(bShow1) {
  1097. // $('QSLogo').style.display= '';
  1098. g_bSubQS1 = true;
  1099. }else
  1100. {
  1101. //$('QSLogo').style.display='none';
  1102. g_bSubQS1 = false;
  1103. }
  1104.  
  1105. if(bShow2) {
  1106. //$('QSLogo2').style.display= '';
  1107. g_bSubQS2 = true;
  1108. }else
  1109. {
  1110. //$('QSLogo2').style.display='none';
  1111. g_bSubQS2 = false;
  1112. }
  1113.  
  1114. if(bShow3) {
  1115. //$('QSLogo3').style.display= '';
  1116. g_bSubQS3 = true;
  1117. }else
  1118. {
  1119. //$('QSLogo3').style.display='none';
  1120. g_bSubQS3 = false;
  1121. }
  1122. if(bShow4) {
  1123. //$('QSLogo4').style.display= '';
  1124. g_bSubQS4 = true;
  1125. }else
  1126. {
  1127. //$('QSLogo4').style.display='none';
  1128. g_bSubQS4 = false;
  1129. }
  1130. g_strSubQS4Name = name4;
  1131. </script>
  1132. <script language="javascript" for="ocx" event="oneSubOpen(channel)">
  1133. var tempPlay="c"+(channel).toString();
  1134. if($(tempPlay).hasClass('cl2'))
  1135. {
  1136. $(tempPlay).removeClass($(tempPlay).className);
  1137. $(tempPlay).addClass('cl1');
  1138. }
  1139. var tempSubPlay="subPlay"+(channel).toString();
  1140. $(tempSubPlay).removeClass($(tempSubPlay).className);
  1141. $(tempSubPlay).addClass('subPlay');
  1142. getcolors();
  1143.  
  1144. </script>
  1145. <script language="javascript" for="ocx" event="ForbitLanguage()">
  1146.  
  1147. $('langlist').disabled=true;
  1148. </script>
  1149. <script language="javascript" for="ocx" event="SelEnglish()">
  1150. numLanguage=0;
  1151. </script>
  1152. <script language="javascript" for="ocx" event="StopPosition()">
  1153. $('menu').removeClass($('menu').className);
  1154. $('menu').addClass('PositionStop');
  1155. </script>
  1156. <script language="javascript" for="ocx" event="StartPosition()">
  1157. $('menu').removeClass($('menu').className);
  1158. $('menu').addClass('PositionStart');
  1159. </script>
  1160. <script language="javascript" for="ocx" event="DigitalStatus(nStatus,channel)">
  1161. if (1==nStatus) {
  1162. var tempSubPlay="subPlay"+(channel).toString();
  1163. $(tempSubPlay).removeClass($(tempSubPlay).className);
  1164. $(tempSubPlay).addClass('forbitsubPlay');
  1165.  
  1166. var tempRecord="re"+(channel).toString();
  1167. $(tempRecord).removeClass($(tempRecord).className);
  1168. $(tempRecord).addClass("forbitRecord");
  1169.  
  1170. var tempPlay="c"+(channel).toString();
  1171. $(tempPlay).removeClass($(tempPlay).className);
  1172. $(tempPlay).addClass("forbitPlay");
  1173.  
  1174. }
  1175. if (0==nStatus) {
  1176. var tempSubPlay="subPlay"+(channel).toString();
  1177. $(tempSubPlay).removeClass($(tempSubPlay).className);
  1178. $(tempSubPlay).addClass('noSubPlay');
  1179.  
  1180. var tempRecord="re"+(channel).toString();
  1181. $(tempRecord).removeClass($(tempRecord).className);
  1182. $(tempRecord).addClass("noRecord");
  1183.  
  1184. var tempPlay="c"+(channel).toString();
  1185. $(tempPlay).removeClass($(tempPlay).className);
  1186. $(tempPlay).addClass("cl1");
  1187. }
  1188. if (2==nStatus) {
  1189. var tempPlay="c"+(channel).toString();
  1190. $(tempPlay).removeClass($(tempPlay).className);
  1191. $(tempPlay).addClass("cl2");
  1192. }
  1193. if (3==nStatus) {
  1194. var tempPlay="subPlay"+(channel).toString();
  1195. $(tempPlay).removeClass($(tempPlay).className);
  1196. $(tempPlay).addClass("noSubPlay");
  1197. }
  1198. if (4==nStatus) {
  1199. var tempPlay="subPlay"+(channel).toString();
  1200. $(tempPlay).removeClass($(tempPlay).className);
  1201. $(tempPlay).addClass("subPlay");
  1202.  
  1203. }
  1204. if (5==nStatus) {
  1205. var tempPlay="re"+(channel).toString();
  1206. $(tempPlay).removeClass($(tempPlay).className);
  1207. $(tempPlay).addClass("record");
  1208. }
  1209. if (6==nStatus) {
  1210. var tempPlay="re"+(channel).toString();
  1211. $(tempPlay).removeClass($(tempPlay).className);
  1212. $(tempPlay).addClass("noRecord");
  1213. }
  1214.  
  1215. getcolors();
  1216. </script>
  1217.  
  1218. <script language="javascript" for="ocx" event="OneChannelOpen(channel)">//某个通道打开，比如报警
  1219. // if(channel<g_channelNum-g_digitalChannel)
  1220. // {
  1221. var tempSubPlay="subPlay"+(channel).toString();
  1222. if($(tempSubPlay).hasClass('subPlay'))
  1223. {
  1224. $(tempSubPlay).removeClass($(tempSubPlay).className);
  1225. $(tempSubPlay).addClass('noSubPlay');
  1226. }
  1227. /* }*/
  1228.  
  1229. var tempPlay="c"+(channel).toString();
  1230. $(tempPlay).removeClass($(tempPlay).className);
  1231. $(tempPlay).addClass('cl2');
  1232. getcolors();
  1233.  
  1234. </script>
  1235.  
  1236. <script language="javascript" for="ocx" event="startPlayExitChannel(channel,bSub)">//开始播放上回退出视频
  1237. gexiti++;
  1238. gExitChannel[gexiti]=channel;
  1239. if (bSub==true){
  1240.  
  1241. gExitSubType[gexiti]=true
  1242.  
  1243. }
  1244. else
  1245. {
  1246. gExitSubType[gexiti]=false;
  1247. }
  1248. getcolors();
  1249. </script>
  1250.  
  1251. <script language="javascript" for="ocx" event="RButtonDown(flag,x,y)">//右键退出（退出全屏）
  1252. ocx.Fullscreen(false);
  1253. </script>
  1254.  
  1255. <script language="javascript" for="ocx" event="stopPlayOneChannel(lChannel)">//停止一个通道的播放（图标变色）
  1256.  
  1257. var tempPlay="c"+(lChannel).toString();
  1258. var tempRecord="re"+(lChannel).toString();
  1259.  
  1260.  
  1261. $(tempPlay).removeClass($(tempPlay).className);
  1262. $(tempPlay).addClass('cl1');
  1263. $(tempRecord).removeClass($(tempRecord).className);
  1264. $(tempRecord).addClass('noRecord');
  1265.  
  1266. // if(lChannel<g_channelNum-g_digitalChannel)
  1267. // {
  1268. var tempSubPlay="subPlay"+(lChannel).toString();
  1269. $(tempSubPlay).removeClass($(tempSubPlay).className);
  1270. $(tempSubPlay).addClass('noSubPlay');
  1271. /* }*/
  1272.  
  1273.  
  1274.  
  1275.  
  1276. getcolors();
  1277. </script>
  1278.  
  1279. <script language="javascript" for="ocx" event="bRecordAndRealPlay(bRecord, bRealPlay)">//选中一个窗口（翻译当前窗口的录像，和播放开关状态）
  1280. if(bRealPlay==true)
  1281. {
  1282.  
  1283. }
  1284. {
  1285.  
  1286. }
  1287.  
  1288. //getcolors(); //获取颜色值
  1289. </script>
  1290.  
  1291. <script language="javascript" for="ocx" event="AllChannelCtrl( bPlay, bStopPlay, bRecord,bStopRecord)">//全通道录像，播放开关,(子码播放用到，record两个变量)
  1292. if(bPlay)
  1293. {
  1294. if(bRecord)//借用于子码流播放
  1295. {
  1296.  
  1297. for(var j=0;j<g_channelNum;j++)
  1298. {
  1299. var tempSubPlay="subPlay"+(j).toString();
  1300. $(tempSubPlay).removeClass($(tempSubPlay).className);
  1301. $(tempSubPlay).addClass('subPlay');
  1302.  
  1303. }
  1304. }
  1305. else
  1306. {
  1307.  
  1308. for(var j=0;j<g_channelNum;j++)
  1309. {
  1310. var temp="c"+(j).toString();
  1311. $(temp).removeClass($(temp).className);
  1312. $(temp).addClass('cl2');
  1313.  
  1314. }
  1315.  
  1316. }
  1317.  
  1318. }else if(bStopPlay)
  1319. {
  1320.  
  1321. for(var j=0;j<g_channelNum;j++)
  1322. {
  1323.  
  1324. var temp="c"+(j).toString();
  1325. $(temp).removeClass($(temp).className);
  1326. $(temp).addClass('cl1');
  1327.  
  1328. // if(j>=g_channelNum-g_digitalChannel)
  1329. // continue;
  1330. var tempSubPlay="subPlay"+(j).toString();
  1331. $(tempSubPlay).removeClass($(tempSubPlay).className);
  1332. $(tempSubPlay).addClass('noSubPlay');
  1333. }
  1334. }
  1335. else if(bRecord)
  1336. {
  1337. for(var j=0;j<g_channelNum;j++)
  1338. {
  1339. var tempPlay="c"+(j).toString();
  1340. var tempsub="subPlay"+(j).toString();
  1341. if($(tempPlay).hasClass('cl2') || (/* j<g_channelNum-g_digitalChannel && */$(tempsub).hasClass('subPlay')))
  1342. {
  1343. var temp="re"+(j).toString();
  1344. $(temp).removeClass($(temp).className);
  1345. $(temp).addClass('record');
  1346. }
  1347.  
  1348. }
  1349. }
  1350. else if(bStopRecord)
  1351. {
  1352. for(var j=0;j<g_channelNum;j++)
  1353. {
  1354. var temp="re"+(j).toString();
  1355. $(temp).removeClass($(temp).className);
  1356. $(temp).addClass('noRecord');
  1357. }
  1358.  
  1359. }
  1360. getcolors();
  1361. </script>
  1362.  
  1363. <script language="javascript" for="ocx" event="bSound(bs)">//选择窗口是否有播放声音
  1364. getcolors(); //获取颜色值
  1365. if(bs)
  1366. {
  1367. g_bAudio=true;
  1368. if($('Audio').hasClass('p102'))
  1369. {
  1370. $('Audio').removeClass($('Audio').className)
  1371. $('Audio').addClass('p10')
  1372. }
  1373. }
  1374. else
  1375. {
  1376. g_bAudio=false;
  1377. if($('Audio').hasClass('p10'))
  1378. {
  1379. $('Audio').removeClass($('Audio').className)
  1380. $('Audio').addClass('p102')
  1381. }
  1382. }
  1383. </script>
  1384.  
  1385. <script language="javascript" for="ocx" event="ReBoot()">
  1386.  
  1387. $('talking').removeClass($('talking').className);
  1388. $('talking').addClass('noT');
  1389. $('talking').title=tl('Desktop.StartTalk');//关闭对讲
  1390.  
  1391. for(var j=0;j<g_channelNum;j++)//关闭录像
  1392. {
  1393. var temp="re"+(j).toString();
  1394. $(temp).removeClass($(temp).className);
  1395. $(temp).addClass('noRecord');
  1396. }
  1397.  
  1398.  
  1399. </script>
  1400. <script language="javascript" for="ocx" event="AutoPlayAll(bPlay)">
  1401. if(bPlay)
  1402. {
  1403. gAutoPlayAll=true;
  1404. }
  1405. else
  1406. {
  1407. gAutoPlayAll=false;
  1408. }
  1409.  
  1410. </script>
  1411.  
  1412. <script type="text/javascript" for="ocx" event="SpecialEvent(nType,nNumber,nCheck)">
  1413.  
  1414. if(nType==1)
  1415. {
  1416. g_Radio=1.78;
  1417. resizeM();
  1418. }
  1419. </script>
  1420.  
  1421. <!-- 加载效果 -->
  1422.  
  1423. <script>
  1424. window.addEvent('domready',function(){
  1425. if(g_whitePage)
  1426. {
  1427. return;
  1428. }
  1429. //拖动
  1430. var container = $('mb');
  1431. var drop = $('drb');
  1432. var mba=$('mba');
  1433. var mbb=$('mbb');
  1434. var mbc=$('mbc');
  1435. var dropFx = drop.effect('opacity', {wait: false}); // wait is needed so that to toggle the effect,
  1436. var bedra= $('dra');
  1437. var bedrc= $('drc');
  1438. bedra.addEvent('mousedown', function(e) {
  1439. e = new Event(e).stop();
  1440. var clone = this.clone()
  1441. .setStyles(this.getCoordinates()) // this returns an object with left/top/bottom/right, so its perfect
  1442. .setStyles({'opacity': 0.7, 'position': 'absolute'})
  1443. .addEvent('emptydrop', function() {this.remove();drop.removeEvents();})
  1444. .inject(document.body);
  1445. drop.addEvents({
  1446. 'drop': function() {
  1447. drop.removeEvents();
  1448. clone.remove();
  1449. dropFx.start('1');
  1450. if (mbc.getStyle('left') !='0px')
  1451. {
  1452. mbc.setStyle('left','0');
  1453. mbc.injectBefore(mba);
  1454. mbb.injectBefore(mba);
  1455. }
  1456. else{
  1457. mbc.setStyle('left','120');
  1458. mba.injectBefore(mbc);
  1459. mbb.injectBefore(mbc);
  1460. }
  1461. },
  1462. 'over': function() {
  1463. dropFx.start('0.7');
  1464. },
  1465. 'leave': function() {
  1466. dropFx.start('1');
  1467. }
  1468. });
  1469. var drag = clone.makeDraggable({
  1470. 'container':container,
  1471. 'droppables': [drop]
  1472. }); // this returns the dragged element
  1473. drag.start(e); // start the event manual
  1474. });
  1475.  
  1476.  
  1477. bedrc.addEvent('mousedown', function(e) {
  1478. e = new Event(e).stop();
  1479. var clone = this.clone()
  1480. .setStyles(this.getCoordinates()) // this returns an object with left/top/bottom/right, so its perfect
  1481. .setStyles({'opacity': 0.7, 'position': 'absolute'})
  1482. .addEvent('emptydrop', function() {this.remove();drop.removeEvents();})
  1483. .inject(document.body);
  1484. drop.addEvents({
  1485. 'drop': function() {
  1486. drop.removeEvents();
  1487. clone.remove();
  1488. dropFx.start('1');
  1489. if (mbc.getStyle('left') !='0px')
  1490. {
  1491. mbc.setStyle('left','0');
  1492. mbc.injectBefore(mba);
  1493. mbb.injectBefore(mba);
  1494. }
  1495. else{
  1496. mbc.setStyle('left','120');
  1497. mba.injectBefore(mbc);
  1498. mbb.injectBefore(mbc);
  1499. }
  1500. },
  1501. 'over': function() {
  1502. dropFx.start('0.7');
  1503. },
  1504. 'leave': function() {
  1505. dropFx.start('1');
  1506. }
  1507. });
  1508. var drag = clone.makeDraggable({
  1509. 'container':container,
  1510. 'droppables': [drop]
  1511. }); // this returns the dragged element
  1512. drag.start(e); // start the event manual
  1513. });
  1514. //颜色滑块
  1515. gslda = new Slider($('saa'), $('ska'), {
  1516. steps:128,
  1517. onChange:function(step){setcolorsv(1,step);setcolors();}
  1518. });
  1519.  
  1520. gsldb = new Slider($('sab'), $('skb'), {
  1521. steps:128,
  1522. onChange:function(step){setcolorsv(2,step);setcolors();}
  1523. });
  1524.  
  1525. gsldc = new Slider($('sac'), $('skc'), {
  1526. steps:128,
  1527. onChange:function(step){setcolorsv(3,step);setcolors();}
  1528. });
  1529.  
  1530. gsldd = new Slider($('sad'), $('skd'), {
  1531. steps:128,
  1532. onChange:function(step){setcolorsv(4,step);setcolors();}
  1533. });
  1534. //********************************
  1535.  
  1536.  
  1537.  
  1538. var taba1=$('taba1');
  1539. var taba2=$('taba2');
  1540. taba1.addEvent('click', function(e){
  1541. new Event(e).stop();
  1542. if (this.hasClass('t3'))
  1543. {
  1544. this.removeClass(this.className);
  1545. this.addClass('t1');
  1546. taba2.removeClass(taba2.className);
  1547. taba2.addClass('t2');
  1548. $('yt3t1').style.display="";
  1549. $('yt3t2').style.display="none";
  1550. }
  1551. });
  1552.  
  1553. taba2.addEvent('click', function(e){
  1554. new Event(e).stop();
  1555. if (this.hasClass('t2'))
  1556. {
  1557. taba1.removeClass(taba2.className);
  1558. taba1.addClass('t3');
  1559. this.removeClass(this.className);
  1560. this.addClass('t4');
  1561. $('yt3t1').style.display="none";
  1562. $('yt3t2').style.display="";
  1563. }
  1564. });
  1565. //主菜单
  1566. var kwicks = $$('#kwick .kwick');
  1567. var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition:Fx.Transitions.Back.easeOut});
  1568. kwicks.each(function(kwick, i){
  1569. kwick.addEvent('mouseenter', function(e){
  1570. var obj = {};
  1571. obj[i] = {
  1572. 'width': [kwick.getStyle('width').toInt(), 155]
  1573. };
  1574. kwicks.each(function(other, j){
  1575. if (other != kwick){
  1576. var w = other.getStyle('width').toInt();
  1577. if (w != 80) obj[j] = {'width': [w,110]};
  1578. }
  1579. });
  1580. fx.start(obj);
  1581. });
  1582. });
  1583.  
  1584. $('kwick').addEvent('mouseleave', function(e){
  1585. var obj = {};
  1586. kwicks.each(function(other, j){
  1587. obj[j] = {'width': [other.getStyle('width').toInt(), 120]};
  1588. });
  1589. fx.start(obj);
  1590. });
  1591.  
  1592. inilanguage();
  1593. getsetting();
  1594. });
  1595. </script>
  1596. <script type="text/javascript">
  1597. function DetectActiveX()
  1598. {
  1599. try
  1600. {
  1601. var comActiveX = new ActiveXObject("WEB.WebCtrl.1");
  1602. comActiveX=null;
  1603. }
  1604. catch(e)
  1605. {
  1606. return false;
  1607. }
  1608. return true;
  1609. }
  1610.  
  1611. function Download()
  1612. {
  1613. window.open(LoardAddress);
  1614. }
  1615. var g_whitePage=false;
  1616. var g_bDownLoadButton=false;
  1617. if(false==DetectActiveX())
  1618. {
  1619. if (DownLoadAddr) {
  1620. g_bDownLoadButton=true;
  1621. }
  1622.  
  1623. if(LoardAddress)
  1624. {
  1625. g_whitePage=true;
  1626. }
  1627. }
  1628. </script>
  1629. <script type="text/javascript">
  1630. function ChangeLang() {
  1631. var nSel=$('langlist').selectedIndex;
  1632. var cLanguage;
  1633. switch(nSel)
  1634. {
  1635. case 0:
  1636. cLanguage="English";
  1637.  
  1638. break;
  1639. case 1:
  1640. cLanguage="French";
  1641.  
  1642. break;
  1643. case 2:
  1644. cLanguage="Hungarian";
  1645.  
  1646. break;
  1647. case 3:
  1648. cLanguage="Italian";
  1649.  
  1650. break;
  1651. case 4:
  1652. cLanguage="Japanese";
  1653.  
  1654. break;
  1655. case 5:
  1656. cLanguage="Portugal";
  1657.  
  1658. break;
  1659. case 6:
  1660. cLanguage="Russian";
  1661.  
  1662. break;
  1663. case 7:
  1664. cLanguage="SimpChinese";
  1665.  
  1666. break;
  1667. case 8:
  1668. cLanguage="Spanish";
  1669.  
  1670. break;
  1671. case 9:
  1672. cLanguage="TradChinese";
  1673.  
  1674. break;
  1675. case 10:
  1676. cLanguage="German";
  1677.  
  1678. break;
  1679. case 11:
  1680. cLanguage="Poland";
  1681.  
  1682. break;
  1683. case 12:
  1684. cLanguage="Turkey";
  1685.  
  1686. break;
  1687. case 13:
  1688. cLanguage="Romanian";
  1689. break;
  1690. case 14:
  1691. cLanguage="Suomi";
  1692. break;
  1693. case 15:
  1694. cLanguage="Korean";
  1695. break;
  1696. case 16:
  1697. cLanguage="Farsi";
  1698. break;
  1699. case 17:
  1700. cLanguage="Thai";
  1701. break;
  1702. case 18:
  1703. cLanguage="Greek";
  1704. break;
  1705. case 19:
  1706. cLanguage="Vietnamese";
  1707. break;
  1708. case 20:
  1709. cLanguage="Brazilian";
  1710. break;
  1711. case 21:
  1712. cLanguage="Hebrew";
  1713. break;
  1714. case 22:
  1715. cLanguage="Arabic";
  1716. break;
  1717. case 23:
  1718. cLanguage="Bulgarian";
  1719. break;
  1720. case 24:
  1721. cLanguage="Czech";
  1722. break;
  1723. default:
  1724. cLanguage="English";
  1725. break;
  1726. }
  1727. ocx.SetSpecialParamEx2(2,cLanguage,0,0);
  1728. inilanguage();
  1729.  
  1730. }
  1731. function Close()
  1732. {
  1733. $('QS').style.display='none';
  1734. g_bClose=true;
  1735. }
  1736. function position_fixed(el, eltop, elleft){
  1737. // check is IE6
  1738. if( !window.XMLHttpRequest ){
  1739.  
  1740. el.style.position = "absolute";
  1741. window.attachEvent('onscroll', function(){
  1742. //el.style.top = ( document.documentElement.scrollTop + eltop )+"px";
  1743.  
  1744. });
  1745. }else{
  1746. el.style.position = "fixed";
  1747. }
  1748. }
  1749.  
  1750. </script>
  1751.  
  1752. </head>
  1753. <body style="background: url(bg.jpg) repeat-x;">
  1754. <div id="login" style="display:none">
  1755. <div style="position: absolute; top: -2000px; width: 0px;">
  1756. <a style="background: url(play.gif)"></a>
  1757. <a style="background: url(record.gif)"></a>
  1758. <a style="background: url(subPlay.gif)"></a>
  1759. <a style="background: url(Talk.gif)"></a>
  1760.  
  1761.  
  1762. </div>
  1763. <!-- <div style="position: absolute; width: 100%; height: 228px; top: 0px; left: 0px;
  1764. right: 0;">-->
  1765. <div id='lt' style="position: relative; width: 100%; height: 228px; background: url(t.jpg) repeat-x #FFF;text-align:center;">
  1766. <div id='lang' style="position: relative; float: right;margin:10px 30px 0px 0px;" >
  1767.  
  1768. <span>Language:</span>
  1769. <select id="langlist" onchange="ChangeLang()">
  1770. <option>English</option>
  1771. <option>Francais</option>
  1772. <option>Hugarian</option>
  1773. <option>Italian</option>
  1774. <option>日本語</option>
  1775. <option>PORTUGUÊ</option>
  1776. <option>РУССКИЙ</option>
  1777. <option>简体中文</option>
  1778. <option>ESPAÑOL</option>
  1779. <option>繁體中文</option>
  1780. <option>Deutscher</option>
  1781. <option>Poland</option>
  1782. <option>TüRKiYE</option>
  1783. <option>Română</option>
  1784. <option>SUOMI</option>
  1785. <option>한국어</option>
  1786. <option>پارسی</option>
  1787. <option>ไทย</option>
  1788. <option>ΕΛΛΗΝΙΚΑ</option>
  1789. <option>Việt</option>
  1790. <option>Português(BR)</option>
  1791. <option>עברית</option>
  1792. <option>العربية</option>
  1793. <option>Българскиезик</option>
  1794. <option>čeština</option>
  1795. </select>
  1796.  
  1797. </div>
  1798. <div style="width: 417px; height: 228px;margin-left:auto;margin-right:auto;background:url(l_topLogo.gif)"></div>
  1799.  
  1800. </div>
  1801. <!-- </div>-->
  1802. <div id="lm" style="height: 299px; width: 1345px; position: absolute; top: 228px;
  1803. left: 0; right: 0;">
  1804. <div id="lmll" style="position: relative; width: 102px; height: 100%; background: url(lr.jpg) repeat-x;
  1805. float: left;">
  1806. </div>
  1807. <div id="lml" style="width: 355px; height: 299px; background: url(ml.jpg); float: left;
  1808. margin: 0 0 0 0;">
  1809. </div>
  1810. <div id="lmm" style="width: 417px; height: 299px; float: left; margin: 0 0px 0 0;">
  1811.  
  1812. <div style="width: 417px; height: 223px; float: left;background:url(l_bgm.gif)">
  1813. <div style="width: 417px; height: 223px; background:url('../logo/webLogo/l_bgm2.gif');position:relative">
  1814. <!-- <div style="margin: 0px 0px 0 350px;">
  1815. <button id='DownLoadPlug' onclick="DownLoadLo()" style="margin:10px 0 0 0;color: #000; width: 58px; height: 18px;
  1816. padding: 3px 0px 0 0; border: 0; background: url(board.gif);" >
  1817. </button>
  1818.  
  1819. </div>-->
  1820.  
  1821.  
  1822. <div style="width:11px;height:100%;float:left;"></div>
  1823. <div style="width: 406px; height: 100%; float: left;
  1824. margin: 0 0 0 0; color: #000000; font-size: 15px; font-family: Arial, '宋体';">
  1825.  
  1826. <div style="margin:10px 0px 0px 340px;padding:3px 0px 0px 2px; width: 56px; height: 14px;overflow:hidden;cursor:pointer;background: url(board.gif);" id='DownLoadPlug' onclick="DownLoadLo();" >
  1827. <div style="color: #000;width:100%;height:100%;border: 0;">
  1828. </div>
  1829. </div>
  1830.  
  1831.  
  1832.  
  1833.  
  1834.  
  1835. <div style="width:100%;display:inline;">
  1836. <div id='logo1' style="float:right;margin:35px 122px 0 0;width:135px;display:inline;height:31px;background:url(logo.gif);"></div>
  1837. </div>
  1838. <div style="margin: 7px 0 0 0px;float:right;width:100%">
  1839. <input id="username" type='text' style="color: #000; font-size: 15px; line-height:25px;
  1840. margin: 0 120px 0 0; padding: 0px 0 0 0px; width: 133px; height: 25px;float:right;" onkeydown="javascript:if (event.keyCode==13) event.keyCode=9;" />
  1841. <span id='userNameInput' style="padding-top:6px;float:right;font-size: 15px;margin:0px 3px 0 0; font-family: Arial, '宋体';"></span>
  1842.  
  1843. </div>
  1844. <div style="margin: 5px 0 0 0px;float:right;width:100%">
  1845. <input id="password" type="password" style="color: #000; font-size: 15px; line-height:25px;
  1846. margin: 0 120px 0 0; padding: 0px 0 0 0px; width: 133px; height: 25px;float:right;" onkeydown="javascript:if (event.keyCode==13) ld();" />
  1847. <span id='passWordInput' style="padding-top:6px;float:right;font-size: 15px; margin:0px 3px 0 0; font-family: Arial, '宋体';">
  1848. </span>
  1849.  
  1850. </div>
  1851. <div style="margin: 0px 0px 0 174px;">
  1852. <button id='loginBT' onclick="ld()" style="margin:25px 0 0 0;color: #000; width: 88px; height: 28px;
  1853. padding: 4px 0 0 0; border: 0; background: url(bt.gif)">
  1854. </button>
  1855. </div>
  1856. </div>
  1857. </div>
  1858.  
  1859. </div>
  1860. <div style="width: 417px; height: 76px; float: left;background:url(l_bgmd.gif)">
  1861. </div>
  1862.  
  1863. </div>
  1864. <div id="lmr" style="width: 355px; height: 299px; background: url(mr.jpg); float: left;">
  1865. </div>
  1866. <div id="lmrr" style="position: relative; width: 114px; height: 100%; background: url(lr.jpg) repeat-x;
  1867. float: left;">
  1868. </div>
  1869. </div>
  1870. <div style="position: absolute; width: 100%; height: 266px; top: 527px; left: 0;">
  1871. <div id="ldl" style="height: 66px; width: 34.2%; background: url(dlr.jpg) repeat-x;
  1872. float: left">
  1873. </div>
  1874. <div id="ldm" style="height: 66px; width: 31%; background: url(dm.jpg); float: left">
  1875. </div>
  1876. <div id="ldr" style="height: 66px; width: 34.8%; background: url(dlr.jpg) repeat-x;
  1877. float: left">
  1878. </div>
  1879. <div style="height: 200px; width: 100%; background: url(dlr.jpg) repeat-x; float: left">
  1880. </div>
  1881. </div>
  1882. </div>
  1883. <div id="downLoad" style="width:100%;height:100%;margin-top:0;display:none; background-color: #FFFFFF;">
  1884. <div id="dlText" style="float:left;margin:300px 0 0 30px;width:540px;text-align:center;color:#000;"></div>
  1885. <button id="dlbutton" style="float:left;margin:300px 0 0 0px;color:#000;width:100px;" onclick="Download();"></button>
  1886. </div>
  1887.  
  1888. <script type="text/javascript">
  1889. if(!g_whitePage)
  1890. {
  1891. if(g_bDownLoadButton)
  1892. {
  1893. $('DownLoadPlug').style.display='';
  1894. $('logo1').setStyle('margin-top',0);
  1895. var userla=navigator.browserLanguage;
  1896. if(userla=="zh-cn")
  1897. {
  1898. $('DownLoadPlug').setText("下载控件");
  1899. }
  1900. else
  1901. {
  1902. $('DownLoadPlug').setText("DownLoad");
  1903. }
  1904. }
  1905. else
  1906. {
  1907. $('DownLoadPlug').style.display="none";
  1908. }
  1909.  
  1910.  
  1911. $('login').style.display='';
  1912. resizeL();
  1913. }
  1914. else
  1915. {
  1916.  
  1917. var userla=navigator.browserLanguage;
  1918. if(userla=="zh-cn")
  1919. {
  1920. $('dlText').setText("请安装随机光盘中的IE控件或者从网络下载IE控件");
  1921. $('dlbutton').setText("下载");
  1922.  
  1923. }
  1924. else
  1925. {
  1926. $('dlText').setText("Please install IE ActiveX: IE_Plugins.exe from CD or download from internet");
  1927. $('dlbutton').setText("Download");
  1928. }
  1929. $('downLoad').style.display='';
  1930. }
  1931.  
  1932. </script>
  1933.  
  1934. <div id="m">
  1935. <div id="backGround" style="background: url(bg.jpg) repeat-x;">
  1936. <div id="ma">
  1937. <div style="width: 900px;">
  1938. <div id="maa">
  1939. </div>
  1940. <div id="mab">
  1941. </div>
  1942. <div id="mac">
  1943. <div style="background:url('../logo/webLogo/logo.gif');width:126px;height:100%;position:relative;">
  1944. </div>
  1945. </div>
  1946. <div id="mad">
  1947. </div>
  1948. <div id="kwick">
  1949. <ul class="kwicks">
  1950. <li><span id='mthf' class="kwick b" onclick="ocx.ShowPlayBack()">回放</span></li>
  1951. <li><span id='mtrz' class="kwick c" onclick="ocx.ShowLog()">日志</span></li>
  1952. <li><span id='mtsbpz' class="kwick a" onclick="ocx.ShowDeviceConfig()">设备配置</span></li>
  1953. <li><span id='mtkhdpz' class="kwick d" onclick="ocx.ShowClientConfig()">客户端配置</span></li>
  1954. <li><span id='mttc' class="kwick e" onclick="Logout()">退出</span></li>
  1955. </ul>
  1956. </div>
  1957. <div id="mae">
  1958. </div>
  1959. </div>
  1960. </div>
  1961. <div id="mb">
  1962. <div id="mba" style="float: left; padding: 0 0 0 5px;">
  1963. <div class="mpad">
  1964. <div id='dra' style="height: 29px; background: url(m_dram.jpg); position: relative;">
  1965. <div style="height: 29px; width: 8px; background: url(m_dral.jpg); float: left">
  1966. </div>
  1967. <div style="height: 29px; width: 8px; background: url(m_drar.jpg); float: right;
  1968. margin: 0 0px 0 0; cursor: move;">
  1969. </div>
  1970. </div>
  1971. <div id='dcl'>
  1972. <div id='mbal' style="height: 533px; position: relative; background: url(mb_bg.jpg) repeat-x;
  1973. overflow: auto; margin: 0px; padding: 0px;">
  1974. <ul id='cl'>
  1975. </ul>
  1976. </div>
  1977. </div>
  1978. </div>
  1979. </div>
  1980. <div id="mbb" style="width: 650px; height: 500px; float: left; left: 120px; padding: 0 0 0 5px;">
  1981. <div id="drb" style="width: 100%; float: left; height: 29px; background: url(m_dram.jpg)">
  1982. <div style="height: 29px; width: 8px; background: url(m_dral.jpg); float: left">
  1983. </div>
  1984. <div style="height: 29px; width: 8px; background: url(m_drar.jpg); float: right;
  1985. margin: 0 0 0 0;">
  1986. </div>
  1987. </div>
  1988. <div id='pla' style="width: 100%; height: 100%; float: left; padding: 0px">
  1989.  
  1990. <script>
  1991.  
  1992. if(g_whitePage)
  1993. {
  1994.  
  1995. }
  1996. else
  1997. {
  1998. var cLanguage;
  1999. switch(iLanguage)
  2000. {
  2001. case 100:
  2002. cLanguage="English";
  2003. numLanguage=0;
  2004. break;
  2005. case 101:
  2006. cLanguage="SimpChinese";
  2007. numLanguage=7;
  2008. break;
  2009. case 102:
  2010. cLanguage="TradChinese";
  2011. numLanguage=9;
  2012. break;
  2013. case 103:
  2014. cLanguage="Italian";
  2015. numLanguage=3;
  2016. break;
  2017. case 104:
  2018. cLanguage="Spanish";
  2019. numLanguage=8;
  2020. break;
  2021. case 105:
  2022. cLanguage="Japanese";
  2023. numLanguage=4;
  2024. break;
  2025. case 106:
  2026. cLanguage="Russian";
  2027. numLanguage=6;
  2028. break;
  2029. case 107:
  2030. cLanguage="French";
  2031. numLanguage=1;
  2032. break;
  2033. case 108:
  2034. cLanguage="German";
  2035. numLanguage=10;
  2036. break;
  2037. case 109:
  2038. cLanguage="Portugal";
  2039. numLanguage=5;
  2040. break;
  2041. case 110:
  2042. cLanguage="Turkey";
  2043. numLanguage=12;
  2044. break;
  2045. case 111:
  2046. cLanguage="Poland";
  2047. numLanguage=11;
  2048. break;
  2049. case 112:
  2050. cLanguage="Romanian";
  2051. numLanguage=13;
  2052. break;
  2053. case 113:
  2054. cLanguage="Hungarian";
  2055. numLanguage=2;
  2056. break;
  2057. case 114:
  2058. cLanguage="Finnish";
  2059. numLanguage=14;
  2060. break;
  2061. case 116:
  2062. cLanguage="Korean";
  2063. numLanguage=15;
  2064. break;
  2065. case 117:
  2066. cLanguage="Farsi";
  2067. numLanguage=16;
  2068. break;
  2069. case 119:
  2070. cLanguage="Thai";
  2071. numLanguage=17;
  2072. break;
  2073. case 120:
  2074. cLanguage="Greek";
  2075. numLanguage=18;
  2076. break;
  2077. case 121:
  2078. cLanguage="Vietnamese";
  2079. numLanguage=19;
  2080. break;
  2081. case 123:
  2082. cLanguage="Brazilian";
  2083. numLanguage=20;
  2084. break;
  2085. case 124:
  2086. cLanguage="Hebrew";
  2087. numLanguage=21;
  2088. break;
  2089. case 125:
  2090. cLanguage="Indonesian";
  2091. numLanguage=0;
  2092. break;
  2093. case 126:
  2094. cLanguage="Arabic";
  2095. numLanguage=22;
  2096. break;
  2097. case 127:
  2098. cLanguage="Swedish";
  2099. numLanguage=0;
  2100. break;
  2101. case 128:
  2102. cLanguage="Czech";
  2103. numLanguage=24;
  2104. break;
  2105. case 129:
  2106. cLanguage="Bulgarian";
  2107. numLanguage=23;
  2108. break;
  2109. case 189:
  2110. cLanguage="Czech";
  2111. numLanguage=24;
  2112. break;
  2113. default:
  2114. cLanguage="English";
  2115. numLanguage=0;
  2116. break;
  2117. }
  2118. 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>");
  2119. document.write("<object id='ocx' width='100%' height='100%' classid='CLSID:FD3BEB0C-AB43-4253-9146-C371D48FBE0D' codebase='"+cabAddress+"'><param name='Language' value='"+cLanguage+"'></object>");
  2120. }
  2121.  
  2122. </script>
  2123.  
  2124. </div>
  2125. <div id='plc' style="width: 100%; float: left; height: 33px; background: url(plcb11.jpg);
  2126. margin: 2px 0 0 0;">
  2127. <div style="width: 7px; height: 33px; float: left; background: url(plcbl.jpg);">
  2128. </div>
  2129. <div style="width: 7px; height: 33px; float: right; background: url(plcbr.jpg);">
  2130. </div>
  2131. <!-- <div id='pbh' style="background:url(plcb.jpg);width:580px;height:33px;position:absolute;"></div>-->
  2132. <div id='pb' style="height: 26px; margin: 2px 0 0 10px; position: relative;">
  2133. <div id='pc'>
  2134. <div style="margin: 0 0 0 0px">
  2135. <a id='xp0' class="p0" href="javascript:;" onclick="ocx.Fullscreen(true)"></a>
  2136. </div>
  2137. <div style="margin: 0 0 0 5px">
  2138. <a id='xp1' class="p1" href="javascript:;" onclick="ocx.ChangeShowWndNum(1,true,0,0)">
  2139. </a>
  2140. </div>
  2141. <div style="margin: 0 0 0 5px">
  2142. <a id='xp2' class="p2" href="javascript:;" onclick="ocx.ChangeShowWndNum(4,true,0,0)">
  2143. </a>
  2144. </div>
  2145. <div style="margin: 0 0 0 5px">
  2146. <a id='xp3' class="p3" href="javascript:;" onclick="ocx.ChangeShowWndNum(9,true,0,0)">
  2147. </a>
  2148. </div>
  2149. <div style="margin: 0 0 0 5px">
  2150. <a id='xp4' class="p4" href="javascript:;" onclick="ocx.ChangeShowWndNum(16,true,0,0)">
  2151. </a>
  2152. </div>
  2153. <div style="margin: 0 0 0 5px">
  2154. <a id='xp5' class="p5" href="javascript:;" onclick="ocx.ChangeShowWndNum(25,true,0,0)">
  2155. </a>
  2156. </div>
  2157. <div style="margin: 0 0 0 5px">
  2158. <a id='xp6' class="p6" href="javascript:;" onclick="ocx.ChangeShowWndNum(36,true,0,0)">
  2159. </a>
  2160. </div>
  2161. <div style="margin: 0 0 0 5px">
  2162. <a id='xp7' class="p11" href="javascript:;" onclick="ocx.ChangeShowWndNum(64,true,0,0)">
  2163. </a>
  2164. </div>
  2165. <div style="margin: 0 0 0 5px">
  2166. <a id='startPlayAll' class="p7" href="javascript:;" onclick="startPlayAll()"></a>
  2167. </div>
  2168. <div style="margin: 0 0 0 5px">
  2169. <a id='stopPlayAll' class="p72" href="javascript:;" onclick="StopPlayAll()"></a>
  2170. </div>
  2171. <div style="margin: 0 0 0 5px;">
  2172. <a title='snap' id='snap' class="p8" href="javascript:;" onclick='ocx.BMPCapturePicture("C:\\BMP")'>
  2173. </a>
  2174. </div>
  2175. <div style="margin: 0 0 0 5px">
  2176. <a id='recordAll' class="p9" href="javascript:;" onclick="recordAll()"></a>
  2177. </div>
  2178. <div style="margin: 0 0 0 5px">
  2179. <a id='stopRecordAll' class="p92" href="javascript:;" onclick="stopRecordAll()"></a>
  2180. </div>
  2181. <div style="margin: 0 17px 0 0; float: right">
  2182. <a id='Audio' class="p102" href="javascript:;" onclick="openAudio()"></a>
  2183. </div>
  2184. </div>
  2185. </div>
  2186. </div>
  2187. </div>
  2188. <div id="mbc" style="float: left; padding: 0 0 0 5px; width: 140px;">
  2189. <div style="background: url(mb_bg.jpg); width: 100%; overflow: hidden;">
  2190.  
  2191. <div id='drc' style="height: 29px; width: 100%; background: url(m_dram.jpg); position: relative;">
  2192. <div style="background:url(logo2.gif) no-repeat; margin-top: 5px; margin-top:5px; width:100%;height:100%;z-index:10;position:absolute;top:0px;left:0px;"></div>
  2193. <div style="height: 29px; width: 8px; background: url(m_dral.jpg); float: left">
  2194. </div>
  2195. <div style="height: 29px; width: 8px; background: url(m_drar.jpg); float: right;
  2196. margin: 0 0px 0 0; cursor: move;">
  2197. </div>
  2198. </div>
  2199. <div id='yt' style="height: 130px; width: 125px; position: relative; padding: 8px 8px 0 8px">
  2200. <div style="width: 40px; height: 35px; padding: 0px 0 0 0px;">
  2201. <a class="y1" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,4,$('ps').value)"
  2202. onmouseup="ocx.PTZCtrlStop(-1,4,$('ps').value)" onmouseout="ocx.PTZCtrlStop(-1,4,$('ps').value)" ></a>
  2203. </div>
  2204. <div style="width: 45px; height: 35px; padding: 0px 0 0 0px;">
  2205. <a class="y2" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,0,$('ps').value)"
  2206. onmouseup="ocx.PTZCtrlStop(-1,0,$('ps').value)" onmouseout="ocx.PTZCtrlStop(-1,0,$('ps').value)"></a>
  2207. </div>
  2208. <div style="width: 39px; height: 35px; padding: 0px 0 0 0px;">
  2209. <a class="y3" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,6,$('ps').value)"
  2210. onmouseup="ocx.PTZCtrlStop(-1,6,$('ps').value)" onmouseout="ocx.PTZCtrlStop(-1,6,$('ps').value)"></a>
  2211. </div>
  2212. <div style="width: 40px; height: 50px; padding: 0px 0 0 0px;">
  2213. <a class="y4" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,2,$('ps').value)"
  2214. onmouseup="ocx.PTZCtrlStop(-1,2,$('ps').value)" onmouseout="ocx.PTZCtrlStop(-1,2,$('ps').value)"></a>
  2215. </div>
  2216. <div style="width: 22px; height: 50px;">
  2217. <a class="y5" href="javascript:;" onclick="ocx.OnBntEntermenu();"></a>
  2218. </div>
  2219. <div style="width: 22px; height: 50px;">
  2220. <a id="menu" class="y10" href="javascript:;" onclick="ocx.OnBntStart3DPos();"></a>
  2221. </div>
  2222. <div style="width: 39px; height: 50px; padding: 0px 0 0 0px;">
  2223. <a class="y6" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,3,$('ps').value)"
  2224. onmouseup="ocx.PTZCtrlStop(-1,3,$('ps').value)" onmouseout="ocx.PTZCtrlStop(-1,3,$('ps').value)"></a>
  2225. </div>
  2226. <div style="width: 40px; height: 45px; padding: 0 0 0 0px;">
  2227. <a class="y7" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,5,$('ps').value)"
  2228. onmouseup="ocx.PTZCtrlStop(-1,5,$('ps').value)" onmouseout="ocx.PTZCtrlStop(-1,5,$('ps').value)"></a>
  2229. </div>
  2230. <div style="width: 45px; height: 35px; padding: 0 0 0 0px;">
  2231. <a class="y8" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,1,$('ps').value)"
  2232. onmouseup="ocx.PTZCtrlStop(-1,1,$('ps').value)" onmouseout="ocx.PTZCtrlStop(-1,1,$('ps').value)"></a>
  2233. </div>
  2234. <div style="width: 39px; height: 35px; padding: 0 0 0 0px;">
  2235. <a class="y9" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,7,$('ps').value)"
  2236. onmouseup="ocx.PTZCtrlStop(-1,7,$('ps').value)" onmouseout="ocx.PTZCtrlStop(-1,7,$('ps').value)"></a>
  2237. </div>
  2238. </div>
  2239. <div style="width: 132px; height: 20px; padding: 0 0 0 8px; position: relative; overflow: hidden;">
  2240. <div id='xbc' class="divt" style="color: #FFFFFF; float: left;">
  2241. 步长(1-8):</div>
  2242. <div style="width: 53px; height: 18px; background: url(ytabg.jpg); padding: 0 0 0 3px;
  2243. float: left;">
  2244. <input class="inputyt" type="text" id="ps" value="5" maxlength="1" onkeyup="value=value.replace(/[^\d]/g,'')"
  2245. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
  2246. <a href="javascript:;" class="yta1" onclick="showmu1()"></a>
  2247. </div>
  2248. </div>
  2249. <div id="smu1" style="display: none">
  2250. <ul>
  2251. <li><a href='javascript:;' onclick='onmu1(1)'>1</a></li>
  2252. <li><a href='javascript:;' onclick='onmu1(2)'>2</a></li>
  2253. <li><a href='javascript:;' onclick='onmu1(3)'>3</a></li>
  2254. <li><a href='javascript:;' onclick='onmu1(4)'>4</a></li>
  2255. <li><a href='javascript:;' onclick='onmu1(5)'>5</a></li>
  2256. <li><a href='javascript:;' onclick='onmu1(6)'>6</a></li>
  2257. <li><a href='javascript:;' onclick='onmu1(7)'>7</a></li>
  2258. <li><a href='javascript:;' onclick='onmu1(8)'>8</a></li>
  2259. </ul>
  2260. </div>
  2261. <div id='yt1' style="width: 132px; height: 90px; position: relative; margin: 0 5px 0 5px;">
  2262. <div style="padding: 0 0 5px 14px;">
  2263. <a class="y1" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,9,$('ps').value)"
  2264. onmouseup="ocx.PTZCtrlStop(-1,9,$('ps').value)"></a>
  2265. </div>
  2266. <div id='xbb' style="color: #FFFFFF; height: 18px; width: 50px; padding: 8px 0 0 0;
  2267. text-align: center;">
  2268. 变倍</div>
  2269. <div style="padding: 0 0 5px 0;">
  2270. <a class="y2" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,8,$('ps').value)"
  2271. onmouseup="ocx.PTZCtrlStop(-1,8,$('ps').value)"></a>
  2272. </div>
  2273. <div style="padding: 0 0 5px 14px;">
  2274. <a class="y1" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,11,$('ps').value)"
  2275. onmouseup="ocx.PTZCtrlStop(-1,11,$('ps').value)"></a>
  2276. </div>
  2277. <div id='xbj' style="color: #FFFFFF; height: 18px; width: 50px; padding: 8px 0 0 0;
  2278. text-align: center;">
  2279. 变焦</div>
  2280. <div style="padding: 0 0 5px 0;">
  2281. <a class="y2" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,10,$('ps').value)"
  2282. onmouseup="ocx.PTZCtrlStop(-1,10,$('ps').value)"></a>
  2283. </div>
  2284. <div style="padding: 0 0 5px 14px;">
  2285. <a class="y1" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,12,$('ps').value)"
  2286. onmouseup="ocx.PTZCtrlStop(-1,12,$('ps').value)"></a>
  2287. </div>
  2288. <div id='xgq' style="color: #FFFFFF; height: 18px; width: 50px; padding: 8px 0 0 0;
  2289. text-align: center;">
  2290. 光圈</div>
  2291. <div style="padding: 0 0 5px 0;">
  2292. <a class="y2" href="javascript:;" onmousedown="ocx.PTZCtrlStart(-1,13,$('ps').value)"
  2293. onmouseup="ocx.PTZCtrlStop(-1,13,$('ps').value)"></a>
  2294. </div>
  2295. </div>
  2296. <div id='yt2' style="height: 100%; position: relative; padding: 0 0 0 4px;">
  2297. <div>
  2298. <!-- 预置点处理 -->
  2299. <div id="ytPoint">
  2300. <div id='mbcyzd' style="color: #FFFFFF; padding: 0 80px 0 0px; margin: 0 0 0 3px;">
  2301. 预置点：
  2302. </div>
  2303. <div>
  2304. <input id="preSet" value="1" maxlength="3" onkeyup="value=value.replace(/[^\d]/g,''); if (value > 255) value = 255;"
  2305. style="margin: 3px 0 0 5px; color: #555; border: none; background: #F4F4F4; width: 30px;
  2306. height: 17px;" />
  2307. </div>
  2308. <div id="goPreset">
  2309. <a style="width: 24px; height: 25px;" href="javascript:;" onclick="ocx.PTZCtrlGotoPreset(-1,$('preSet').value)">
  2310. </a>
  2311. </div>
  2312. <div id="addPreset">
  2313. <a style="width: 24px; height: 25px;" href="javascript:;" onclick="ocx.PTZCtrlSetPreset(-1,$('preSet').value,true)">
  2314. </a>
  2315. </div>
  2316. <div id="delPreset">
  2317. <a style="width: 24px; height: 25px;" href="javascript:;" onclick="ocx.PTZCtrlSetPreset(-1,$('preSet').value,false)">
  2318. </a>
  2319. </div>
  2320. </div>
  2321. </div>
  2322. <div>
  2323. <!-- 轮询处理 -->
  2324. <div id="ytCruise">
  2325. <div id='mbcdjxh' style="color: #FFFFFF; padding: 0 70px 0 0px; margin: 0px 10px 0 3px;">
  2326. 点间巡航：
  2327. </div>
  2328. <div>
  2329. <input id="cruise" value="1" maxlength="3" onkeyup="value=value.replace(/[^\d]/g,''); if (value > 255) value = 255;"
  2330. style="margin: 2px 0 3px 5px; color: #555; border: none; background: #F4F4F4;
  2331. width: 30px; height: 17px;" />
  2332. </div>
  2333. <div id="goCruise">
  2334. <a style="width: 24px; height: 25px;" href="javascript:;" onclick="ocx.PTZCtrlTour(-1,$('cruise').value,true)">
  2335. </a>
  2336. </div>
  2337. <div id="stopCruise">
  2338. <a style="width: 24px; height: 25px;" href="javascript:;" onclick="ocx.PTZCtrlTour(-1,$('cruise').value,false)">
  2339. </a>
  2340. </div>
  2341. <div id="editCruise">
  2342. <a style="width: 24px; height: 25px;" href="javascript:;" onclick="ocx.PTZEditTure($('cruise').value)">
  2343. </a>
  2344. </div>
  2345. </div>
  2346. </div>
  2347. </div>
  2348. </div>
  2349. <div id='taba' style="float: left; margin: 0px 0 0 0; width: 140px;">
  2350. <div style="float: left;">
  2351. <a id='taba1' class="t1" href="javascript:;">图像设置</a></div>
  2352. <div style="float: left;">
  2353. <a id='taba2' class="t2" href="javascript:;">其他设置</a></div>
  2354. </div>
  2355. <div class="mpad2" style="float: left;">
  2356. <!--<div id='yt3' style=" height:287px;position:relative; overflow:hidden; margin:0 0 0 4px;">-->
  2357. <div id='yt3' style="height: 187px; position: relative; overflow: hidden; margin: 0 0 0 4px;">
  2358. <div id='yt3t1' style="height: 100%;">
  2359. <div id='yt3t1a'>
  2360. <div style="margin: 5px 0 0 0;">
  2361. <div id='xtld' style='width: 21px; height: 21px; background: url(tx1.jpg)' title='亮度'>
  2362. </div>
  2363. <div style="margin: 4px 0 0 4px;">
  2364. <a class="sal" href="javascript:;" onclick="gslda.set(gca-1)"></a>
  2365.  
  2366. </div>
  2367. <div id='saa' class="sax">
  2368. <div id='ska' class="skx">
  2369. </div>
  2370. </div>
  2371. <div style="margin: 4px 0 0 4px;">
  2372. <a class="sar" href="javascript:;" onclick="gslda.set(gca+1)"></a>
  2373. </div>
  2374. </div>
  2375. <div style="margin: 5px 0 0 0;">
  2376. <div id='xtdbd' style='width: 21px; height: 21px; background: url(tx2.jpg)' title='对比度'>
  2377. </div>
  2378. <div style="margin: 4px 0 0 4px;">
  2379. <a class="sal" href="javascript:;" onclick="gsldb.set(gcb-1)"></a>
  2380. </div>
  2381. <div id='sab' class="sax">
  2382. <div id='skb' class="skx">
  2383. </div>
  2384. </div>
  2385. <div style="margin: 4px 0 0 4px;">
  2386. <a class="sar" href="javascript:;" onclick="gsldb.set(gcb+1)"></a>
  2387. </div>
  2388. </div>
  2389. <div style="margin: 5px 0 0 0;">
  2390. <div id='xtbhd' style='width: 21px; height: 21px; background: url(tx3.jpg)' title='饱和度'>
  2391. </div>
  2392. <div style="margin: 4px 0 0 4px;">
  2393. <a class="sal" href="javascript:;" onclick="gsldc.set(gcc-1)"></a>
  2394. </div>
  2395. <div id='sac' class="sax">
  2396. <div id='skc' class="skx">
  2397. </div>
  2398. </div>
  2399. <div style="margin: 4px 0 0 4px;">
  2400. <a class="sar" href="javascript:;" onclick="gsldc.set(gcc+1)"></a>
  2401. </div>
  2402. </div>
  2403. <div style="margin: 5px 0 0 0;">
  2404. <div id='xtsd' style='width: 21px; height: 21px; background: url(tx4.jpg)' title='色度'>
  2405. </div>
  2406. <div style="margin: 4px 0 0 4px;">
  2407. <a class="sal" href="javascript:;" onclick="gsldd.set(gcd-1)"></a>
  2408. </div>
  2409. <div id='sad' class="sax">
  2410. <div id='skd' class="skx">
  2411. </div>
  2412. </div>
  2413. <div style="margin: 4px 0 0 4px;">
  2414. <a class="sar" href="javascript:;" onclick="gsldd.set(gcd+1)"></a>
  2415. </div>
  2416. </div>
  2417. </div>
  2418. <div style="padding: 5px 0 0 0;">
  2419. <a id='xcz' class="cbt" href="javascript:;" onclick="txreset(64);">重置</a></div>
  2420. </div>
  2421. <div id='yt3t2' style="height: 100%; display: none;">
  2422. <div class='cbtd'>
  2423. <a id='xcqsb' class="cbt" style="margin: 20px 0 0 0px;" href="javascript:;" onclick="ocx.RebootServer();"
  2424. title="">重启设备</a></div>
  2425. <div class='cbtd'>
  2426. <a id='DVRcolor' class="cbt" style="margin: 20px 0 0 0px;" href="javascript:;" onclick="ocx.EditDVRColor(-1);"
  2427. title=""></a></div>
  2428. <div class='cbtd'>
  2429. <a id='ratio' class="cbt" style="margin: 20px 0 0 0px;" href="javascript:;" onclick="ChangeRadio();"
  2430. title=""></a></div>
  2431. <div class='cbtd'>
  2432. <a id='PlayAudio' class="cbt" style="margin: 20px 0 0 0px;display:none" href="javascript:;" onclick="ocx.PlayAudio(-1);"
  2433. title=""></a></div>
  2434.  
  2435.  
  2436. </div>
  2437. </div>
  2438. </div>
  2439. </div>
  2440. </div>
  2441. <div id="QS" style="width:81px;height:300px;position:fixed;display:none;">
  2442. <div id="QQ" ></div>
  2443. <a href="javascript:Close()" id="QSC" style="height:15px;border:0;color:#000;text-decoration:none;"></a>
  2444. </div>
  2445. <div id="mc"> CopyRight <script> document.write(copyright);</script>,All Rights Reserved</div>
  2446. </div>
  2447. </div>
  2448.  
  2449. </body>
  2450. </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!