

<div class="detailCon">
	<div id="videoPluginCon">
		<ul class="line">
			<div id="popNote" class="popNote">
				<div class="popTitle" id="popTitle">
					<i id="closeTip" style="float:right;"></i>
					<span id="titleText"></span>
				</div>
				<div class="popContent" id ="popContent">
					<div class="popContentError disNone" id="popContentError"></div>
					<div class="popContentCorrect" id="popContentCorrect">
						<span class="check" id="check">{%label.check%}</span>
						<i class="completeIcon"></i>
						<span class="name" id="name"></span>
					</div>
				</div>
				<iframe frameborder="0" class="kinescopeNoteIframe"></iframe>
			</div>
		</ul>
	</div>
	<!--ul class="line lineA lineConfCameraCover"-->
	<ul class="line lineConfMenu lineBottom">
		<li class="snapPicLi snapPicBtn" title="{%label.snapPic%}"></li>
		<li class="line recalibButton">
			<input id="manualRecalib" type="button" class="subBtnB btnA styleNormal" value="{%label.manualRecalib%}" />
		</li>
	</ul>

	<!-- 手动校正弹出框 start -->
	<div class="ArrorOverManualRecalib" id="ArrorOverManualRecalib"></div>
	<div class="totalBox" id="totalBox">
		<div class="innerBoxHidden">
			<div class="funcHint">
				<span>{%label.manualRecalibFunc%}</span>
			</div>
			<div class="recalibHead">
				<span>{%label.manualRecalibHint%}</span>
			</div>
			<div class="recalibContent">
				<div class="recalibLine">
					<div id="horizontalSet" class="ipcDragLineDiv DragLineSimple"></div>
				</div>
				<div class="recalibLine">
					<div id="verticalSet" class="ipcDragLineDiv DragLineSimple"></div>
				</div>
			</div>
			<div class="resetBox">
				<input type="button" value="{%label.restore%}" class="subBtnB btnA" id="restore">
			</div>
		</div>
	</div>

	<ul class="line">
		<li class="line lineA">
			<div id="bestViewDistanceDragline" class="ipcDragLineDiv calib"></div>
			<label class="des range">{%label.distanceRangeValue%}</label>
		</li>
	</ul>
	<ul class="linelineHint">
		<li>{%label.stitchHint%}</li>
		<li></li>
		<li>{%label.stitchHintEg%}</li>
	</ul>
