wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893
							<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<script type="text/javascript" src="/shares/js/yw/master1_oa/remote/wt.js"></script>
<script type="text/javascript" src="/shares/js/yw/master1_oa/remote/m.js"></script>
<script type="text/javascript" src="${remoteUrl}/cap.js"></script>
<script type="text/javascript" src="/shares/js/yw/master1_oa/remote/qt.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="${remoteUrl}/m.css" />

<script> 
var gdomready=0;
var gopenall=0;
var gsld;
var gslda;
var gsldb;
var gsldc;
var gsldd;
//var gslde;
var gca=0;
var gcb=0;
var gcc=0;
var gcd=0;
var gwid=0;
var gcid=-1;
var gptz=0;
var gxh=0;
var gxz=0;
var gxs=0;
var gxj=0;
var gdj=0;
var gdg=0;
var gfmu1=0;
var gfmu2=0;
var gfmnudj=0;
var gomnudj=null;
var gfmnuopen=0;
var gomnuopen=null;
var i=0;
var j=0;
var glhight=0;
var grhight=287;
var gcam=-1;
var hh=600;
var m32=false;
var cnum=0;
var glin=false; //是否登录成功的标志
var gflag = 0;  //0当前是monitor，1当前是回放，2当前是配置
var gpflag = 0; //上次的记录
var playback_loaded=false; //回访控件是否已经加载
var playState = new Array(); //各通道的播放状态, 0-无码流, 1-主码流, 2-辅码流. 初始值为0
var channelSel = -1; //选择的通道
var g_clone;
var chAry = new Array();
var HashCookie = new Hash.Cookie('DhWebCookie',{duration: 30});
var settings = {
	username:'',
	talktype:'0',
	logintype:'0',
	openall:'1',
	loginid:''
}
var TALK_CODING_TYPE = ['DEFAULT', 'PCM', 'G711a', 'AMR', 'G711u', 'G726', 'G723_53', 'G723_63', 'AAC'];
 
var netType = 0; //0-lan 1-wan
 
function iniocx(){
	ocx = $('ocx');
}
function showlogin(){
	$('l').style.top="0px";
}
function ld()
{
	$('lbt').disabled = true;
	setTimeout('loginOCX()', 0);
}
function loginOCX()
{
//	var ip ='218.206.168.14';
	var ip = "${remoteServer.url}";
	var username = $("username").value;
	var password = $("password").value;
	var logintype= $("logintype").value;	
	if($('rlan').checked) netType = 0;
	else netType = 1;	
	if(gcam==-1)
	{
		onInit();
		var r=ocx.LoginDeviceEx(ip,0,username,password,logintype);
		if (r==1){
			chkdev();
			getcl();
			resize();			
			getdjl();
			disableOpenBtn(netType == 1);
			//if (settings['talktype'] != '0') 
			var loginID=ocx.GetLoginID();
			ocx.SetDeviceMode(0,settings['talktype']);
			$('password').value="";
			$('l').style.display="none";
			$('m').style.top="0px";
			settings['username'] = username;
			settings['logintype'] = logintype;
			settings['loginid'] = loginID;
			glin=true;
			savesetting();
			if(chAry.length>0)
			{
				//alert('len2:'+chAry.length);
				chAry.each(function(item,index)
				{
					//alert('each c,'+item);
					var oc = $('c'+item);
					oc.removeClass(oc.className);
	   			oc.addClass('cl2');
				}
				)
				//chAry.empty();
			}
		}
	}
	else 
	{
		var r=ocx.LoginDeviceEx(ip,0,'op','1234',logintype,netType);
		if (r==1){
			chkdev();
			getcl();
			resize();
			getdjl();
			disableOpenBtn(netType == 1);
			ocx.SetDeviceMode(0,settings['talktype']);
			$('l').style.display="none";
			$('m').style.top="0px";
			ca($('c' + gcam),gcam);
		}
		
	}
	$('info').style.display='none';
	$('lbt').disabled = false;
}
 
function onInit()
{
		for(var i=0; i<32; i++)
		{
			playState[i] = 0; 
		}		
		ocx.NetType = netType;
		settings['openall'] = '1';
		gflag = 0;
		gpflag = 0;
		glin=false;	
		if(netType == 1)
		{
			$('cover').style.display = 'none';
		}
		
	$('mb').style.display="";
	$('mbb').style.display="";
	if($('ocx')) $('ocx').style.display="";
	$('mb1').style.display="none";
}
 
function disableOpenBtn(b)
{
	var ls = $$('#cl li');
	ls.each(function(item){
		item.disabled = b;
		item.firstChild.disabled = b;
	});
	$('xac0').disabled = b;	
	$$('#xac0 a').each(function(item){
		item.disabled = b;
	});			
}
 
function lo()
{
	if(playback_loaded)
	{
		ocx_playback.StopAllNetPlay();		
	}
	if (ocx.LogoutDevice() >=0)
	{	
		loeft();
	}
}
function loeft()
{
		if(m32) $('up1').click();
		$('m').style.top="-10000px";
		$('l').style.display="";
		$('l').style.width=$('m').offsetWidth;
		glin=false;
		//playback控件清理工作
		playback_loaded=false;
		showpreview();
		//$('video2').empty();
		
		closemu();
		closemnudj();
		closemnuopen();
		if (gdj==1){
			gdj=0;
			$('xdj').innerText=tl('AudioTalk');
		}
		if (gopenall==1){
			gopenall=0;
			$('xac').innerText=tl('W_ACO');
		}
		$('cl').empty();
		if(chAry.length > 0)
		{
			//alert('empty');
				chAry = [];	
		}
		
		ocx.CloseLocalPlay();
}
function ca(o,ch)
{
	if ($(o).hasClass('cl1')){
		if (ocx.ConnectRealVideo(ch,1)){
			;
		}
	}
	else{
		if (!ocx.DisConnectRealVideo(ch)){
			;
		}
	}
	closemu();
}
 
function cptz(){
	if (gptz==0) 
	{
		gptz=1;
		ocx.ControlPtz(51,0,0,0,0); 
	}
	else{
		gptz=0;
		ocx.ControlPtz(51,0,0,0,1);
	}
	setptzs();	
}
 
function setptzs(){
	if (gdomready==1){
		if (gptz==0){
			if ($('cptz').hasClass('y51')){
				$('cptz').removeClass($('cptz').className);
				$('cptz').addClass('y5');
			}
		}
		else{
			$('cptz').removeClass($('cptz').className);
			$('cptz').addClass('y51');
		}
	}
 
}
function cxh(o,ts,tb0,tb1,tb2,tb3){
	if (gxh==0) 
	{
			if (gxz==1) 
	    {		
		   if (ocx.ControlPtz(40,0,0,0,0))
		   {
		  
			   gxz=0;
			   $('xspxz').innerText=tb1;
		   }	
	   	}
	   if(gxs==1)
	   {
	    if (ocx.ControlPtz(44,0,0,0,0))
		  {
			  gxs=0;
			  $('xxs').innerText=tb2;
		  }	   
	   }
	   if(gxj==1)
	   {
	     if (ocx.ControlPtz(48,$('pv').value,0,0,0))
		  {
			gxj=0;
			$('xxuj').innerText=tb3;
		 }
	   }		
		if (ocx.ControlPtz(13,$('pv').value,0,76,0))
		{
			gxh=1;
			o.innerText=ts;
		
	 }
	}
	else{		
		if (ocx.ControlPtz(13,$('pv').value,0,96,0))
		{
			gxh=0;
			o.innerText=tb0;
		}
	}	
}
function cxz(o,ts,tb0,tb1,tb2,tb3){
	if (gxz==0) 
	{	
		if (gxh==1) 
	  {		
		    if (ocx.ControlPtz(13,$('pv').value,0,96,0))
		   {
			   gxh=0;
			  $('xdjxh').innerText=tb0;
		   }	
	  }
	   if(gxs==1)
	   {
	    if (ocx.ControlPtz(44,0,0,0,0))
		  {
			 gxs=0;
			 $('xxs').innerText=tb2;
		 }	   
	  }
	  if(gxj==1)
	  {
	    if (ocx.ControlPtz(48,$('pv').value,0,0,0))
		  {
			gxj=0;
			$('xxuj').innerText=tb3;
		 }
 	  }	
		if (ocx.ControlPtz(39,0,0,0,0))
		{
			gxz=1;
			o.innerText=ts;
					
	}
 }
	else{		
		if (ocx.ControlPtz(40,0,0,0,0))
		{
			gxz=0;
			o.innerText=tb1;
		}	
	}
		
}
function cxs(o,ts,tb0,tb1,tb2,tb3){
	if (gxs==0) 
	{
			if (gxh==1) 
	    {		
		    if (ocx.ControlPtz(13,$('pv').value,0,96,0))
		   {
			   gxh=0;
			   $('xdjxh').innerText=tb0;
		   }	
	    }
	    if (gxz==1) 
	    {		
		    if (ocx.ControlPtz(40,0,0,0,0))
		    {
			    gxz=0;
			    $('xspxz').innerText=tb1;
		    }	
	    }
	    if(gxj==1)
	    {
	       if (ocx.ControlPtz(48,$('pv').value,0,0,0))
		    {
			    gxj=0;
			    $('xxuj').innerText=tb3;
		    }
	    }		
		if (ocx.ControlPtz(43,0,0,0,0))
		{
			gxs=1;
			o.innerText=ts;
		
		}
	}
	else{		
		if (ocx.ControlPtz(44,0,0,0,0))
		{
			gxs=0;
			o.innerText=tb2;
		}
	}
	
}
 
