//ActiveX Object Defines
var AXOBJECT_ID = "AxMediaControl";
var AXOBJECT_PATH = "AxViewer/";
var AXOBJECT_NAME = "AxMediaControl.cab";
var AXOBJECT_VER = "2,0,74,3837";


var user = SendCGICMD("/cgi-bin/view/hello");
var TEMP_USER_NAME = GetQueryVariableEx2("UserName", user);
var TEMP_PASSWORD = GetQueryVariableEx2("Password", user);

//Video Stream Defines
var PROFILE = "0";
var PROTOCOL_TYPE = "3"; //(set as cookie on client PC) 1->TCP, 2->UDP, 3->HTTP 4->Multicast  ,default connect order  TCP->UDP->HTTP
var MULTICAST_ACCESS_NAME = "multicast.mp4";
var CAPTEXT = "Live view";
var TOOLTIP = 0;
var CONTEXTMENU = 0;
var AUTOSTART = 1;
var vdoWidth = 640;
var vdoHeight = 480;
var Buffer_Enable = getBufferEn();
var HOST_NAME=location.hostname;
var HOST_PORT = location.port;
var HOST_SSL_PORT = 0;
var HOST_PROTOCOL = location.protocol;
var PUPOPS = 0;
var ADVANCED = 0;
var RecordSize = 200;
if(HOST_PROTOCOL=="https:")
{
  if(HOST_PORT==0 || HOST_PORT=="")
    HOST_SSL_PORT = 443;
  else
    HOST_SSL_PORT = HOST_PORT;
}

if(HOST_PORT==0 || HOST_PORT=="")
  HOST_PORT = 80; //default port

var mydate = new Date();
var imgURL;
var imgSrc = new Image();

GetDeviceInfo('Properties.Firmware.ActiveXID&group=Properties.PTZ.PTZ&group=General.Network','view');
var CLASS_ID=GetQueryVariable('Properties.Firmware.ActiveXID');
var PTZSupport=GetQueryVariable('Properties.PTZ.PTZ');
var PTZMouseCtl = 0; 
if(PTZSupport=="yes")
  PTZMouseCtl = 1; 
var RTSP_PORT = GetQueryVariable('General.Network.RTSP.Port');
var gT=0;
function RGB(r,g,b)
{
  return (b*65536+g*256+r);
}

function DispImage()
{
  var imgObj = document.getElementById('jpeg');
  imgURL = 'cgi-bin/view/image?'+(new Date()).getTime();
  imgObj.src=imgURL;
}

function JPGStart()
{
  var d = new Date();
  gT = d.getTime();
  imgURL = 'cgi-bin/view/image'+"?"+gT;
  
  imgSrc = EID("jpeg");
  imgSrc.src = imgURL;
  imgSrc.onload=DispImage;
  imgSrc.onerror=DispImage;
}

var imgURL1 = "cgi-bin/view/image";
var imgURL2 = "cgi-bin/view/image";
var errtimer1 = null;
var errtimer2 = null;

function BBJPGStart1()
{
  EShow("jpeg2","block");
	EShow("jpeg1","none");
	
	clearTimeout(errtimer2);

	imgURL1 = 'cgi-bin/view/image?'+(new Date()).getTime();
  EID("jpeg1").onload = BBJPGStart2;
	EID("jpeg1").src = imgURL1;
  errtimer1 = setTimeout("doChkImgErr()",10000);
}

function BBJPGStart2()
{
  EShow("jpeg1","block");
	EShow("jpeg2","none");
  
  clearTimeout(errtimer1);
  
	imgURL2 = 'cgi-bin/view/image'+"?"+(new Date()).getTime();
  EID("jpeg2").onload = BBJPGStart1;
  EID("jpeg2").src = imgURL2;
  
  errtimer2 = setTimeout("doChkImgErr()",10000);
}

function UseSnapshot()
{
  var ua = navigator.userAgent.toLowerCase();
  var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
  var isLinux = ua.indexOf("linux") > -1; //&& ua.indexOf("mobile");

  if(isAndroid || isLinux) {
  	return true;
  }else{
    return false;
  }
}

