//ActiveX Object Defines
var AXOBJECT_ID = "AxMediaControl";
var AXOBJECT_PATH = "AxViewer/";
var AXOBJECT_NAME = "AxMediaControl.cab";
var AXOBJECT_VER = "2,0,45,2733";
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 CHANNEL = "0";

var MAXWIDTH = 1280;
var MINWIDTH = 320;

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 = "2";
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 = 1;
var TOOLBAR = 1;
var TOOLTIP = 0;
var CONTEXTMENU = 0;
var TOOLBARCONF = "stream+rec+mic+zoom+time";
var AUTOSTART=1;
var VIEW_SIZE = "320x240";
var vdoWidth = 605;
var vdoHeight = 440;
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 = 50;
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');

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

function refreshImgInFirefox() {

  var imgObj = document.getElementById('jpeg');
  var newURL;
  if (imgObj)
  {
    newURL = "/jpg/image.jpg?" + (new Date()).getTime();
    imgObj.src = newURL;
    imgObj.onload=refreshImgInFirefox;
    imgObj.onerror=refreshImgInFirefox;
  }
}

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

function JPGStart()
{
	imgURL = 'jpg/image.jpg'+"?"+(new Date()).getTime();
	imgSrc.src = imgURL;
	imgSrc.onload=DispImage;
	imgSrc.onerror=DispImage;
}