function cxj(o,ts,tb0,tb1,tb2,tb3){
	if (gxj==0)
	{
			if (gxh==1) 
	    {		
		    if (ocx.ControlPtz(13,$('pv').value,0,96,0))
		    {
			     gxh=0;
			     $('xdjxh').innerText=tb0;
		    }	
	    }
	    if (gxz==1) 
	    {		
		    if (ocx.ControlPtz(40,0,0,0,0))
		   {
			   gxz=0;
			   $('xspxz').innerText=tb1;
		   }	
	   }
	   if(gxs==1)
	   {
	     if (ocx.ControlPtz(44,0,0,0,0))
		   {
			   gxs=0;
			   $('xxs').innerText=tb2;
		   }	   
	   }		
		if (ocx.ControlPtz(47,$('pv').value,0,0,0))
		{
			gxj=1;
			o.innerText=ts;
		
		}
	}
	else{		
		if (ocx.ControlPtz(48,$('pv').value,0,0,0))
		{
			gxj=0;
			o.innerText=tb3;
		}
	}
		
}
 
function cdj(o,ts,tb){
	var ret;
	if (gdj==0)
	{	
		if (ocx.ControlTalking(1))
		{
			gdj=1;
			o.innerText=ts;
		}
	}
	else{		
		if (ocx.ControlTalking(0))
		{
			gdj=0;
			o.innerText=tb;
		}
	}
}
 
function cdg(o,ts,tb){
	if (gdg==0)
	{	
		if (ocx.ControlPtz(14,1,0,0,0))
		{
			gdg=1;
			o.innerText=ts;
		}
	}
	else{		
		if (ocx.ControlPtz(14,0,0,0,0))
		{
			gdg=0;
			o.innerText=tb;
		}
	}	
}
 
function sldtopos(sld,step){
	sld.knob.setStyle('left', sld.toPosition(step));
}
function txreset(step){
	setcolorsv(1,step);
	setcolorsv(2,step);
	setcolorsv(3,step);
	setcolorsv(4,step);
	sldtopos(gslda,step);
	sldtopos(gsldb,step);
	sldtopos(gsldc,step);
	sldtopos(gsldd,step);
	setcolors();
}
 
function getcolors(){
	var colors="";
	colors=ocx.GetColor();
	var t= new Array();
	if (colors !="")
		t=colors.split(',');
	sldtopos(gslda,parseInt(t[0]));
	sldtopos(gsldb,parseInt(t[1]));
	sldtopos(gsldc,parseInt(t[2]));
	sldtopos(gsldd,parseInt(t[3]));
	setcolorsv(1,parseInt(t[0]));
	setcolorsv(2,parseInt(t[1]));
	setcolorsv(3,parseInt(t[2]));
	setcolorsv(4,parseInt(t[3]));
}
function setcolorsv(f,v){
		switch (f)
		{
			case 1: gca=v;
					$('ska').title=v;
					break;
			case 2: gcb=v;
					$('skb').title=v;
					break;
			case 3: gcc=v;
					$('skc').title=v;
					break;
			case 4: gcd=v;
					$('skd').title=v;
					break;
		}	
}
function setcolors(){
	ocx.SetColor(0,gca,gcb,gcc,gcd);
}
 
function showmu(o,cid){
	if (gcid==cid){
		closemu();
	}
	else{
		gcid=cid;
		showStrmStatus(cid);
		$('cmu').setProperty('title', cid); 
		$('cmu').injectAfter($(o).getParent());
		$('cmu').setStyle('height', 35);
		if(m32)
		{
			var h=parseInt($('dcl').style.height);
			if(h!=387&&h!=739) $('dcl').setStyle('height', h+35);	
		}		
	}
}
function closemu(){
	gcid=-1;
	$('cmu').injectAfter($('cl')); 
	$('cmu').setStyle('height', '0');
	if(m32)
	{
		var h=parseInt($('dcl').style.height);
		if(h!=352&&h!=704) $('dcl').setStyle('height', h-35);
	}		 	
}
function onmu(f){
	var cid=$('cmu').getProperty('title'); 
	ocx.ConnectRealVideo(parseInt(cid),f)
	closemu();
}
function closeMenus()
{
	if (gcid>=0)
	{
		closemu();
	}
	if (gfmnuopen==1)
	{
		closemnuopen();
	}
	if (gfmnudj==1)
	{
		closemnudj();	
	}
}
 
function tl(s){
	var ret;
	ret=ocx.Translate(s);
	return ret;
}
 
function chkdev(){
	var strhtm="";
	var strhtmopen="";
	var sret="";
	
	//sret=ocx.GetDevConfig(1);
	sret = streamCap.toString(2);
	//if (sret.substring(0,1)=="1") 
	strhtm="<a id='xzml' href='javascript:;' onclick='onmu(1)' ><span id='dot0' style='visibility:hidden; font-weight:bold; font-size:12px; color:green'>●</span> "+ tl('MainStream') +"</a>";
	if (netType == 0)
	{
		strhtmopen="<li><a href='javascript:;'  class='cdj1' onclick='onmnuopen(this,1)'>" + tl('MainStream')  + "</a></li>";
	}
	if ( (2&streamCap)>>1 )
	{ 
		strhtm=strhtm+"<a id='xfml' href='javascript:;' onclick='onmu(2)'><span id='dot1' style='visibility:hidden; font-weight:bold; font-size:12px; color:green'>●</span> "+ tl('SecondStream') +"</a>";
		strhtmopen=strhtmopen+"<li><a href='javascript:;'  class='cdj1' onclick='onmnuopen(this,2)'>" + tl('SecondStream')  + "</a></li>";
	}
	$('cmu').setHTML(strhtm);
	$("mnuopenl").innerHTML=strhtmopen;
 
 
	sret=ocx.GetDevConfig(2);
	if (sret=='1')
	{
		$('xkl').style.display="";
	}
 
	sret=ocx.GetDevConfig(7);
	if (sret=='1' && netType==0)
	{
		$('xhf').style.display="";
	}
	else
	{
		$('xhf').style.display="none";
	}
 
	sret=ocx.GetDevConfig(8);
	if (sret=='1')
	{
		$('xfmq').style.display="";
	}
	
	sret=ocx.GetDevConfig(9);
	if (sret=='1')
	{
		$('xlxgs').style.display="";
	}
	
	sret=ocx.GetDevConfig(11);
	if (sret=='1') //新回放
	{
		$('newplay0').style.display = "";
		$('newplay1').style.display = "";
		$('oldplay').style.display = "none";
	}
	else
	{
		$('newplay0').style.display = "none";
		$('newplay1').style.display = "none";
		$('oldplay').style.display = "";
	}
}
function savesetting(){
	HashCookie.extend(settings);
}

 
function reps(str){
	var strReg1 =/"/g;
	var strReg2=/'/g;
	var strReg3=/</g;
	var strReg4=/>/g;
	var strReg5=/&/g;
	var ret=str.replace(strReg5, "&amp;");
 	ret=ret.replace(strReg1, "&quot;");
	ret=ret.replace(strReg2, "&acute;");
	ret=ret.replace(strReg3, "&lt;");
	ret=ret.replace(strReg4, "&gt;");
	return ret;
}
 
