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


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

// do NOT change these two lines
//var GET_USER_NAME = "";
//var GET_PASSWORD = "";
// do NOT change these two lines

//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 g_szProtocolType = "3";
var MPEG4_ACCESS_NAME = "video.mp4";
var MJPEG_ACCESS_NAME = "video.mjpg";
var MULTICAST_ACCESS_NAME = "multicast.mp4";
var RECORDER_SUPPORT = "1";
var VIDEO_FMT = 1;
var PLUGIN_LANG=0;
var INITMODE = "none";
var CAPTEXT = "Live view";
var STATUSBAR = 0;
var TOOLBAR = 0;
var TOOLTIP = 0;
var CONTEXTMENU = 0;
var TOOLBARCONF = "stream+rec+mic+zoom+time";
var AUTOSTART = 0;
var VIEW_SIZE = "320x240";
var vdoWidth = 710;
var vdoHeight = 410;
var Buffer_Enable = getBufferEn();
var _platform = navigator.platform;
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&group=ImageSource.RecordIndex','view');
var CLASS_ID=GetQueryVariable('Properties.Firmware.ActiveXID');
var PTZSupport=GetQueryVariable('Properties.PTZ.PTZ');
var PTZMouseCtl = 0;

var RTSP_PORT = GetQueryVariable('General.Network.RTSP.Port');
var RecordIndex = GetQueryVariable('ImageSource.RecordIndex');

function SetPTZMouseCtrl()
{
  if(PTZtype=="ExtPTZ" || PTZtype == "PT")
  {
    PTZMouseCtl = 1;
  }else{
    PTZMouseCtl = 0;
  }
}

function RGB(r,g,b)
{
  return (b*65536+g*256+r);
}

function refreshImg()
{
  var imgObj = document.getElementById('jpeg');
  var newURL;
  if (imgObj)
  {
	  newURL = '/cgi-bin/view/image?pro_' + RecordIndex + '&' + (new Date()).getTime();
    imgObj.src = newURL;
    imgObj.onload=refreshImg;
    imgObj.onerror=refreshImg;
  }
}

function DispImage()
{
	var imgObj = document.getElementById('jpeg');
	imgObj.src=imgURL;
}

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

    if(STATUSBAR==1)
  	  vdoHeight+=25;
  	if(TOOLBAR==1)
  	  vdoHeight+=30;
  	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 + "'>");
    
    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='UIMode' VALUE='" + INITMODE + "'>");
    document.write("	<PARAM name='ShowStatusBar' VALUE='" + STATUSBAR + "'>");
    document.write("	<PARAM name='ShowToolBar' VALUE='" + TOOLBAR + "'>");
    document.write("	<PARAM name='EnableContextMenu' VALUE='" + CONTEXTMENU + "'>");

    document.write("	<PARAM name='CaptionText' VALUE='" + CAPTEXT + "'>");
    document.write("	<PARAM name='ToolBarConfiguration' VALUE='" + TOOLBARCONF + "'>");
    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("</OBJECT>");
  	document.close();
	}else{
    if(INITMODE == "md" || INITMODE == "ad" || INITMODE == "mask")
    {
      return;
    }else{
      document.open();
      document.write("<img id=\"jpeg\" width=\" "+vdoWidth+"px\" height=\" "+vdoHeight+"px\" />");
      document.close();
      imageProfile = RecordIndex;
      updateImgByProfile("jpeg");
    }
  }
}