function CheckNonIETimeout()
{
  var d = new Date();
  var lT = d.getTime();
  if( lT > (gT+3000))
  {
    window.location.reload();
  }
}

function Viewer()
{
  if( getOs().indexOf("IE") >= 0 ){
  	document.open();

  	document.write("<OBJECT NAME='" + AXOBJECT_ID + "'");
	  document.write(" width="+vdoWidth+" height="+vdoHeight);
    document.write(" CLASSID='CLSID:" + CLASS_ID + "' data='data:application/x-oleobject'");
    document.write(" CODEBASE='" + AXOBJECT_PATH + "" + AXOBJECT_NAME + "#version=" + AXOBJECT_VER + "'>");
    //For OCX button style
    document.write(" <PARAM name='BkColor' VALUE=" + RGB(0,0,0) + ">");
    document.write(" <PARAM name='TextColor' VALUE=" + RGB(200,200,200) + ">");
    document.write(" <PARAM name='ButtonColor' VALUE=" + RGB(100,180,200) + ">");
    document.write(" <PARAM name='HoverColor' VALUE=" + RGB(18,204,214) + ">");
    document.write("	<PARAM name='EnableContextMenu' VALUE='" + CONTEXTMENU + "'>");

    document.write("	<PARAM name='ShowStatusBar' VALUE='" + STATUSBAR + "'>");
    document.write("	<PARAM name='ToolBarConfiguration' VALUE='" + TOOLBARCONF + "'>");
    document.write("	<PARAM name='UIMode' VALUE='" + INITMODE + "'>");
    document.write("	<PARAM name='CaptionText' VALUE='" + CAPTEXT + "'>");
    document.write("	<PARAM name='ShowToolBar' VALUE='" + TOOLBAR + "'>");

    document.write("	<PARAM name='HostIP' VALUE='" + HOST_NAME + "'>");
    document.write("	<PARAM name='HttpPort' VALUE='" + HOST_PORT + "'>");
    document.write("	<PARAM name='SSLPort' VALUE='" + HOST_SSL_PORT + "'>");
    document.write("	<PARAM name='MediaProtocol' VALUE='" + PROTOCOL_TYPE + "'>");
    document.write("	<PARAM name='MediaChannel' VALUE='" + PROFILE + "'>");
    document.write("	<PARAM name='MediaUsername' VALUE='" + TEMP_USER_NAME + "'>");
    document.write("	<PARAM name='MediaPassword' VALUE='" + TEMP_PASSWORD + "'>");
    document.write("  <PARAM name='AutoStart' VALUE='" + AUTOSTART + "'>");
    document.write("	<PARAM name='MediaDelay' VALUE='" + Buffer_Enable + "'>");
    document.write("  <PARAM name='ShowToolTip' VALUE='" + TOOLTIP + "'>");
    document.write("  <PARAM name='PTZMouseCtl' VALUE='" + PTZMouseCtl + "'>");
    document.write("  <PARAM name='Popups' VALUE='" + PUPOPS + "'>");
    document.write("  <PARAM name='RecordSize' VALUE='" + RecordSize + "'>");
    document.write("  <PARAM name='StretchToFit' VALUE='1'>");
    document.write("  <PARAM name='MaintainAspectRatio' VALUE='1'>");
  	document.write("</OBJECT>");
  	document.close();
	}else{
    var browserInfo = navigator.userAgent;
    vdoWidth=640;
    vdoHeight=480;
    if(browserInfo.search("BlackBerry")==0)
    {
      document.open();
      document.write("<img id=\"jpeg1\" src=\"/cgi-bin/view/image\" width="+vdoWidth+" height="+vdoHeight+" />");
      document.write("<img id=\"jpeg2\" src=\"\" width="+vdoWidth+" height="+vdoHeight+" />");
      document.close();
      BBJPGStart2();
    }else{
      document.open();
      document.write("<img id=\"jpeg\" width="+vdoWidth+" height="+vdoHeight+" />");
      document.close();
    }
	}
}

function onAxobjUnload()
{
  if(document.form1.AxMediaControl.UIMode)
  {
    document.form1.AxMediaControl.StopRecord();
    document.form1.AxMediaControl.Stop();
  }
}