function showmu1(){
	if (gfmu1==0)
	{	
		gfmu1=1;
		$('smu1').style.display="";			
	}
	else{
		closemu1();	
	}	
}
function closemu1(){
	gfmu1=0;
	$('smu1').style.display="none";
}
function showmu2(){
	if (gfmu2==0)
	{	
		//alert('show');
		var i = $('smu2').getParent();
		gfmu2=1;
		$('smu2').style.display="";			
	}
	else{
		//alert('close');
		closemu2();	
	}	
}
function closemu2(){
	gfmu2=0;
	$('smu2').style.display="none";
}
function onmu1(v){
	$('ps').value=v;
	closemu1();
}
function onmu2(v){
	if(0==v)
	{
		str = 'DAV';
		ocx.SetRecordExtension('dav');
	}
	else if(1==v)
	{
		str = 'ASF';
		ocx.SetRecordExtension('asf');
	}
	//var str = (0==v)?'DAV':'ASF';
	//alert('v:'+v);
	$('rtys').value=str;
	closemu2();
}
function showmnudj(){
	if (gfmnudj==0)
	{	
		gfmnudj=1;
		$('mnudj').style.display="";			
	}
	else{
		closemnudj();	
	}	
}
function closemnudj(){
	gfmnudj=0;
	$('mnudj').style.display="none";
}
function onmnudj(o,v){
	if (gomnudj !=null)
	{
		gomnudj.removeClass(gomnudj.className);
		gomnudj.addClass('cdj1');
	}
	gomnudj=$(o);
	gomnudj.removeClass(gomnudj.className);
	gomnudj.addClass('cdj2');	
	//if (v=='0') v='1';
	ocx.SetDeviceMode(0,v);
	cdj($('xdj'),tl('StopTalk'),tl('AudioTalk'));
	closemnudj();
	settings['talktype'] = v;
	savesetting();
}
function ontalk()
{
	ocx.SetDeviceMode(0,settings['talktype']);
	cdj(this,tl('StopTalk'),tl('AudioTalk'));	
}
 
function showmnuopen(){
	if (gfmnuopen==0)
	{	
		gfmnuopen=1;
		$('mnuopen').style.display="";			
	}
	else{
		closemnuopen();	
	}	
}
function closemnuopen(){
	gfmnuopen=0;
	$('mnuopen').style.display="none";
}
function onmnuopen(o,v){
	if (gomnuopen !=null)
	{
		gomnuopen.removeClass(gomnuopen.className);
		gomnuopen.addClass('cdj1');
	}
	gomnuopen=$(o);
	gomnuopen.removeClass(gomnuopen.className);
	gomnuopen.addClass('cdj2');	
	
	
	closemnuopen();
	settings['openall'] = v;
	savesetting();
	gopenall=0;
	openall($('xac'),tl('W_ACC'),tl('W_ACO'))
}
 
function onChannelMouseDown(ch)
{
	//console.log('onChannelMouseDown');
	try{
		ocx.SetSelOpState(ch, 3);
		channelSel = ch;
	}
	catch(e){
		;
	}
}
 
function getcl(){	
	var t= new Array();
	var ts=new Array();
	var shtml="";
	var strsplita=String.fromCharCode(9);
	var strsplitb=String.fromCharCode(16);
	var sc;
	
	//sc=ocx.GetChannelName();
	sc = channelNames;
	if (sc !=""){
		//sc=sc.substr(0, sc.length-1);
		t=sc.split('&&');
		var num=t.length;
		cnum=num;
		for (var i =0; i<t.length;i++ ){
			//ts=t[i].split(strsplitb);			
			//ts[1]=reps(ts[1]);			
			//alert(ts[0]);
			shtml+="<li title='" + t[i]+ "' >"+
								"<div id='c" + i + "' class='cl1' onMousedown='onChannelMouseDown(" + i + ")' onMouseup='ca(this," + i +")' >" + t[i] + "</div>"														
			if(Sys.safari || Sys.chrome)
			{
				shtml+="<a class='mute' href='javascript:;' onclick='startAudio(this," + i + ")'></a>"
			}
			shtml+="<a class='ca1' href='javascript:;' onclick='showmu(this," + i + ")'></a></li>"
			//t[i]=ts;
		
		}
		$("cl").innerHTML=shtml;
		
		$$('#cl a.ca1').each(function(item){
			//alert(item.className)
			item.addEvent('click', function(e){
				preventBubble(e);						
			});
		});
		
		//var wheight=document.documentElement.clientHeight;
		var maxH=screen.height-207;		
		if(num>19&&(maxH+63)<800)  //20路及以上的设备,且分辨率不大于1152*864(-->720)时(screenHeight<=944),视频窗口大小自动匹配,通道分页显示. 1024-->880
		{
			m32=true;			
			hh=maxH+63;
			$('cup').style.display='';
			$('cdw').style.display='';			
			$('dcl').style.height='352px';
			$('dcl').style.overflow='hidden';		
			var myFx = new Fx.Style('dcl', 'margin-top',{duration:500});
			var myFx1 = new Fx.Style('dcl', 'height',{duration:500});
			$('up1').addEvent('click', function(e){		
				if(parseInt($('dcl').style.height)==704&&gcid==-1)
				{
					myFx.start(-352,0);
					myFx1.start(704,352);
				}
				else if(parseInt($('dcl').style.height)==739&&gcid!=-1)
				{
					myFx.start(-352,0);
					myFx1.start(739,387);
				}				
			});	
			$('dw1').addEvent('click', function(e){				
				if(parseInt($('dcl').style.height)==352&&gcid==-1)
				{
					myFx.start(0,-352);
					myFx1.start(352,704);
				}
				else if(parseInt($('dcl').style.height)==387&&gcid!=-1)
				{
					myFx.start(0,-352);
					myFx1.start(387,739);
				}				
			});			
		}
		else if(num>24&&(maxH+63)>=840) //24路以上设备, 且分辨率高于1280*1024时,进入老版本的32路模式
		{
			hh=880;
			if(maxH<830)
			{				
				var top_thiz = 10;
				var types = talkTypes.split('&');
				var t_len = types.length;
				if(types.contains(''))
				{
					t_len--;
				}
				if(!types.contains('0'))
				{
					t_len++;
				}
				if(t_len > 3)
				{
					top_thiz = 10 - (t_len - 3) * 18;
				}
				
				$('mnudj').style.left='78px';
				$('mnudj').style.top = top_thiz+'px';
			}
		}
		else hh=600;
		var ls = $$('#cl li');
		ls.each(function(element) { 
			var fx = new Fx.Styles(element, {duration:100, wait:false}); 			
			element.addEvent('mouseenter', function(){
				if(netType != 1)
				{				
					this.style.background = 'url(clbg.png)';
					this.getElement('a[class=ca1]').style.display = 'block';
				}
			}); 
			element.addEvent('mouseleave', function(){
				if(netType != 1)
				{	
					this.style.background = '';
					this.getElement('a[class=ca1]').style.display = 'none';
				}
			});
		});
		
		var div = $$('#cl div');
		div.each(function(element) { 
			element.addEvent('mousedown', function(e){
				e = new Event(e).stop();	
				//console.log(this.getCoordinates());		
				g_clone = this.clone()
					.setStyles(this.getCoordinates()) // this returns an object with left/top/bottom/right, so its perfect
					.setStyles({'position': 'absolute', 'padding': '3px 0 0 25px', 'cursor': 'pointer', 'color': '#555'})
					.addEvent('emptydrop', function() {this.remove();this.removeEvents();})						
					.inject(document.body);	
				
				element.addEvents({
					'drop': function() {
						//console.log('drop');
						//this.removeEvents();
						//alert(1)
						g_clone.remove();
						this.click();							
						//dropFx.start('1');											
					},
					'over': function() {
						//console.log('over');
						//dropFx.start('0.7');
					},
					'leave': function() {
							//console.log('leave');
						//dropFx.start('1');
					}						
				});
				
				var drag = g_clone.makeDraggable({
					//'container':$('mb'),
					//'droppables': [element]
				}); // this returns the dragged element
				drag.start(e); // start the event manual
			});
		});
	}
}
 
