<!-- saved from url=(0022)http://internet.e-mail -->
<!--Test.HTML-->
<HTML>
<title>TEST</title>
<center>
<H2>TEST</H2>
<OBJECT ID="CameraPanel1" onblur="alert('IPCamX.ocx blur');" onfocus="alert('IPCamX.ocx focus');"
	width=320 height=240 classid="clsid:de258a6b-14b5-49de-9a69-862c0ff7bb03" > 
	<param name="IPAddress" value="192.168.1.1">
	<param name="Port" value="80">
	<param name="CameraTitle" value>
	<param name="Account" value="admin">
	<param name="ShowTitle" value="0">
	<param name="ShowTime" value="0">
	<param name="SetIOnly" value="0">
	<param name="Password" value="admin">
	<param name="CamResolution" value="0">
	<param name="CamQuality" value="0">
	<param name="EnablePopupMenu" value="0">
	<param name="LiveMode" value="1">
	<param name="FrameBufSize" value="100">
	<param name="PlayAudio" value="0">
	<param name="ToolMode" value="1">
	<param name="UndecodeFrameSize" value="0">
	<param name="UseOverlay" value="0">
	<param name="RtspType" value="0">
	<param name="RtspUrlPath" value>
	<param name="VideoChannel" value="0">
	<param name="AudioChannel" value="0">
	<param name="UseMenu" value="0">
</OBJECT>
<script LANGUAGE="VBScript">
    CameraPanel1.UseOverlay=0
	CameraPanel1.IPAddress="192.168.1.168"
	CameraPanel1.Port=80
	CameraPanel1.Account="admin"
	CameraPanel1.Password="admin"
	CameraPanel1.CameraTitle="Ch1"
	CameraPanel1.CamResolution=1
	CameraPanel1.CamQuality=2
	CameraPanel1.ToolMode=1
	CameraPanel1.PlayAudio=1
	CameraPanel1.EnablePopupMenu=1
	CameraPanel1.UseMenu=1
	
	Sub aaaa()
		CameraPanel1.InitCamera()
		CameraPanel1.ConnectCamera()
		CameraPanel1.StartReceiveData()
		CameraPanel1.StartPlay()
		CameraPanel1.OSDString="TEST"
		CameraPanel1.OSDHeight=30
		CameraPanel1.OSDPosY=50
		CameraPanel1.OSDShow()
	End Sub
	
	Sub PlayAudio()
		CameraPanel1.PlayAudio = 1
	End Sub
	
	Sub StopAudio()
		CameraPanel1.PlayAudio = 0
	End Sub