function Viewer()
{
  var os = getOs();
  var CHANNEL_Res = CHANNEL;
  //Add parameter for 8161 models , MJPEG stream uses Image.I0.Resolution
  if(arguments[0])
  {
      CHANNEL_Res = arguments[0];
  }    
    
  var normalSize = 0, resolutionW = 0, resolutionH = 0, scale, scale2;

    if(INITMODE == "md")
    {
      GetDeviceInfo('Motion.SetupStreamIndex&group=ImageSource.I0.Config.MaxResolution');
      CHANNEL = parseInt(GetQueryVariable('Motion.SetupStreamIndex'));
      normalSize = GetQueryVariable('ImageSource.I0.Config.MaxResolution');
      MAXWIDTH = 640;
      MINWIDTH = 480;
    }
    else if(INITMODE == "ad" || INITMODE == "mask" || (INITMODE == "none" && ADVANCED == 1) )
    {
      GetDeviceInfo('Image.SetupStreamIndex&group=ImageSource.I0.Config.MaxResolution');
      CHANNEL = parseInt(GetQueryVariable('Image.SetupStreamIndex'));
      normalSize = GetQueryVariable('ImageSource.I0.Config.MaxResolution');
      MAXWIDTH = 640;
      MINWIDTH = 480;
    }
    else
    {
    	if(CHANNEL == 3) // JPEG mode
    	{
      		GetDeviceInfo('ImageSource.RecordIndex&group=Image', 'view');
		var recordIndex = GetQueryVariable('ImageSource.RecordIndex');
    		normalSize = GetQueryVariable('Image.I' + recordIndex + '.Resolution');
    	}
	else
	{
      		GetDeviceInfo('Image.I' + CHANNEL_Res + '.Resolution', 'view');
    		normalSize = GetQueryVariable('Image.I' + CHANNEL_Res + '.Resolution');
	}
    }

  if(VIEW_SIZE.indexOf("X")>=0)
  {
    scale = VIEW_SIZE.slice(0,VIEW_SIZE.indexOf("X"));
  }

  if(normalSize.indexOf("x")>=0)
  {
    resolutionW=normalSize.slice(0,normalSize.indexOf("x"));
    resolutionH=normalSize.slice(normalSize.indexOf("x")+1,normalSize.length);
  }

  switch(scale)
  {
    case "1/4":/*1/4*/
      scale = 0.25;
    break;
    case "1/2":/*1/2*/
      scale = 0.5;
    break;
    default:
    case "1":/*1*/     
      scale = 1;
    break;
    case "2":/*2*/
      scale = 2;
    break;
    case "4":/*4*/
      scale = 4;
    break;
  }
  scale2 = scale;
  while((resolutionW*scale2) > MAXWIDTH)
    scale2 = scale2/2;
  while((resolutionW*scale2)  < MINWIDTH)
  {
    scale2 = scale2*2;
    if( scale2 > 1280 )
    {
      break;
    }
  }
  if(scale!=scale2) //force change scale2
  {
    switch(scale2)
    {
      case 0.25:/*1/4*/
        scale = "1/4X";
      break;
      case 0.5:/*1/2*/
        scale = "1/2X";
      break;
      default:
      case 1:/*1*/     
        scale = "1X";
      break;
      case 2:/*2*/
        scale = "2X";
      break;
    }
    if(INITMODE == "none" && ADVANCED == 0)
    	{
    		setViewSize(scale);
    	}
  }

  vdoWidth = resolutionW*scale2;
  vdoHeight = resolutionH*scale2;
  //if(_platform.toLowerCase().indexOf("mac") >= 0)
  if(0)
  {
    GetDeviceInfo('ImageSource.I0.Sensor.Scale');
    var size = GetQueryVariable('ImageSource.I0.Sensor.Scale').split("x");
    
    if(INITMODE == "MotionDetect")
    {AppletWidth=parseInt(size[0])*1.25;AppletHeight=parseInt(size[1]);vdoWidth=parseInt(size[0]);vdoHeight=parseInt(size[1]);}
    else if(INITMODE == "AudioDetect")
    {AppletWidth=parseInt(size[0])*1.25;AppletHeight=parseInt(size[1]);vdoWidth=parseInt(size[0]);vdoHeight=parseInt(size[1]);}
    else if(INITMODE == "PrivateMask")
    {AppletWidth=parseInt(size[0]);AppletHeight=parseInt(size[1]);vdoWidth=parseInt(size[0]);vdoHeight=parseInt(size[1]);}
    else
      {AppletWidth=vdoWidth;AppletHeight=(parseInt(vdoHeight)+72);}
    document.open();
    document.writeln('<object NAME=' + AXOBJECT_ID + ' 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=' + AXOBJECT_ID + ' 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=\"Protocol\" VALUE=\"" + getProtocol() + "\">");
    document.write("	<PARAM  id='InitMode' name='InitMode' VALUE=\"" + INITMODE + "\">");
    document.write("	<PARAM name='StreamChannel'  VALUE=\"" + CHANNEL + "\">");
    document.write("    <PARAM name=\"Language\" VALUE=\"" + PLUGIN_LANG + "\">");
    document.write("    <PARAM name=\"RecorderEn\" VALUE=\"" + RECORDER_SUPPORT + "\">");
    document.write("    <PARAM id='UserName' name=\"UserName\" VALUE=\"" + TEMP_USER_NAME + "\">");
    document.write("    <PARAM id='Password' 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.write("</OBJECT>");
    document.close();
  }
  else if( os == "IE" && CHANNEL!="3"){
	document.open();
	if(INITMODE == "md" || INITMODE == "ad"|| INITMODE == "mask" || (INITMODE == "none" && ADVANCED == 1))
  {
    scale2 = 1
    while((resolutionW*scale2) > MAXWIDTH)
      scale2 = scale2/2;
    while((resolutionW*scale2)  < MINWIDTH)
      scale2 = scale2*2;
    vdoWidth = resolutionW*scale2;
    vdoHeight = resolutionH*scale2;
  }
  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='" + CHANNEL + "'>");
    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\" src=\"/jpg/image.jpg\" onload=\"JPGStart()\" width="+vdoWidth+" onclick=\"refreshImg();\" />");
        document.close();
      }
      objectID = "jpeg";
  }
}

function NormalViewer(width,height)
{
  var os = _platform.toLowerCase();

  if(os.indexOf("mac") >= 0)
  {
    if(INITMODE == "md")
    {return;/*AppletWidth=640;AppletHeight=360;vdoWidth=480;vdoHeight=360;*/}
    else if(INITMODE == "mask")
    {return;/*AppletWidth=480;AppletHeight=360;vdoWidth=480;vdoHeight=360;*/}
    else
    {
      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=\"" + CHANNEL + "\">");
    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(navigator.appName.indexOf("Microsoft") >= 0)
	{
    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='" + CHANNEL + "'>");
    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{
        vdoWidth=640;
        document.open();
        document.write("<img id=\"jpeg\" src=\"/jpg/image.jpg\" onload=\"JPGStart()\" width="+vdoWidth+" onclick=\"refreshImg();\" />");
        document.close();
      }
      objectID = "jpeg";
  }
}

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='3'>");
    document.write(" <PARAM name='MediaChannel' VALUE='" + CHANNEL + "'>");
    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);
    }
}