function preventBubble(e)
{
	if(Sys.ie)
	{
		event.cancelBubble = true;						
	}
	else
	{
		e.stopPropagation();
	}	
}
 
function getdjl(){
	var t = talkTypes;
	t = t.substr(0, t.length-1);
	var shtml = '';
	if(t=='0&')
	{
		$('xdj0').style.display = 'none';
		return;
	}
	var ts = t.split('&');
	var  first = 0 ;
 
	for(var i =0; i < ts.length; i++)
	{
		if( ts[i] != '' ) 
		{
			if(!ts.contains('0') && (0 == first))
			{
				first = 1;
				settings['talktype'] = ts[i];
				shtml+="<li><a href='javascript:;'  class='cdj1' onclick='onmnudj(this, " +ts[i]+")'>" + TALK_CODING_TYPE[0] + "</a></li>";
			}
	
			shtml+="<li><a href='javascript:;'  class='cdj1' onclick='onmnudj(this, "+ts[i]+")'>" + TALK_CODING_TYPE[ts[i]-0] + "</a></li>";
		}
	}
	$("mnudjl").innerHTML=shtml;
}
 
function rfc(){
	var t= new Array();
	var ts=new Array();
	var shtml="";
	var strsplita=String.fromCharCode(9);
	var strsplitb=String.fromCharCode(16);
	var sc;
	sc=ocx.GetChannelName();
	if (sc !=""){
		sc=sc.substr(0, sc.length-1);
		t=sc.split(strsplita);
		for (var i =0; i<t.length;i++ ){
			ts=t[i].split(strsplitb);
			//ts[1]=reps(ts[1]);
			var temp='c' + ts[0];
			$(temp).setText(ts[1]);
			var pr=$(temp).getParent();
			pr.title=ts[1];
			t[i]=ts;
		}
	}	
}
 
 
function reboot(){
	var ret;
	var ret1 = false;
	try{
		ret1 = ocx.ConfirmReboot();
	}
	catch(e){
		ret1 = confirm(tl('w_rebootconfirm'));
	}
	if (ret1){		
		ret=ocx.Restart();
		if (ret==0)
		{
			//alert(tl('w_rebootfail'));
		}
		else{
			ocx.LogoutDevice();
			loeft();
		}
	}	
}
 
function openall(o,ts,tb){
	var ret;
	//alert(settings['openall']);
	if (gopenall==0)
	{	
		if (ocx.ConnectAllChannelEx(settings['openall']))
		{
			gopenall=1;
			o.innerText=ts;
		}
	}
	else{		
		if (ocx.DisConnectAllChannel())
		{
			gopenall=0;
			o.innerText=tb;
		}
	}
}
 
function toggleDisplay(obj){
	if (obj.getStyle('display')=='none'){
		obj.setStyle('display','');
	}
	else{
		obj.setStyle('display','none');
	}
}
 
function closebeep(){
	ocx.BeepAlarmControl(0);	
}
 
function limitPs(){
	var inpt=$('ps').value;
	$('ps').value = inpt.replace(/[^\d]/g,'');
	if(inpt=='0')$('ps').value =1;
	else if(inpt=='9') $('ps').value =8;
}
 
function limitPv(){
	$('pv').value = $('pv').value.replace(/[^\d]/g,'');
	var inpt=$('pv').value;
	if(inpt.length >= 3 && (inpt-0)>255) $('pv').value=255;
	else if(inpt!='') $('pv').value=inpt-0;
}
 
function showStrmStatus(ch)
{
	var state = playState[ch]
	if(state == 1)
	{
		$('dot0').style.visibility = 'visible';
		if($('dot1'))
		{
			$('dot1').style.visibility = 'hidden';
		}
	}
	else if(state == 2)
	{
		$('dot0').style.visibility = 'hidden';
		if($('dot1'))
		{
			$('dot1').style.visibility = 'visible';
		}
	}
	else
	{
		$('dot0').style.visibility = 'hidden';
		if($('dot1'))
		{
			$('dot1').style.visibility = 'hidden';
		}
	}
}
 
function inilanguage_ex(){
	$('xpreview').setText(tl('MONITOR'));
	$('xxtpz').setText(tl('SysConfig'));
	$('xlxcx').setText(tl('RecQuery'));
	$('xlxcx0').setText(tl('RecQuery'));
	$('xbjsz').setText(tl('w_AlarmConfig'));
	$('xgy').setText(tl('About'));
}
 
function showabout(){
	ocx.AboutBox();
}
 
function inilanguage(){
	$('xyhm').setText(tl('User Name')+":");
	$('xmm').setText(tl('Password')+":");
	$('lbt').setText(tl('Login'));
	/* showlogin();
	$('xtc').setText(tl('Logout')); */
	//$('xzml').setText(tl('MainStream'));
	//$('xfml').setText(tl('SecondStream'));
	$('xdj').setText(tl('AudioTalk'));
	$('xhf').setText(tl('OpenRec'));
	$('xbb').setText(tl('Zoom'));
	$('xbj').setText(tl('Focus'));
	$('xgq').setText(tl('Iris'));
	$('xbc').setText(tl('w_Step'));	
	$('xz').setText(tl('w_SetValue'));
	$('xtld').setProperty('title', tl('Bright')); 
	$('xtdbd').setProperty('title', tl('Cont')); 
	$('xtbhd').setProperty('title', tl('Sat')); 
	$('xtsd').setProperty('title', tl('Hue')); 
	$('xcz').setText(tl('Reset'));
	$('xztlj').setText(tl('PicturePath'));
	$('xlxlj').setText(tl('RecordPath'));
	$('xztlj').setProperty('title', tl('SetPicturePath')); 
	$('xlxlj').setProperty('title', tl('SetRecordPath')); 
	$('taba1').setText(tl('Img Config'));
	$('taba2').setText(tl('Other Config'));
	$('xyzd').setText(tl('Preset'));
	$('xdjxh').setText(tl('Auto-Tour'));
	$('xspxz').setText(tl('Auto-Pan'));
	$('xxs').setText(tl('Auto-Scan'));
	$('xxuj').setText(tl('Pattern'));
	$('xfzk').setText(tl('AUX ON'));
	$('xfzg').setText(tl('AUX OFF'));
	$('xytsz').setText(tl('w_PTZsetting'));	
	$('xkl').setText(tl('W_Burning'));
	//$('xkl').setProperty('title', tl('w_ptjrtitle'));
	$('xsxt').setText(tl('w_refresh'));
	$('xsxt').setProperty('title', tl('w_trefresh'));
	$('xcqsb').setText(tl('w_reboot'));
	$('xcqsb').setProperty('title', tl('w_reboottitle'));
	$('xac').setText(tl('W_ACO'));
	$('xac').setProperty('title', tl('W_ACO_T'));
	
	$('xp1').setProperty('title', tl('W_P1'));
	$('xp2').setProperty('title', tl('W_P2'));
	$('xp3').setProperty('title', tl('W_P3'));
	$('xp4').setProperty('title', tl('W_P4'));
	$('xp5').setProperty('title', tl('W_P5'));
	
	//$('xdlfs').setText(tl('type'));
	//$('xdlfszb').setText(tl('w_muticast'));
	//$('xladv').setText(tl('C_ADVANCED.'));
	$('xfmq').setText(tl('W_CLOSEBEEP'));
	$('rdty').setText(tl('RecordFormat'));
	
	
	inilanguage_ex();
}
function resize(){
	var mbbw;
	var mbbh;
	wwidth =document.documentElement.clientWidth;
	wheight=document.documentElement.clientHeight;
	var clientw = wwidth;
	var clienth = wheight;
	//alert(screen.availHeight+' '+screen.height+' '+wheight)
	if (wheight<hh) wheight=hh;
	//ma:31;mc:18;plc:33;dra,b,c:24
	mbbh=wheight - (31+18+33+24+3+8);
	//alert(mbbh+'mbbh')
	glhight=mbbh+33;
	grhight=mbbh+33-263-$('yt21').offsetHeight;
	mbbw=mbbh *64/51;
	var minWidth = (hh-117)*64/51+298;
	if( wwidth < minWidth )	
	{
		$('m').style.width = minWidth;
	}		
	else 	
	{
		$('m').style.width = "100%";
	}
	var mbw=Sys.ie ? mbbw+(145*2+8) : mbbw+(145+8);		 
	$('mb').setStyle('width', mbw);
	$('mbb').setStyle('width', mbbw);//yzt 0508
	$('mbb').setStyle('height', mbbh);
	$('mbal').setStyle('height', glhight);
	$('yt3').setStyle('height', grhight);
	//回放的缩放控制
	//var pbackw = clientw<904? 884:clientw-20;
	var pbackh = clienth<670? 610:clienth-60;
	var pbackw = (pbackh-193)*3/2+180;
	$('mb1').setStyle('width',  pbackw);
	$('mb1').setStyle('height', pbackh);
}
function browserDetectSetOpacity(el, value) {
  
    // ensure value is in [0-1] range
   value = Math.min(1, Math.max(value, 0));
 
   if (navigator.userAgent.match(/\bMSIE\b/)
         && (!document.documentMode || document.documentMode < 9))
      el.style.filter = "alpha(opacity=" + (value * 100) + ")";
}
function showDeviceConfig()
{	
	if(netType == 1 && (gflag == 0 || gflag == 1))
	{
		if(!ocx.ShowMessageBox('Are you sure leave this page?'))
		{
			return false;
		}
		if(gflag == 0)
		{
			ocx.CloseCurRealPlay();
			gpflag = 0;
		}
		else if(playback_loaded &&  gflag == 1)
		{
			ocx_playback.StopAllNetPlay();		
			gpflag = 1;
		}
	}
 
	if(netType == 1) 
	{
		$('cover').style.display = "";
	}
	ocx.ShowDeviceConfig();
	gflag = 2;
}
 