</div>
<script type="text/javascript">function init(){function r(){clearTimeout(l);l=$.setTimeout(function(){$("#popNote").animate({bottom:"-150px"},void 0,void 0,function(){id("popNote").style.display="none"})},5E3)}function w(){d.catchPic(function(b){var a="";switch(parseInt(b)){case 0:a=label.snapPicEnd;$("#StorageFolder").css("background-image","url(../web-static/images/save_reddot.png)");break;case 1:a=label.snapPicSaveFail;break;case 2:return;case 3:a=label.diskLess;break;case 7:a=label.pathChange;break;case 8:a=label.pathNoExist}if(0<
parseInt(b))clearTimeout(l),s.style.display="none",m.style.display="inline-block",7==parseInt(b)?titleText.innerHTML=label.cue:titleText.innerHTML=label.snapPicFail,m.innerHTML=a;else{var c=d.getPicFileStoragePath(),a=c.lastIndexOf("\\"),a=c.substr(a+1);s.style.display="inline-block";m.style.display="none";titleText.innerHTML=label.snapPicSuccess;x.innerHTML=a;check.onclick=function(){d.openFileStorageFolder(c)};r()}$("#popNote").animate({bottom:"0px"});id("popNote").style.display="inline-block";
7==parseInt(b)&&r()})}function e(b,a){switch(parseInt(b)){case ENONE:return!0;case IPCIMBVDERR:showStr=errStr.ipcImBestViewDIsErr;break;default:showStr=errStr.invRequestFail}closeToast();showAlert(showStr,a);return!1}function y(b){var a={image:{}};a.image["switch"]={};a.image["switch"].best_view_distance=b;showToast("loading");$.modify(a,function(a){!0==e(a[ERR_CODE])?(g.setValue(100),showToast("success")):closeToast()})}function z(b){var a={image:{}};a.image["switch"]={};a.image["switch"].recalib_offset_x=
((b-100)/10).toString();showToast("loading");$.modify(a,function(a){!0==e(a[ERR_CODE])?showToast("success"):closeToast()})}function A(b){var a={image:{}};a.image["switch"]={};a.image["switch"].recalib_offset_y=((b-100)/10).toString();showToast("loading");$.modify(a,function(a){!0==e(a[ERR_CODE])?showToast("success"):closeToast()})}function h(){n?$(p).removeClass("styleNormal").addClass("stylePressed"):f?$(p).removeClass("styleNormal").addClass("stylePressed"):$(p).removeClass("stylePressed").addClass("styleNormal")}
function t(b,a,c){b.addEventListener?b.addEventListener("click",c,!1):b.attachEvent?b.attachEvent("on"+a,c):b["on"+a]=c}var m=id("popContentError"),s=id("popContentCorrect"),x=id("name"),l;$("ul.lineConfMenu li.snapPicBtn").hide();$("ul.lineConfMenu li.snapPicBtn").click(function(b){w()});id("closeTip").onclick=function(){$("#popNote").animate({bottom:"-150px"},void 0,void 0,function(){id("popNote").style.display="none"})};id("coverSwitchDes");var d,u=null,g=null,q=null,f=!1,n=!1,p=id("manualRecalib"),
k=$.moduleSpec[uciFunction.optName.new_version_capability_list];k&&$.inArray(uciImage.fileName,k);var v=null;id("manualRecalib").onclick=function(b){stopProp(b);!1==f&&(id("ArrorOverManualRecalib").style.visibility="visible",id("totalBox").style.visibility="visible",f=!0);h()};id("manualRecalib").onmouseover=function(){n=!0;h()};id("manualRecalib").onmouseout=function(){n=!1;h()};id("restore").onclick=function(){var b={image:{}};b.image["switch"]={};b.image["switch"].recalib_offset_x="0";b.image["switch"].recalib_offset_y=
"0";showToast("loading");$.modify(b,function(a){!0==e(a[ERR_CODE])?(g.setValue(100),q.setValue(100),showToast("success")):closeToast()})};k=id("confCameraDisplayCon");t(k,"click",function(){!0==f&&(id("ArrorOverManualRecalib").style.visibility="",id("totalBox").style.visibility="",f=!1,h())});t(id("totalBox"),"click",function(b){stopProp(b)});(function(){var b={image:{}};b.image[NAME]="switch";b[uciVideo.fileName]={};b[uciVideo.fileName][NAME]=uciVideo.secName.main;d=new Plugin({id:"videoPluginCon",
className:"vedioActiveX",readyHd:function(a){setDomSize($(".vedioActiveX")[0],v)}});u=new DragLine({id:"bestViewDistanceDragline",name:label.bestViewDistance,cb:y,errFix:!0,lowerBound:2,upperBound:200});g=new DragLine({id:"horizontalSet",name:label.horizontalDirection,lowerBound:0,upperBound:200,needInput:"n",needScale:"y",scaleNum:2,scaleText:[label.moveLeft,label.moveRight],cb:z});q=new DragLine({id:"verticalSet",name:label.verticalDirection,lowerBound:0,upperBound:200,needInput:"n",needScale:"y",
scaleNum:2,scaleText:[label.moveUp,label.moveDown],cb:A});$.query(b,function(a){if(!0==e(a[ERR_CODE])){u.setValue(a.image["switch"].best_view_distance);g.setValue(10*parseFloat(a.image["switch"].recalib_offset_x)+100);q.setValue(10*parseFloat(a.image["switch"].recalib_offset_y)+100);var b=a[uciVideo.fileName][uciVideo.secName.main][uciVideo.optName.resolution].split("*")[0];a=a[uciVideo.fileName][uciVideo.secName.main][uciVideo.optName.resolution].split("*")[1];b=parseInt(720/(b/a));a=parseInt((396-
b)/2);$(".vedioActiveX").addClass("vedioActiveXStitch");v={height:b,paddingTop:a,paddingBottom:a};d.playVideo();showDetailCon();$("ul.lineConfMenu li.snapPicBtn").show()}})})()}init();
</script><style type="text/css">div.detailCon{position:relative}ul.lineConfCameraCover{margin-top:20px;margin-bottom:25px}div.ipcDragLineDiv label{width:88px}div.calib{display:inline-block;vertical-align:middle}ul.lineBottom li{float:right}ul.lineBottom li.recalibButton{float:left}input.btnA{height:26px}ul.line li.lineA{margin-top:15px;margin-bottom:8px;width:360px}ul.linelineHint{width:720px;height:36px;border:0;font-size:12px;color:#666;list-style:none}ul.linelineHint li{height:12px}ul.line label.range{font-size:12px;color:#666;letter-spacing:0;line-height:18px;margin-left:8px}li.recalibButton input.subBtnB{background-color:#fff;border:1px solid #5a92ff;box-shadow:0 1px 2px 0 rgba(117,122,128,0.20);border-radius:2px;font-size:13px;font-family:PingFangSC-Regular;text-align:left;height:26px;line-height:26px;width:92px;margin:7px 0 0 12px}li.recalibButton input.styleNormal{background:#fff url(../../web-static/images/setting_normal.png) 8px 4px no-repeat;color:#333}li.recalibButton input.stylePressed{background:#fff url(../../web-static/images/setting_hover.png) 8px 4px no-repeat;color:#325fe0}div.ArrorOverManualRecalib{visibility:hidden;width:12px;height:6px;background:#f5f6fa url(../../web-static/images/triangle_up_white.png) 0 0 no-repeat;position:absolute;top:462px;left:100px;z-index:1030}div.totalBox{visibility:hidden;height:272px;width:448px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,0.20);position:absolute;left:48px;top:468px;z-index:1020}div.innerBoxHidden{width:400px;margin:0 24px;border:0}div.funcHint{width:400px;border:0;border-bottom:1px solid #e1e4e6;height:18px;padding:11px 0 10px 0}div.funcHint span{display:inline-block;font-size:12px;color:#666;font-family:PingFangSC-Regular;width:400px;height:18px;line-height:18px;border:0}div.recalibHead{height:20px;width:400px;margin-top:24px}div.recalibHead span{height:20px;line-height:20px;font-family:PingFangSC-Semibold;font-size:13px;color:#333;font-weight:bold}div.recalibContent{width:400px;border:0;height:84px;margin-top:20px}div.recalibContent div.recalibLine{width:270px;height:40px}div.recalibContent div.recalibLine label{display:inline-block;width:74px;height:40px;line-height:40px;font-family:PingFangSC-Regular;font-size:13px;color:#666}div.recalibContent div.DragLineSimple{width:270px;height:40px;color:#1c1c1c;font-size:12px}div.DragLineSimple ul.scaleUl{left:74px}div.DragLineSimple i.dragLineStrip i.dragLinePointer{width:11px!important}div.resetBox{width:400px;height:40px;margin-top:25px}</style>