function NormalViewer(width,height)
{
  if(_platform.toLowerCase().indexOf("mac") >= 0)
  {
    if(VIEW_SIZE == "Large")
      {AppletWidth=640;AppletHeight=(480+58);vdoWidth=640;vdoHeight=480;}
    else if(VIEW_SIZE == "Medium")
      {AppletWidth=320;AppletHeight=(240+58);vdoWidth=320;vdoHeight=240;}
    else
      {AppletWidth=320;AppletHeight=315;}
    document.writeln('<object NAME="ObjJavaCam" classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" WIDTH = '+AppletWidth+' HEIGHT = '+AppletHeight+'  codebase="http://java.sun.com/update/1.5.0/jinstall-1_5_0_11-windows-i586.cab#Version=1,5,0,11"><xmp>');
    document.writeln('<applet  NAME="ObjJavaCam" CODE = "IPCam.CamMain2.class" JAVA_CODEBASE = "./java/" WIDTH = '+AppletWidth+' HEIGHT = '+AppletHeight+' MAYSCRIPT></xmp>');
    document.writeln('    <PARAM NAME = CODE VALUE = "IPCam.CamMain2.class" >');
    document.writeln('    <PARAM NAME = CODEBASE VALUE = "./java/" >');
    document.writeln('    <PARAM NAME = ARCHIVE VALUE = "custom_211a_01.jar, JavaCam.jar" >');
    document.writeln('    <param name="type" value="application/x-java-applet;version=1.5.0">');
    document.writeln('    <param name="scriptable" value="false">');
    document.write("	<PARAM name='StreamChannel'  VALUE=\"" + PROFILE + "\">");
    document.write("	<PARAM name='InitMode' VALUE=\"" + INITMODE + "\">");
    document.write("    <PARAM name=\"CompressType\" VALUE=\"" + getVideoFmt() + "\">");
    document.write("    <PARAM name=\"Language\" VALUE=\"" + PLUGIN_LANG + "\">");
    document.write("    <PARAM name=\"RecorderEn\" VALUE=\"" + RECORDER_SUPPORT + "\">");
    document.write("    <PARAM name=\"UserName\" VALUE=\"" + TEMP_USER_NAME + "\">");
    document.write("    <PARAM name=\"Password\" VALUE=\"" + TEMP_PASSWORD + "\">");
    document.write("    <PARAM name=\"BufferEn\" VALUE=\"" + Buffer_Enable + "\">");
    document.write("    <PARAM name=\"vdoWidth\" VALUE=\"" + vdoWidth + "\">");
    document.write("    <PARAM name=\"vdoHeight\" VALUE=\"" + vdoHeight + "\">");
    document.writeln('</applet>');
    document.close();
  }
	else
	{
		if(STATUSBAR==1)
	    height+=25;
	  if(TOOLBAR==1)
	    height+=28;

  	document.write("<OBJECT NAME='" + AXOBJECT_ID + "'");
	  document.write(" width="+width+" height="+height);
    document.write(" CLASSID='CLSID:" + CLASS_ID + "' data='data:application/x-oleobject'");
    document.write(" CODEBASE='" + AXOBJECT_PATH + "" + AXOBJECT_NAME + "#version=" + AXOBJECT_VER + "'>");
    
    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='UIMode' VALUE='" + INITMODE + "'>");
    document.write("	<PARAM name='ShowStatusBar' VALUE='" + STATUSBAR + "'>");
    document.write("	<PARAM name='ShowToolBar' VALUE='" + TOOLBAR + "'>");
    document.write("	<PARAM name='EnableContextMenu' VALUE='" + CONTEXTMENU + "'>");

    document.write("	<PARAM name='CaptionText' VALUE='" + CAPTEXT + "'>");
    document.write("	<PARAM name='ToolBarConfiguration' VALUE='" + TOOLBARCONF + "'>");
    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='0'>");
  	document.write("</OBJECT>");
  	document.close();
  }
}

function RemoteViewer(width,height,FILE_PATH)
{
  if(STATUSBAR==1)
     height+=25;
  if(TOOLBAR==1)
     height+=28;
	
  document.open();
  document.write("<OBJECT NAME='" + AXOBJECT_ID + "'");
  document.write(" width="+width+" height="+height);
  document.write(" CLASSID='CLSID:" + CLASS_ID + "' data='data:application/x-oleobject'");
  document.write(" CODEBASE='" + AXOBJECT_PATH + "" + AXOBJECT_NAME + "#version=" + AXOBJECT_VER + "'>");
  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='UIMode' VALUE='" + INITMODE + "'>");
  document.write(" <PARAM name='ShowStatusBar' VALUE='" + STATUSBAR + "'>");
  document.write(" <PARAM name='ShowToolBar' VALUE='" + TOOLBAR + "'>");
  document.write(" <PARAM name='EnableContextMenu' VALUE='" + CONTEXTMENU + "'>");
  document.write(" <PARAM name='CaptionText' VALUE='" + CAPTEXT + "'>");
  document.write(" <PARAM name='ToolBarConfiguration' VALUE='" + TOOLBARCONF + "'>");
  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 + "'>");

  // IPv6
  if(HOST_NAME.indexOf(":") != -1)
  {
    // [ exist
    if(HOST_NAME.indexOf("[") != -1)
    {
      document.write(" <PARAM name='MediaURL' VALUE='rtsp://" + HOST_NAME + ":" + RTSP_PORT + "/file/mnt/"+FILE_PATH+"'>");

    // [ not exist
    }else{
      document.write(" <PARAM name='MediaURL' VALUE='rtsp://[" + HOST_NAME + "]:" + RTSP_PORT + "/file/mnt/"+FILE_PATH+"'>");
    }
  // IPv4
  }else{
    document.write(" <PARAM name='MediaURL' VALUE='rtsp://" + HOST_NAME + ":" + RTSP_PORT + "/file/mnt/"+FILE_PATH+"'>");
  }
  
  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("</OBJECT>");
  document.close();
}


function onAxobjUnload()
{
  if(AxMediaControl.UIMode)
  {
    AxMediaControl.StopRecord();
    AxMediaControl.Stop();
    //setProtocol(AxMediaControl.MediaProtocol);
  }
}