function showpreview()
{
	if(netType == 1 && gflag == 1)
	{
		ocx.ResumeCurRealPlay();
	}
	else if(netType == 1)
	{
		return false;
	}
	
	$('mb').style.display="";
	$('mbb').style.display="";
	if($('ocx')) $('ocx').style.display="";
	$('mb1').style.display="none";
	if(playback_loaded)
	{
		ocx_playback.StopAllNetPlay();		
	}
	glin = true;
	gflag = 0;	
}
 
function showNewplayback()
{
	if(netType == 1 && gflag == 0)
	{
		if(!ocx.ShowMessageBox('Are you sure leave this page?'))
		{
			return false;
		}
		ocx.CloseCurRealPlay();
	}
	else if(netType == 1 && gflag == 2)
	{
		return false;
	}
	$('mb1').style.display="";
	$('mbb').style.display="none";
	$('mbb').style.display="none";
	$('mb').style.display="none";
	if($('ocx')) $('ocx').style.display="none";
	//glin = false;
	if(!playback_loaded)
	{
		loadPlaybackOcx();
		playback_loaded=true;
	}
 
	ocx_playback.ShowPlayBack();
 
	gflag = 1;
	ocx.DetectAudioCondition();
}
function loadPlaybackOcx()
{
	$('video2').innerHTML="<object id='ocx_playback' width='100%' height='100%' classid='CLSID:D0EBB421-525A-4863-A5D4-0D0BFA6F8821'>"+
		"<param name='LoginID' value="+HashCookie.get('loginid')+">"+
		"<param name='strUserName' value="+HashCookie.get('username')+">"+
		"<param name='strLangPath' value='"+ ocx.GetLangPath()+"'"+">"+
		"<param name='SetLangFromIP' value='" + window.location.href +"'>"+
		"</object>"
}
window.addEvent('resize',function(){
	resize();
});
 
window.addEvent('domready',function(){
	hideFunctions();
	
	gsld = new Slider($('sa'), $('sk'), {
	steps:1000,
	onComplete:function(step){ocx.SetPlayPos(step);}
	});
	
	gslda = new Slider($('saa'), $('ska'), {
	steps:128,
	onChange:function(step){setcolorsv(1,step);setcolors();}
	});
 
	gsldb = new Slider($('sab'), $('skb'), {
	steps:128,
	onChange:function(step){setcolorsv(2,step);setcolors();}
	});
	
	gsldc = new Slider($('sac'), $('skc'), {
	steps:128,
	onChange:function(step){setcolorsv(3,step);setcolors();}
	});
	
	gsldd = new Slider($('sad'), $('skd'), {
	steps:128,
	onChange:function(step){setcolorsv(4,step);setcolors();}
	});

	$('xac1').addEvent('click', function(e){
		showmnuopen();
		preventBubble(e);
	});
	$('xdj1').addEvent('click', function(e){
		showmnudj();
		preventBubble(e);
	});
	var kwicks = $$('#kwick .kwick');
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition:Fx.Transitions.Back.easeOut});
	kwicks.each(function(kwick, i){
		kwick.addEvent('mouseenter', function(e){
			var obj = {};
			obj[i] = {
				'width': [kwick.getStyle('width').toInt(), 155]
			};
			kwicks.each(function(other, j){
				if (other != kwick){
					var w = other.getStyle('width').toInt();
					if (w != 80) obj[j] = {'width': [w,80]};
				}
			});
			fx.start(obj);
		});
	});
	
	$('kwick').addEvent('mouseleave', function(e){
		var obj = {};
		kwicks.each(function(other, j){
			obj[j] = {'width': [other.getStyle('width').toInt(), 95]};
		});
		fx.start(obj);
	});
 
//
	var container = $('mb');
	var drop = $('drb');
	var mba=$('mba');
	var mbb=$('mbb');
	var mbc=$('mbc');
	var dropFx = drop.effect('opacity', {wait: false}); // wait is needed so that to toggle the effect,
	var bedra= $('dra');
	var bedrc= $('drc');
	var hCyt21 = new Fx.Style('yt21', 'height',{duration:500});
	var hCyt3 = new Fx.Style('yt3', 'height',{duration:500});
	
	$('ayt22').addEvent('click', function(e){
		new Event(e).stop();
		if (this.hasClass('y1'))
		{
			this.removeClass(this.className);
			this.addClass('y2');
			hCyt21.start(0,160);
			
			hCyt3.start(grhight,grhight-160);
			grhight=grhight-160
		}
		else{
			this.removeClass(this.className);
			this.addClass('y1');
			hCyt21.start(160,0);
			hCyt3.start(grhight,grhight+160);
			grhight=grhight+160
		}
	});
 
	var taba1=$('taba1');
	var taba2=$('taba2');
	taba1.addEvent('click', function(e){
		new Event(e).stop();
		if (this.hasClass('t3'))
		{
			this.removeClass(this.className);
			this.addClass('t1');			
			taba2.removeClass(taba2.className);
			taba2.addClass('t2');
			$('yt3t1').style.display="";			
			$('yt3t2').style.display="none";			
		}
	});
	
	taba2.addEvent('click', function(e){
		new Event(e).stop();
		if (this.hasClass('t2'))
		{
			taba1.removeClass(taba2.className);
			taba1.addClass('t3');			
			this.removeClass(this.className);
			this.addClass('t4');
			$('yt3t1').style.display="none";			
			$('yt3t2').style.display="";			
		}
	});
	
//
	document.addEvent('keydown', function(event) {
		event = new Event(event);
		if(glin && $('mb').style.display!='none')
		{
		if (event.key == 'up') ocx.ControlPtz(0,0,$('ps').value,0,0);
		if (event.key == 'left') ocx.ControlPtz(2,0,$('ps').value,0,0);
		if (event.key == 'right') ocx.ControlPtz(3,0,$('ps').value,0,0);
		if (event.key == 'down') ocx.ControlPtz(1,0,$('ps').value,0,0);
		}
	});
	document.addEvent('keyup', function(event) {
		event = new Event(event);
		if(glin && $('mb').style.display!='none')
		{
		if (event.key == 'up') ocx.ControlPtz(0,0,$('ps').value,0,1);
		if (event.key == 'left') ocx.ControlPtz(2,0,$('ps').value,0,1);
		if (event.key == 'right') ocx.ControlPtz(3,0,$('ps').value,0,1);
		if (event.key == 'down') ocx.ControlPtz(1,0,$('ps').value,0,1);
		}
	});
 
	inilanguage();
	
	var ls = $$('div div.mpad');
	ls.each(function(element){
	browserDetectSetOpacity(element, 0.35);
	if (navigator.userAgent.match(/\bMSIE\b/)
         && (!document.documentMode || document.documentMode < 9))
			element.style.background = "#555";
 
	});
	gdomready=1;
});
</script>
 