</script>
<script   language="JavaScript">
function testcgi(obj)
{
	var CameraType;
	var Brightness,Hue;
	CameraType=CameraPanel1.GetCGI("GetCameraType.cgi","CameraType");
	CameraType&=0xff;
	if((CameraType>=61 && CameraType<=67) || (CameraType==69) || (CameraType==72)
	|| (CameraType>=81 && CameraType<=83) || (CameraType==89) )//7113 input
	{
		var Brightness,Contrast,Hue,Saturation,i;
		oshowCCD.style.display = "inline";	
		Brightness=CameraPanel1.GetCGI("GetAdjust.cgi","Brightness");
		Contrast=CameraPanel1.GetCGI("GetAdjust.cgi","Contrast");
		Hue=CameraPanel1.GetCGI("GetAdjust.cgi","Hue");
		Saturation=CameraPanel1.GetCGI("GetAdjust.cgi","Saturation");
		for ( i = 0; i < document.forms[1].Brightness.length; i++)  {
			if (document.forms[1].Brightness[i].value == Brightness){
				document.forms[1].Brightness[i].selected = true;
				break;
			}
		}
		for ( i = 0; i < document.forms[1].Contrast.length; i++)  {
			if (document.forms[1].Contrast[i].value == Contrast){
				document.forms[1].Contrast[i].selected = true;
				break;
			}
		}
		for ( i = 0; i < document.forms[1].Hue.length; i++)  {
			if (document.forms[1].Hue[i].value == Hue){
				document.forms[1].Hue[i].selected = true;
				break;
			}
		}
		for ( i = 0; i < document.forms[1].Saturation.length; i++)  {
			if (document.forms[1].Saturation[i].value == Saturation){
				document.forms[1].Saturation[i].selected = true;
				break;
			}
		}						
	}
	else if((CameraType==68) || (CameraType>=73 && CameraType<=76)|| (CameraType==121)|| (CameraType==125) )//CMOS M-pixel input
	{
			oshowMPixel.style.display = "inline";	

		alert("MPixel input");
	}
	else if((CameraType==71) || (CameraType>=77 && CameraType<=80) || (CameraType==122)|| (CameraType==126))//CMOS VGA input
	{
		oshowVGA.style.display = "inline";	

		alert("VGA input");
	}
}
function SetImage_VGA(o)
{
	//alert(document.forms[0].brightness.options[document.forms[0].brightness.selectedIndex].value);
	var tmp=0;
	if(o.name =="Orientation1" || o.name =="Orientation2")
	{
		if(Orientation1.checked)
		{
			tmp|=0x1;
		}
		if(Orientation2.checked)
		{
			tmp|=0x2;
		}		
		var str="SetAdjust.cgi?Orientation="+tmp;
		CameraPanel1.SetCGI(str);
		//alert(camerasrc.src);	
	}
	else
	{

		var str="SetAdjust.cgi?"+ o.name +"="+o.value;
		CameraPanel1.SetCGI(str);
		//alert(camerasrc.src);	
	}
	return true;
}
function SetImage_MPixel(o)
{
//alert(document.forms[0].brightness.options[document.forms[0].brightness.selectedIndex].value);
	var tmp=0;
	if(o.name =="Orientation1" || o.name =="Orientation2")
	{
		if(Orientation1.checked)
		{
			tmp|=0x1;
		}
		if(Orientation2.checked)
		{
			tmp|=0x2;
		}		
		var str="SetAdjust.cgi?Orientation="+tmp;
		CameraPanel1.SetCGI(str);
		//alert(camerasrc.src);	
	}
	else
	{

		var str="SetAdjust.cgi?"+ o.name +"="+o.value;
		CameraPanel1.SetCGI(str);
		//alert(camerasrc.src);	
	}
}
function Image_Default_MPixel()
{
	CameraPanel1.SetCGI("SetAdjust.cgi?Brightness=5&Contrast=3&Exposure=3&Sharpness=3&agc=4&NightMode=4&Orientation=0");
	//camerasrc.src="http://"+URLIP+"/SetAdjust.cgi?Brightness=5&Contrast=3&Exposure=3&Sharpness=3&agc=4&NightMode=4&Orientation=0";
	document.forms[2].Brightness[4].selected= true;
	document.forms[2].Contrast[2].selected= true;
	document.forms[2].Exposure[2].selected= true;
	document.forms[2].Sharpness[2].selected= true;
	document.forms[2].agc[2].selected= true;
	document.forms[2].NightMode[3].selected = true;
	document.forms[2].Orientation1.checked = 0;
	document.forms[2].Orientation2.checked = 0;	
	return true;	
}
function SetImage_CCD(o)
{
	//alert(document.forms[0].brightness.options[document.forms[0].brightness.selectedIndex].value);
	var str="SetAdjust.cgi?"+o.name+"="+o.value;
	CameraPanel1.SetCGI(str);
	return true;
}
function Image_Default_CCD()
{
	CameraPanel1.SetCGI("SetAdjust.cgi?Brightness=16&Contrast=16&Hue=16&Saturation=16");

	//camerasrc.src="http://"+URLIP+"/SetAdjust.cgi?Brightness=16&Contrast=16&Hue=16&Saturation=16";
	document.forms[1].Brightness[5].selected= true;
	document.forms[1].Contrast[5].selected= true;
	document.forms[1].Hue[5].selected= true;
	document.forms[1].Saturation[5].selected= true;
	return true;	
}
function Image_Default_VGA()
{
	CameraPanel1.SetCGI("SetAdjust.cgi?Brightness=5&Contrast=5&Saturation=5&Exposure=3&Sharpness=3&agc=3&blc=1&NightMode=4&Orientation=0");
	//camerasrc.src="http://"+URLIP+"/SetAdjust.cgi?Brightness=5&Contrast=5&Saturation=5&Exposure=3&Sharpness=3&agc=3&blc=1&NightMode=4&Orientation=0";
	document.forms[0].Brightness[4].selected= true;
	document.forms[0].Contrast[4].selected= true;
	document.forms[0].Saturation[4].selected= true;
	document.forms[0].Exposure[2].selected= true;
	document.forms[0].Sharpness[2].selected= true;
	document.forms[0].agc[2].selected= true;
	document.forms[0].blc[0].selected= true;
	document.forms[0].NightMode[3].selected= true;
	document.forms[0].Orientation1.checked=0;
	document.forms[0].Orientation2.checked=0;
	return true;	
}
</script>
<script   language="JavaScript"   FOR="CameraPanel1"   event="OnClick()">   
      alert('Load   ok!');   