<script language="javascript" for="ocx" event="ReturnWindInfo(wid,cid,ps,sit)"> 
	gptz=sit;
	gwid=wid;
	if (ps!=0)
	{
		if (ps==5 || ps==4){
			$('pbh').setStyle('display','none');
		}
		else{
			$('pbh').setStyle('display','');
		}
		getcolors();
	}
		setptzs();
	
</script>
 
<script language="javascript" for="ocx" event="ReturnPlayState(pos)"> 
	sldtopos(gsld,pos);
</script>
 
<script language="javascript" for="ocx" event="StateChangedEx(ci,ps,wid, strm)"> 
	//alert(ci+', '+ps+', '+wid);
	//if preview mode, do noting and return;
	if(ci==32 && ps==0) return;
	var oc;
	if (ci != -1)
	{			
		oc=$('c' + ci);
		if (ps==0)
		{
			oc.removeClass(oc.className);
			oc.addClass('cl1');
			$('xac').innerText=tl('W_ACO');
			gopenall=0;
		}
		if(ps == 1) playState[ci] = strm;	
		else playState[ci] = 0;	
		if(glin)
		{
			//alert('if');
			if (ps==1){
			//alert('ci:'+ci+', '+oc);
   			//oc.removeClass('cl1');
   			oc.removeClass(oc.className);
   			oc.addClass('cl2');
   			var ALL_ON=true;
   			for(var i=0;i<cnum;i++)
   			{
   				//ALL_ON&=($('c'+i).hasClass('cl2'));
   				if($('c'+i).hasClass('cl1'))
   				{
   					ALL_ON=false;
   					break;
   				}
   			}
   			if(ALL_ON)
   			{
   				$('xac').innerText=tl('W_ACC');
					gopenall=1;
   			} 
			}
			
		}
		else
		{
			//alert('else');
			chAry.include(ci);
		}
		
		if (ps==3){
			//oc.removeClass('cl1');
			oc.removeClass(oc.className);
			oc.addClass('cl3');
		}
		if(ps==6){
   			oc.removeClass(oc.className);
   			oc.addClass('cl2');
		}
 
	}
	if (wid == gwid){
		if (ps==3||ps==5){$('pbh').setStyle('display','none');}else{$('pbh').setStyle('display','');}
		getcolors();
	}
</script>
<script language="javascript" for="ocx" event="DeviceDisconnected(ip,pt)"> 
	loeft();
</script>
 
<script language="javascript" for="ocx" event="Talk(talkState,extendPara)"> 
	if (talkState==1){
		if (gdj==0) cdj($('xdj'),tl('StopTalk'),tl('AudioTalk'));	
	}
	else
	{
		if (gdj==1) cdj($('xdj'),tl('StopTalk'),tl('AudioTalk'));	
	}
	
</script>
 
<script language="javascript" for="ocx" event="DeviceChanged(strDevIp, lPort, lType)"> 
	if (lType == 1)
	{
		rfc();
	}
	if (lType==3)
	{
		lo();
		$('l').setStyle('display','none');
		glin=false;
		playback_loaded=false;
		window.location.href='http://' + strDevIp;
	}	
 
</script>
 
<script language="javascript" for="ocx" event="OpenSelRealPlay(nState)"> 
	
	if( channelSel >= 0)
	{
		g_clone.remove();
		g_clone.removeEvents();
	}
	
	if( ( 1 == nState ) && ( channelSel >= 0 ) )
	{
		ocx.ConnectRealVideo(channelSel, 1);
	}	
	
</script>
 
<script language="javascript" for="ocx" event="CloseCofigDlgEvent()"> 
	if(netType == 1)
	{
		$('cover').style.display = 'none';
		gflag =1;
		if(gpflag == 0)
		{
			showpreview();
		}
		else if(gpflag == 1)
		{
			showNewplayback();
		}
	}	
</script>
 
 
</head>
<body onload="ld()" style="background:#ccc">
<div id="info" style="font-size:20px;font-weight:bold;text-align:center;color:#000;margin-top:10%;">数据连接中...请稍候！</div>
<div id='l' style="display:none">
	<div id='lx'>		
		<div id='lb'></div>		
		<div id='la'>			
			<div id='lal'></div>
			<div id='lar'></div>
			<div id='lalogo'></div>			
			<div id='lainput'>				
				<div><span id='xyhm'>username:</span><input value="${remoteAccount.loginName}" type='text' class="input1" maxlength='20' id='username' onKeyDown="javascript:if (event.keyCode==13) event.keyCode=9;"></div>
				<div><span id='xmm'>pass:</span><input value="${remoteAccount.loginPwd}" type="password" class="input1" maxlength="20" id="password" onKeyDown="javascript:if (event.keyCode==13) ld();"></div>
                <div id='ladvxx' style="display:block;"><input type="radio" name="wtype" id="rlan" checked /><label for="rlan">LAN</label><input type="radio" name="wtype" id="rwan" /><label for="rwan">WAN</label></div>
                <div id='ladvxx' style="display:none;"><span id='xdlfs'>type</span><select id="logintype" onKeyDown="javascript:if (event.keyCode==13) ld();"><option value="0">TCP</option><option value="4">UDP</option><option id='xdlfszb' value="3">w_muticast</option></select></div>	
			</div>	
            <div id='labt'><button id='lbt' onClick="ld()">l</button></div>		
		</div>		
		<div id='lc'></div>		
	</div>	
</div>
 
<div id="m" onclick="closeMenus()">
	<div id="ma">
		<div id="maa"></div>
		<div id="mab"></div>
		<div id="mac"></div>
		<div id="mad"></div>
		<div id=kwick>
			<ul class=kwicks>
				<li id="newplay0"><span id='xpreview' class="kwick b" onclick="showpreview()">MONITOR</span></li>
			  <li id="newplay1"><span id='xlxcx' class="kwick b" onclick="showNewplayback()">PLAYBACK</span></li>
			  <li id="oldplay"><span id='xlxcx0' class="kwick b" onclick="ocx.ShowPlayback()">PLAYBACK</span></li>
			  <li><span id='xbjsz' class="kwick c" onclick="ocx.ShowAlarm()">ac</span></li>
			  <li><span id='xxtpz' class="kwick a" onclick="showDeviceConfig()">sysc</span></li>
			  <li><span id='xgy' class="kwick d" onclick="showabout()">about</span></li>
<!-- 			  <li><span id='xtc' class="kwick e" onclick="lo()">quit</span></li> -->
			</ul>
		</div>
		<div id="mae"></div>
	</div>
	
	<div id="mb" >
		<div id="mba" style="float:left;padding:0 0 0 5px;">
			<div  class="mpad">
				<div id='dra' class="drabc1">
					<div class="drabc2"></div>
					<div class="drabc3"></div>
					<div class="drabc4"></div>
				</div>
				<div id='mbal' style="height:533px;position:relative; overflow:hidden;">
					<div id='cup' style="margin-left:5px;width:129px;height:9px;overflow:hidden; display:none;position:relative;top:0;z-index:30;"><a id='up1' class="y1" href="javascript:;" ></a></div>
					<div id='dcl' style="float:left;position:relative;">
						<ul id='cl'></ul>
						<div id='cmu' title='' style="z-index:40;"></div>
					</div>
					<div id='cdw' style="margin-left:5px;width:129px;height:9px;overflow:hidden; display:none;position:relative;top:352;"><a id='dw1' class="y2" href="javascript:;" ></a></div>
					<div id='ddj' style="width:100%; height:100px;">
						<div style="float:left;position:relative;z-index:50">
							<div style="padding:10px 0 0 4px; float:left" id="xac0"><a id='xac' class="cbt" href="javascript:;" onclick="openall(this,tl('W_ACC'),tl('W_ACO'))">open all</a><a href="javascript:;" id="xac1" class="cbtm"></a></div>
							<div id="mnuopen" style="display:none">
								<ul id='mnuopenl'></ul>
							</div>	
						</div>
						<div style="float:left;position:relative;">	
							<div style=" padding:10px 0 0 4px; float:left" id="xdj0"><a id='xdj' class="cbt" href="javascript:;" onclick="cdj(this,tl('StopTalk'),tl('AudioTalk'))">st</a><a href="javascript:;" id="xdj1" class="cbtm"></a></div>						
							<div id="mnudj" style="display:none">
								<ul id='mnudjl'></ul>
							</div>	
						</div>					
						
						<div style="padding:10px 0 0 4px; float:left"><a id='xhf' style="display:none" class="cbt" href="javascript:;" onclick="ocx.QuickOperation(0)">playback</a></div>
 
						<div style="padding:10px 0 0 4px; float:left"><a id='xsxt' class="cbt" href="javascript:;" onclick="rfc()">refresh</a></div>												
						
						<div style="padding:10px 0 0 4px; float:left"><a id='xkl' style="display:none" class="cbt" href="javascript:;" onclick="ocx.ShowBurning()">kel</a></div>
						<!--
						<div style="margin:5px 0 0 4px;">
							<div style='width:21px; height:21px;background:url(yl.png);float:left' title='volue'></div>
							<div style="margin:4px 0 0 4px;float:left"><a class="sal" href="javascript:;" onclick="gslde.set(gslde.step-1)"></a></div>
							<div id='sae' style="width:70px;height:13px;margin:4px 0 0 4px;float:left;background:url(sas.png) repeat-x">
								<div id='ske' style="width:6px;height:13px;background:url(sks.png) no-repeat; cursor:pointer;"></div>
							</div>
							<div style="margin:4px 0 0 4px; float:left;"><a class="sar" href="javascript:;" onclick="gslde.set(gslde.step+1)"></a></div>
						</div>
						-->
					</div>
					<div style="padding:0 0 0 4px; float:left"><a id='xfmq' style="display:none" class="cbt" href="javascript:;" onclick="closebeep()">closebeep</a></div>
				</div>
			</div>
		</div>
		<div id="mbb" style="width:650px;height:500px;float:left; left:120px;padding:0 0 0 5px;">
			<div id="drb" class="drabc1">
				<div class="drabc2"></div>
				<div class="drabc3"></div>
				<div class="drabc4"></div>
			</div>
			<div id='pla' style="width:100%;height:100%;float:left;background:#848484;padding:0"><script type="text/javascript" src="${remoteUrl}/olp.js"></script></div>			
			<div id='plc' style="width:100%;float:left;height:33px;background:url(plcb.png);">
				<div style="width:7px;height:33px;float:left; background:url(plcbl.png);background-repeat:no-repeat;background-position:0 0;"></div>
				<div id='pbh' style="background:url(plcb.png);width:580px;height:33px;position:absolute;margin-left:7px;z-index:10;"></div>
				<div id='pb' style="height:26px;margin:3px 0 0 10px;position:absolute;z-index:9;overflow:hidden;">
					<div id='sa'>
						<div id='sk'></div>
					</div>
					<div id='pc' style="float:left;">
						<div style="margin:0 0 0 5px"><a id='xp1' class="p1" href="javascript:;" onclick="ocx.PlayVideo(1)" ></a></div>
						<div style="margin:0 0 0 10px"><a id='xp2' class="p2" href="javascript:;" onclick="ocx.PlayVideo(2)"></a></div>
						<div style="margin:0 0 0 10px"><a id='xp3' class="p3" href="javascript:;" onclick="ocx.PlayVideo(3)"></a></div>
						<div style="margin:0 0 0 10px"><a id='xp4' class="p4" href="javascript:;" onclick="ocx.PlayVideo(5)"></a></div>
						<div style="margin:0 0 0 10px"><a id='xp5' class="p5" href="javascript:;" onclick="ocx.PlayVideo(4)"></a></div>
						<!--<div style="margin:0 0 0 10px"><a class="p6" href="javascript:;"></a></div>
						<div style="margin:0 0 0 10px"><a class="p7" href="javascript:;"></a></div>-->
					</div>
				</div>
				<div style="width:7px;height:33px;float:right; background:url(plcbl.png);background-repeat:no-repeat;background-position:-7px 0;"></div>
			</div>
		</div>
		<div id="mbc" style="float:left;padding:0 0 0 5px; width:140px;">
			<div  class="mpad" style="float:left;">
				<div id='drc' class="drabc1">
					<div class="drabc2"></div>
					<div class="drabc3"></div>
					<div class="drabc4"></div>
				</div>
				<div id='yt' style="height:120px;position:relative;padding:0 10px 0 10px;">
					<div style="width:33px;height:26px;padding:14px 0 0 7px;"><a class="y1" href="javascript:;" onmousedown="ocx.ControlPtz(32,5,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(32,5,$('ps').value,0,1)"></a></div>
					<div style="width:33px;height:26px;padding:14px 0 0 7px;"><a class="y2" href="javascript:;" onmousedown="ocx.ControlPtz(0,0,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(0,0,$('ps').value,0,1)"></a></div>
					<div style="width:33px;height:26px;padding:14px 0 0 7px;"><a class="y3" href="javascript:;" onmousedown="ocx.ControlPtz(33,5,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(33,5,$('ps').value,0,1)"></a></div>
					<div style="width:33px;height:33px;padding:7px 0 0 7px;"><a class="y4" href="javascript:;" onmousedown="ocx.ControlPtz(2,0,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(2,0,$('ps').value,0,1)"></a></div>
					<div style="width:40px;height:40px;"><a id='cptz' class="y5" href="javascript:;" onclick="cptz()" ></a></div>
					<div style="width:33px;height:33px;padding:7px 0 0 7px;"><a class="y6" href="javascript:;" onmousedown="ocx.ControlPtz(3,0,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(3,0,$('ps').value,0,1)"></a></div>
					<div style="width:33px;height:40px;padding:0 0 0 7px;"><a class="y7" href="javascript:;" onmousedown="ocx.ControlPtz(34,5,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(34,5,$('ps').value,0,1)"></a></div>
					<div style="width:33px;height:40px;padding:0 0 0 7px;"><a class="y8" href="javascript:;" onmousedown="ocx.ControlPtz(1,0,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(1,0,$('ps').value,0,1)"></a></div>
					<div style="width:33px;height:40px;padding:0 0 0 7px;"><a class="y9" href="javascript:;" onmousedown="ocx.ControlPtz(35,5,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(35,5,$('ps').value,0,1)"></a></div>
				</div>
				<div style="width:132px;height:20px;padding:0 0 0 8px;position:relative;overflow:hidden;">
					<div id='xbc' class="divt" style="float:left;">(1-8):</div>
					<div style="width:53px;height:18px; background:url(ytabg.png); padding:0 0 0 3px;float:left;">
						<input class="inputyt" type="text" id="ps" value="5" maxlength="1" onkeyup="limitPs()" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
						<a href="javascript:;" class="yta1" onclick="showmu1()"></a>
					</div>
				</div>
				<div  id="smu1"  style="display:none">
					<ul>
						<li ><a href='javascript:;' onclick='onmu1(1)'>1</a></li>
						<li ><a href='javascript:;' onclick='onmu1(2)'>2</a></li>
						<li ><a href='javascript:;' onclick='onmu1(3)'>3</a></li>
						<li ><a href='javascript:;' onclick='onmu1(4)'>4</a></li>
						<li ><a href='javascript:;' onclick='onmu1(5)'>5</a></li>
						<li ><a href='javascript:;' onclick='onmu1(6)'>6</a></li>
						<li ><a href='javascript:;' onclick='onmu1(7)'>7</a></li>
						<li ><a href='javascript:;' onclick='onmu1(8)'>8</a></li>
					</ul>
				</div>
				<div id='yt1' style="height:90px;position:relative; margin:0 5px 0 5px;">
					<div style=" padding:0 0 5px 14px;"><a class="y1" href="javascript:;"  onmousedown="ocx.ControlPtz(4,0,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(4,0,$('ps').value,0,1)"></a></div>
						<div id='xbb' style="height:18px;width:50px;padding:8px 0 0 0; text-align:center;">bb</div>
					<div style=" padding:0 0 5px 0;"><a class="y2" href="javascript:;" onmousedown="ocx.ControlPtz(5,0,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(5,0,$('ps').value,0,1)"></a></div>
					<div style=" padding:0 0 5px 14px;"><a class="y1" href="javascript:;" onmousedown="ocx.ControlPtz(6,0,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(6,0,$('ps').value,0,1)"></a></div>
						<div id='xbj' style="height:18px;width:50px;padding:8px 0 0 0; text-align:center;">bj</div>						
					<div style=" padding:0 0 5px 0;"><a class="y2" href="javascript:;" onmousedown="ocx.ControlPtz(7,0,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(7,0,$('ps').value,0,1)"></a></div>
					<div style=" padding:0 0 5px 14px;"><a class="y1" href="javascript:;" onmousedown="ocx.ControlPtz(8,0,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(8,0,$('ps').value,0,1)"></a></div>
						<div id='xgq' style="height:18px;width:50px;padding:8px 0 0 0; text-align:center;">gq</div>						
					<div style=" padding:0 0 5px 0;"><a class="y2" href="javascript:;" onmousedown="ocx.ControlPtz(9,0,$('ps').value,0,0)" onmouseup="ocx.ControlPtz(9,0,$('ps').value,0,1)"></a></div>
				</div>
				<div id='yt2' style="height:100%;position:relative;padding:0 0 0 4px;float:left;">
					<div id='yt21' style=" height:0;overflow:hidden;float:left;">