</script>
<p>
<INPUT id="Button3" type="button" value="init IPCamX" name="Button3" language="javascript" onclick="aaaa()">
<INPUT id="Button3" type="button" value="Image Setting" name="Button3" language="javascript" onclick="testcgi()">
<INPUT id="Button4" type="button" value="Play Audio" name="Button3" language="javascript" onclick="PlayAudio()">
<INPUT id="Button4" type="button" value="Stop Audio" name="Button3" language="javascript" onclick="StopAudio()">

		</p>

		<div align="center">
		<form>
		<table width="385" height="145" border="0" cellspacing="0" id=oshowVGA style="display: none">
          <tr>
            <td height="21" colspan="4" bgcolor="#CCCCCC"><span id=oImageSetting class="style17">VGA Image Setting</span></td>
          </tr>
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="150"><span id=oBrightness class="style3">Brightness:</span></td>
            <td width="192"><select name="Brightness" class="style3" onChange="SetImage_VGA(this);">
		    <option value="1">-4 (Low)</option>
            <option value="2">-3</option>
            <option value="3">-2</option>
            <option value="4">-1</option>
            <option value="5">0</option>
            <option value="6">1</option>
            <option value="7">2</option>
            <option value="8">3</option>
            <option value="9">4 (High)</option>
          </select></td>
            <td width="140"></td>
          </tr>                             
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="150"><span id=oContrast class="style3">Contrast:</span></td>
            <td width="192"><select name="Contrast"  class="style3" onChange="SetImage_VGA(this);">
            <option value="1">-4 (Low)</option>
            <option value="2">-3</option>
            <option value="3">-2</option>
            <option value="4">-1</option>
		    <option value="5">0</option>
            <option value="6">1</option>
            <option value="7">2</option>
            <option value="8">3</option>
            <option value="9">4 (High)</option>
            </select></td>
            <td width="140"></td>
          </tr>
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="150"><span id=oSaturation class="style3">Saturation:</span></td>
            <td width="192"><select name="Saturation" class="style3" onChange="SetImage_VGA(this);" >
            <option value="1">-4 (Low)</option>
            <option value="2">-3</option>
            <option value="3">-2</option>
            <option value="4">-1</option>
		    <option value="5">0</option>
            <option value="6">1</option>
            <option value="7">2</option>
            <option value="8">3</option>
            <option value="9">4 (High)</option>
          </select></td>
            <td width="140">
			</td>
          </tr>
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="150"><span id=oExposure class="style3">Exposure:</span></td>
            <td width="192"><select name="Exposure" class="style3" onChange="SetImage_VGA(this);" >
            <option value="1">-2 (Low)</option>
            <option value="2">-1</option>
		    <option value="3">0</option>
            <option value="4">1</option>
            <option value="5">2 (High)</option>
          </select></td>
            <td width="140">
			</td>
          </tr> 
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="150"><span id=oSharpness class="style3">Sharpness:</span></td>
            <td width="192"><select name="Sharpness" class="style3" onChange="SetImage_VGA(this);" >
            <option value="1">-2 (Low)</option>
            <option value="2">-1</option>
            <option value="3">0</option>
            <option value="4">1</option>
            <option value="5">2 (High)</option>
          </select></td>
            <td width="140"></td>
			</tr>   
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="150"><span id=oAutomaticGain class="style3">Automatic Gain Control:</span></td>
            <td width="192"><select name="agc" class="style3" onChange="SetImage_VGA(this);" >
            <option value="1">4x</option>
            <option value="2">8x</option>
            <option value="3">16x</option>
            <option value="4">32x</option>
            <option value="5">64x</option> 
            <option value="6">Off</option>            
          </select></td>
            <td width="140"></td>
			</tr> 
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="150"><span id=oBackLight class="style3">Back Light Compensation:</span></td>
            <td width="192"><select name="blc" class="style3" onChange="SetImage_VGA(this);" >
            <option value="1">Full Window</option>
            <option value="2">1/2 Window</option>
            <option value="3">1/4 Window</option>
            <option value="4">1/3 Window</option>
          </select></td>
            <td width="140"></td>
			</tr>
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="150"><span id=oNightMode class="style3">Night Mode:</span></td>
            <td width="192"><select name="NightMode" class="style3" onChange="SetImage_VGA(this);" >
            <option value="1">Max 30 frame rate</option>
            <option value="2">Max 15 frame rate</option>
            <option value="3">Max 7 frame rate</option>
            <option value="4">Max 3 frame rate</option>
          </select></td>
            <td width="140"></td>
			</tr> 
           <tr>
            <td align="left" width="14"></td>
            <td align="left" width="150"><span id=oVideoorientation class="style3">Video Orientation:</span></td>
            <td width="192">
            <input type="checkbox" value="1" name="Orientation1" onclick="SetImage_VGA(this);"><span id=oFlip class="style3">Flip</span>
            <input type="checkbox" value="2" name="Orientation2" onclick="SetImage_VGA(this);"><span id=oMirror class="style3">Mirror</span>
            </td>
            <td width="140"><input type="button" onclick="Image_Default_VGA();" class="style3" id=oDefault value="Default" style="float: left">
			</td>         
          </tr>               
          </table></div>
        </form>
        <form>
		<div align="center">
		<table width="385" height="145" border="0" cellspacing="0" id=oshowCCD style="display: none">
          <tr>
            <td height="21" colspan="4" bgcolor="#CCCCCC"><span id=oImageSetting class="style17">CCD Image Setting</span></td>
          </tr>
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="147"><span id=oBrightness class="style3">Brightness:</span></td>
            <td width="97"><select name="Brightness" class="style3" onChange="SetImage_CCD(this);">
            <option value="2">-5 (Low)</option>
            <option value="5">-4</option>
            <option value="8">-3</option>
            <option value="11">-2</option>
            <option value="14">-1</option>
		    <option value="16">0</option>
            <option value="18">1</option>
            <option value="21">2</option>
            <option value="24">3</option>
            <option value="27">4</option>
            <option value="30">5 (High)</option>
          </select></td>
            <td width="126"></td>
          </tr>                             
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="147"><span id=oContrast class="style3">Contrast:</span></td>
            <td width="97"><select name="Contrast"  class="style3" onChange="SetImage_CCD(this);">
            <option value="2">-5 (Low)</option>
            <option value="5">-4</option>
            <option value="8">-3</option>
            <option value="11">-2</option>
            <option value="14">-1</option>
		    <option value="16">0</option>
            <option value="18">1</option>
            <option value="21">2</option>
            <option value="24">3</option>
            <option value="27">4</option>
            <option value="30">5 (High)</option>
            </select></td>
            <td width="126"></td>
          </tr>
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="147"><span id=oHue class="style3">Hue:</span></td>
            <td width="97"><select name="Hue" class="style3" onChange="SetImage_CCD(this);">
            <option value="2">-5  (Low)</option>
            <option value="5">-4</option>
            <option value="8">-3</option>
            <option value="11">-2</option>
            <option value="14">-1</option>
		    <option value="16">0</option>
            <option value="18">1</option>
            <option value="21">2</option>
            <option value="24">3</option>
            <option value="27">4</option>
            <option value="30">5 (High)</option>
          </select></td>
            <td width="126"></td>
          </tr> 
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="147"><span id=oSaturation class="style3">Saturation:</span></td>
            <td width="97"><select name="Saturation" class="style3" onChange="SetImage_CCD(this);" >
            <option value="2">-5 (Low)</option>
            <option value="5">-4</option>
            <option value="8">-3</option>
            <option value="11">-2</option>
            <option value="14">-1</option>
		    <option value="16">0</option>
            <option value="18">1</option>
            <option value="21">2</option>
            <option value="24">3</option>
            <option value="27">4</option>
            <option value="30">5 (High)</option>
          </select></td>
            <td width="126">
			<input type="button" onclick="Image_Default_CCD();" class="style3" id=oDefault value="Default" style="float: left"></td>
          </tr>
          </table></div>
          </form>
        <form>
		<div align="center">
		<table width="385" height="145" border="0" cellspacing="0" id=oshowMPixel style="display: none">
          <tr>
            <td height="21" colspan="4" bgcolor="#CCCCCC"><span id=oImageSetting class="style17">M-Pixel Image Setting</span></td>
          </tr>
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="146"><span id=oBrightness class="style3">Brightness:</span></td>
            <td width="172"><select name="Brightness" class="style3" onChange="SetImage_MPixel(this);">
		    <option value="1">-4 (Low)</option>
            <option value="2">-3</option>
            <option value="3">-2</option>
            <option value="4">-1</option>
            <option value="5">0</option>
            <option value="6">1</option>
            <option value="7">2</option>
            <option value="8">3</option>
            <option value="9">4 (High)</option>
          </select></td>
            <td width="164"></td>
          </tr>                             
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="146"><span id=oContrast class="style3">Contrast:</span></td>
            <td width="172"><select name="Contrast"  class="style3" onChange="SetImage_MPixel(this);">
            <option value="1">-2 (Low)</option>
            <option value="2">-1</option>
		    <option value="3">0</option>
            <option value="4">1</option>
            <option value="5">2 (High)</option>            
            </select></td>
            <td width="164"></td>
          </tr>
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="146"><span id=oExposure class="style3">Exposure:</span></td>
            <td width="172"><select name="Exposure" class="style3" onChange="SetImage_MPixel(this);" >
            <option value="1">-2 (Low)</option>
            <option value="2">-1</option>
		    <option value="3">0</option>
            <option value="4">1</option>
            <option value="5">2 (High)</option>
          </select></td>
            <td width="164">
			</td>
          </tr>          
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="146"><span id=oSharpness class="style3">Sharpness:</span></td>
            <td width="172"><select name="Sharpness" class="style3" onChange="SetImage_MPixel(this);" >
            <option value="1">-2 (Low)</option>
            <option value="2">-1</option>
		    <option value="3">0</option>
            <option value="4">1</option>
            <option value="5">2</option>
            <option value="6">3</option>
            <option value="7">4 (High)</option>
          </select></td>
            <td width="164"></td>
          </tr>
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="146"><span id=oAutomaticGain class="style3">Automatic Gain Control:</span></td>
            <td width="172"><select name="agc" class="style3" onChange="SetImage_MPixel(this);" >
            <option value="2">4x</option>
            <option value="3">8x</option>
            <option value="4">16x</option>
            <option value="5">32x</option>
            <option value="6">64x</option> 
          </select></td>
            <td width="164"></td>
			</tr> 
          <tr>
            <td align="left" width="14"></td>
            <td align="left" width="146"><span id=oNightMode class="style3">Night Mode:</span></td>
            <td width="172"><select name="NightMode" class="style3" onChange="SetImage_MPixel(this);" >
            <option value="1">Max 30 frame rate</option>
            <option value="2">Max 15 frame rate</option>
            <option value="3">Max 7 frame rate</option>
            <option value="4">Max 3 frame rate</option>
          </select></td>
            <td width="164"></td>
			</tr> 
 			  				 			   
           <tr>
            <td align="left" width="14"></td>
            <td align="left" width="146"><span id=oVideoorientation class="style3">Video Orientation:</span></td>
            <td width="172">
            <input type="checkbox" value="1" name="Orientation1" onclick="SetImage_MPixel(this);" ><span id=oFlip class="style3">Flip</span>
            <input type="checkbox" value="2" name="Orientation2" onclick="SetImage_MPixel(this);"><span id=oMirror class="style3">Mirror</span>
            </td>
            <td width="164"><input type="button" onclick="Image_Default_MPixel();" class="style3" id=oDefault value="Default" style="float: left">
			</td>         
          </tr>                               
          </table></div>
          </form>

</HTML>