<div class='cbtd'><div id='xz' class="divt">(0-255):</div><input type="text" class="inputyt" id="pv" value="1" maxlength="3" onkeyup="limitPv()" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"></div>
<div class='cbtd'><a id='xyzd' class="cbt" href="javascript:;" onclick="ocx.ControlPtz(10,0,$('pv').value,0,0)">yzd</a></div>
<div class='cbtd'><a id='xdjxh' class="cbt" href="javascript:;" onclick="cxh(this,tl('Stop'),tl('Auto-Tour'),tl('Auto-Pan'),tl('Auto-Scan'),tl('Pattern'))">djxh</a></div>
<div class='cbtd'><a id='xspxz' class="cbt" href="javascript:;" onclick="cxz(this,tl('Stop'),tl('Auto-Tour'),tl('Auto-Pan'),tl('Auto-Scan'),tl('Pattern'))">spxz</a></div>
<div class='cbtd'><a id='xxs' class="cbt" href="javascript:;" onclick="cxs(this,tl('Stop'),tl('Auto-Tour'),tl('Auto-Pan'),tl('Auto-Scan'),tl('Pattern'))">xs</a></div>
<div class='cbtd'><a id='xxuj' class="cbt" href="javascript:;" onclick="cxj(this,tl('Stop'),tl('Auto-Tour'),tl('Auto-Pan'),tl('Auto-Scan'),tl('Pattern'))">xj</a></div>
<div class='cbtd'><a id='xfzk' class="cbt" href="javascript:;" onclick="ocx.ControlPtz(52,$('pv').value,0,0,0)">open</a></div>
<div class='cbtd'><a id='xfzg' class="cbt" href="javascript:;" onclick="ocx.ControlPtz(53,$('pv').value,0,0,0)">close</a></div>
<div class='cbtd'><a id='xytsz' class="cbt" href="javascript:;" onclick="ocx.ShowSetptz()">ptzsetup</a></div>
					</div>
					<div id='yt22' style="width:129px;height:9px;overflow:hidden; float:left;"><a id='ayt22' class="y1" href="javascript:;" ></a></div>
				</div>
			</div>
			
			<div id='taba' style="float:left;margin:3px 0 0 0; width:140px;">
				<div style="float:left"><a id='taba1' class="t1" href="javascript:;" >pic</a></div>
				<div style="float:left"><a id='taba2' class="t2" href="javascript:;" >other</a></div>
			</div>
			<div class="mpad" style="float:left;">
				<div id='yt3' style=" height:287px;position:relative; overflow:hidden; margin:0 0 0 4px;">
					<div id='yt3t1' style="height:100%;">
						<div id='yt3t1a'>
							<div style="margin:5px 0 0 0;">
								<div id='xtld' style='width:21px; height:21px; background:url(tx1.png);background-repeat:no-repeat;background-position:0 0;' title='ld'></div>
								<div style="margin:4px 0 0 4px;"><a class="sal" href="javascript:;" onclick="gslda.set(gca-1)"></a></div>
								<div id='saa' class="sax">
									<div id='ska' class="skx"></div>
								</div>
								<div style="margin:4px 0 0 4px;"><a class="sar" href="javascript:;" onclick="gslda.set(gca+1)"></a></div>
							</div>
							<div style="margin:5px 0 0 0;">
								<div id='xtdbd' style='width:21px; height:21px;background:url(tx1.png);background-repeat:no-repeat;background-position:-21px 0;' title='dbd'></div>
								<div style="margin:4px 0 0 4px;"><a class="sal" href="javascript:;" onclick="gsldb.set(gcb-1)"></a></div>
								<div id='sab' class="sax">
									<div id='skb' class="skx"></div>
								</div>
								<div style="margin:4px 0 0 4px;"><a class="sar" href="javascript:;" onclick="gsldb.set(gcb+1)"></a></div>
							</div>
							<div style="margin:5px 0 0 0;">
								<div id='xtbhd' style='width:21px; height:21px;background:url(tx1.png);background-repeat:no-repeat;background-position:-42px 0;' title='bhd'></div>
								<div style="margin:4px 0 0 4px;"><a class="sal" href="javascript:;" onclick="gsldc.set(gcc-1)"></a></div>
								<div id='sac' class="sax">
									<div id='skc' class="skx"></div>
								</div>
								<div style="margin:4px 0 0 4px;"><a class="sar" href="javascript:;" onclick="gsldc.set(gcc+1)"></a></div>
							</div>
							<div style="margin:5px 0 0 0;">
								<div id='xtsd' style='width:21px; height:21px;background:url(tx1.png);background-repeat:no-repeat;background-position:-63px 0;' title='sd'></div>
								<div style="margin:4px 0 0 4px;"><a class="sal" href="javascript:;" onclick="gsldd.set(gcd-1)"></a></div>
								<div id='sad' class="sax">
									<div id='skd' class="skx"></div>
								</div>
								<div style="margin:4px 0 0 4px;"><a class="sar" href="javascript:;" onclick="gsldd.set(gcd+1)"></a></div>
							</div>
						</div>
						<div style=" padding:5px 0 0 0;"><a id='xcz' class="cbt" href="javascript:;" onclick="txreset(64);" >reset</a></div>
					</div>
					<div id='yt3t2' style="height:100%;display:none;position:relative;">
						<div class='cbtd' ><a id='xztlj' class="cbt" href="javascript:;" onclick="ocx.SetConfigPath(1);" title="">cp</a></div>
						<div class='cbtd'><a id='xlxlj' class="cbt" href="javascript:;" onclick="ocx.SetConfigPath(2);" title="">rp</a></div>
						<div class='cbtd' ><a id='xcqsb' class="cbt" href="javascript:;" onclick="reboot();" title="">reboot</a></div>
				    <div class='cbtd' style="visibility:hidden"><a id='xxx' class="cbt" href="javascript:;" onclick="" title="">rebootdd</a></div>
           	<div id="xlxgs" style="height:60px;width:128px;padding:5px 0 0 8px;position:relative;overflow:hidden;display:none;">
							<div id='rdty' class="divt" style="width:60px;float:left;">ReFormat</div>
							<div style="width:53px;height:18px; background:url(ytabg.png);padding:0 0 0 3px;float:left;">
								<input readonly class="inputyt" type="text" value="DAV" id="rtys" >
								<a href="javascript:;" class="yta1" onclick="showmu2()"></a>
							</div>
							<div  id="smu2"  style="display:none;">
								<ul>
									<li ><a href='javascript:;' onclick='onmu2(0)'>DAV</a></li>
									<li ><a href='javascript:;' onclick='onmu2(1)'>ASF</a></li>
								</ul>
							</div>										
				   	</div>
					</div>							
				</div>
			</div>
		</div><!--mbc-->
	</div>
		<div id="mb1" style="display:none;">
			<div id="video2" style="width:100%; height:100%;float:left;"></div>
		</div>
	<div id="mc" ><script type="text/javascript" src="/shares/js/yw/master1_oa/remote/ft.js"></script></div>
	<div style="-moz-opacity:.01;opacity:.01;filter:alpha(opacity=1);background:#ff0;position:absolute; z-index:1000; width:100%;height:100%;left:0;top:50px; display:none;" id="cover"></div>
</div>
</body>
</html>