<!--

function movepic(img_name, img_src)
{
  document[img_name].src = img_src;
}

function drawBoxHeader(title, title_class)
{
  var args = drawBoxHeader.arguments;
  var fill = (args.length >= 3 ? args[2] : false);

  document.write('' +
		'<table width="100%" height="46" cellpadding=0 cellspacing=0 border=0>' +
		'<tr>' +
		'<td colspan=2 width=5 background="incl/outline/gray_corner_lt_5x50px.gif"><img src="incl/outline/blank.gif" width=5 height=5 border=0 alt=""></td>' +
		'<td valign="top" align="center" width="100%" background="incl/outline/gray_t_5x50px.gif" height="5" class="' + title_class + '" nowrap>' + title + '</td>' +
		'<td colspan=2 width=5  background="incl/outline/gray_corner_rt_5x50px.gif"><img src="incl/outline/blank.gif" width=5 height=5 border=0 alt=""></td>' +
		'</tr>' +
		'<tr>' +
		'<td width=1 bgcolor="#cccccc"><img src="incl/outline/blank.gif" width=1 height=5 alt=""></td>' +
		'<td width=4><img src="incl/outline/blank.gif" width=4 height=5 alt=""></td>' +
		'<td valign="middle" align="center" width="100%">' +
		'<table cellpadding=0 cellspacing=0 border=0>' +
		'<tr>');
}

function drawBoxHeader_Viewer(title, title_class, motion, record)
{
  var args = drawBoxHeader_Viewer.arguments;
  var fill = (args.length >= 3 ? args[2] : false);

  document.write('' +
		'<table width="100%" height="46" cellpadding=0 cellspacing=0 border=0>' +
		'<tr>' +
		'<td colspan=2 width=5 background="incl/outline/gray_corner_lt_5x50px.gif"><img src="incl/outline/blank.gif" width=5 height=5 border=0 alt=""></td>' +
		'<td valign="top" width="100%" background="incl/outline/gray_t_5x50px.gif" height="5">' +
		'<table><tr>' + 
		'<td valign="top" align="left" width=100 height="5" class="' + title_class + '" nowrap>&nbsp;</td>' +
		'<td valign="top" align="center" width="100%" height="5" class="' + title_class + '" nowrap>' + title + '</td>' +
		'<td valign="top" align="right" width=100 height="5" class="' + title_class + '" nowrap>' + 
		'<img name="' + motion + '" src="image/null.jpg" width=16 height=16 alt="">' + 
		'<img name="' + record + '" src="image/null.jpg" width=16 height=16 alt="">' + 
		'</td>' +
		'</tr></table></td>' +
		'<td colspan=2  width=5  background="incl/outline/gray_corner_rt_5x50px.gif"><img src="incl/outline/blank.gif" width=5 height=5 border=0 alt=""></td>' +
		'</tr>' +
		'<tr>' +
		'<td width=1 bgcolor="#cccccc"><img src="incl/outline/blank.gif" width=1 height=5 alt=""></td>' +
		'<td width=4><img src="incl/outline/blank.gif" width=4 height=5 alt=""></td>' +
		'<td valign="middle" align="center" width="100%">' +
		'<table cellpadding=0 cellspacing=0 border=0>' +
		'<tr>');
}

function drawBoxFooter()
{
  document.write('' +
		'</tr>' +
		'</table>' +
		'</td>' +
		'<td width=4><img src="incl/outline/blank.gif" width=4 height=5 alt=""></td>' +
		'<td width=1 bgcolor="#cccccc"><img src="incl/outline/blank.gif" width=1 height=5 alt=""></td>' +
		'</tr>' +
		'<tr>' +
		'<td colspan=2 width=5 height=5><img src="incl/outline/line_corner_lb_5x5px.gif" width=5 height=5 border=0 alt=""></td>' +
		'<td width="100%" height=5 background="incl/outline/line_b_100x5px.gif"><img src="incl/outline/blank.gif" width=1 height=5 alt=""></td>' +
		'<td colspan=2 width=5 height=5><img src="incl/outline/line_corner_rb_5x5px.gif" width=5 height=5 border=0 alt=""></td>' +
		'</tr>' +
		'</table>');
}

function drawBoxButton(pic, title)
{
  var args = drawBoxButton.arguments;
  var url =      (args.length >= 3 ? args[2] : null);
  var name =     (args.length >= 4 ? args[3] : null);
  var pressed =  (args.length >= 5 ? args[4] : null);
  var on_click = (args.length >= 6 ? args[5] : null);
  var width =    (args.length >= 7 ? args[6] : 27);
  var height =   (args.length >= 8 ? args[7] : 27);

  if (url) {
    if (name) {
      document.write('<td valign="middle" align="left">' +
                     '<a href="' + url + '" target="_self"' +
                     (on_click ? ' onclick="' + on_click+ '"' : '') +
                     ' onMouseDown="movepic(\'' + name + '\', \'' + pressed + '\')"' +
                     ' onMouseUp="movepic(\'' + name + '\', \'' + pic + '\')"' +
                     '>' +
                     '<img name="' + name + '" src="' + pic + '" ' +
                     'width=' + width + ' height=' + height + ' border=0 ' +
                     (title ? ' title="' + title + '" alt="' + title + '"' : '') +
                     '>' +
                     '</a>' +
                     '</td>');
    } else {
      document.write('<td valign="middle" align="left">' +
                     '<a href="' + url + '" target="_self"' +
                     (on_click ? ' onclick="' + on_click+ '"' : '') +
                     '>' +
                     '<img src="' + pic + '" ' +
                     'width=' + width + ' height=' + height + ' border=0 ' +
                     (title ? ' title="' + title + '" alt="' + title + '"' : '') +
                     '>' +
                     '</a>' +
                     '</td>');
    }
  } else {
    document.write('<td valign="middle" align="left">' +
                   '<img src="' + pic + '" ' +
                   'width=' + width + ' height=' + height + ' border=0' +
                   (title ? ' title="' + title + '" alt="' + title + '"' : '') +
                   '>' +
                   '</td>');
  }
}

function drawBoxSpacer()
{
  document.write('<td width=5><img src="incl/outline/blank.gif" width=5 height=5 alt=""></td>');
}

function startOutline()
{
  document.write('' +
		'<table width="100%" cellspacing=0 cellpadding=0 border=0>' +
		'<tr>' +
		'<td colspan=2><img src="incl/outline/line_corner_lt_5x5px.gif" width=5 height=5 border=0 alt=""></td>' +
		'<td colspan=4 background="incl/outline/line_t_100x5px.gif"><img src="incl/outline/line_t_100x5px.gif" width="100%" height=5 border=0 alt="">' +
		'</td>' +
		'<td colspan=2><img src="incl/outline/line_corner_rt_5x5px.gif" width=5 height=5 border=0 alt=""></td>' +
		'</tr>' +
		'<tr>' +
		'<td bgcolor="#cccccc"><img src="incl/outline/blank.gif" width="1" border=0 alt=""></td>' +
		'<td><img src="incl/outline/blank.gif" width="4" height=1 border=0 alt=""></td>' +
		'<td colspan=4 valign="middle" align="left" width="100%">');
}

function stopOutline()
{
  document.write('' +
		'</td>' +
		'<td><img src="incl/outline/blank.gif" width="4" border=0 alt=""></td>' +
		'<td bgcolor="#cccccc"><img src="incl/outline/blank.gif" width=1 height=1 alt=""></td>' +
		'</tr>' +
//		'<tr>' +
//		'<td bgcolor="#cccccc"><img src="incl/outline/blank.gif" width=1 height=5 alt=""></td>' +
//		'<td colspan=6><img src="incl/outline/blank.gif" width=1 height=5 alt=""></td>' +
//		'<td bgcolor="#cccccc"><img src="incl/outline/blank.gif" width=1 height=5 alt=""></td>' +
//		'</tr>' +
		'<tr>' +
		'<td colspan=2><img src="incl/outline/line_corner_lb_5x5px.gif" width=5 height=5 alt=""></td>' +
		'<td colspan=4 background="incl/outline/line_b_100x5px.gif"><img src="incl/outline/blank.gif" width="100%" height=5 alt=""></td>' +
		'<td colspan=2><img src="incl/outline/line_corner_rb_5x5px.gif" width=5 height=5 alt=""></td>' +
		'</tr>' +
//		'<tr>' +
//		'<td colspan=8><img src="incl/outline/blank.gif" width=1 height=5 border=0 alt=""></td>' +
//		'</tr>' +
		'</table>');
}

function drawHeader(top_menu_url, top_menu_name, top_menu_style, change_user_url)
{
	startOutline(); 

	document.write(''
		+ '<table border=0 cellspacing=0 cellpadding=0 width="100%">'
		+ '<tr>');

	if (gCompanyLogo == '')
	{
		document.write('<td width="200" align="left">&nbsp;</td>');
	}
	else
	{
		if (gCompanyURL == '')
		{
			document.write('<td width="200" align="left">'
				+ '<img src="image/' + gCompanyLogo + '" width="136" height="20" valign="middle" border=0 ');
			document.write('alt="' + gCompanyName + '"></td>');
		}
		else
		{
			document.write('<td width="200" align="left">'
				+ '<a href="' + gCompanyURL + '" target=_blank>'
				+ '<img src="image/' + gCompanyLogo + '" width="136" height="20" valign="middle" border=0 ');
			document.write('alt="' + gCompanyName + '"></a></td>');
		}
	}
	
	if (top_menu_name == 'Setup')
	{
		document.write('<td class="title" width="330" align="center">Live View</td>');
	}
	else
	{
		document.write('<td class="title" width="200" align="center">Setup</td>');
	}

	document.write('<td width="95" align="right" valign="bottom" >'
		+ '<a href="' + top_menu_url + '" class="' + top_menu_style + '">' + top_menu_name + '</a>'
		+ '</td>'
		+ '<td width="100" align="right" valign="bottom" >'
		+ '<a href="' + change_user_url + '" class="' + top_menu_style + '">Change User</a>'
		+ '</td>'
		+ '<td width="5">&nbsp;</td>'
		+ '</tr>'
		+ '</table>');

	stopOutline(); 
}

function drawFooter()
{
    return;
	if (gCompanyFooterString == '')
	{
		return;
	}
	
	startOutline(); 

	document.write(''
		+ '<table>'
		+ '<tr>'
		+ '<td width="730" valign="bottom">');
	
	document.write('<em>Copyright ©' + gCompanyFooterString + ' All rights reserved.</em>');
	
	document.write(''
		+ '</td>'
		+ '</tr>'
		+ '</table>');
		
	stopOutline(); 
}

function drawSetupMenu(selected_menu)
{
	startOutline();
	
	document.write('<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr>');

	if (selected_menu == 'system')
	{
		document.write('<td align="center" class="setup_menu"><a href="system.html" style="color:#660000">System</a></td>');
	}
	else
	{
		document.write('<td align="center" class="setup_menu"><a href="system.html" style="color:#666600">System</a></td>');
	}
	
	if (gvGetValue('SYS_MODE') != 1)
	{
		if (selected_menu == 'video')
		{
			document.write('<td align="center" class="setup_menu"><a href="video.html" style="color:#660000">Video</a></td>');
		}
		else
		{
			document.write('<td align="center" class="setup_menu"><a href="video.html" style="color:#666600">Video</a></td>');
		}
	}
		
	if (selected_menu == 'audio')
	{
		document.write('<td align="center" class="setup_menu"><a href="audio.html" style="color:#660000">Audio</a></td>');
	}
	else
	{
		document.write('<td align="center" class="setup_menu"><a href="audio.html" style="color:#666600">Audio</a></td>');
	}
		
	if (selected_menu == 'network')
	{
		document.write('<td align="center" class="setup_menu"><a href="network.html" style="color:#660000">Network</a></td>');
	}
	else
	{
		document.write('<td align="center" class="setup_menu"><a href="network.html" style="color:#666600">Network</a></td>');
	}

	if (selected_menu == 'serial')
	{
		document.write('<td align="center" class="setup_menu"><a href="serial.html" style="color:#660000">Serial</a></td>');
	}
	else
	{
		document.write('<td align="center" class="setup_menu"><a href="serial.html" style="color:#666600">Serial</a></td>');
	}

	if (selected_menu == 'event')
	{
		document.write('<td align="center" class="setup_menu"><a href="event.html" style="color:#660000">Event</a></td>');
	}
	else
	{
		document.write('<td align="center" class="setup_menu"><a href="event.html" style="color:#666600">Event</a></td>');
	}

	if (window.name == 'mainFrame')
	{
		if (selected_menu == 'preset')
		{
			document.write('<td align="center" class="setup_menu"><a href="preset.html" style="color:#660000">Preset</a></td>');
		}
		else
		{
			document.write('<td align="center" class="setup_menu"><a href="preset.html" style="color:#666600">Preset</a></td>');
		}
	}
	
	if (gvGetValue('SYS_MODE') != 0)
	{
		if (selected_menu == 'display')
		{
			document.write('<td align="center" class="setup_menu"><a href="display.html" style="color:#660000">Display</a></td>');
		}
		else
		{
			document.write('<td align="center" class="setup_menu"><a href="display.html" style="color:#666600">Display</a></td>');
		}
	}

	if (gvGetValue('SYS_MODE') == 0)
	{
	    if ('0' == '0')
	    {
		    if (selected_menu == 'record')
		    {
			    document.write('<td align="center" class="setup_menu"><a href="record.html" style="color:#660000">Record</a></td>');
		    }
		    else
		    {
			    document.write('<td align="center" class="setup_menu"><a href="record.html" style="color:#666600">Record</a></td>');
		    }
	    }
	}

	if (selected_menu == 'user')
	{
		document.write('<td align="center" class="setup_menu"><a href="user.html" style="color:#660000">User</a></td>');
	}
	else
	{
		document.write('<td align="center" class="setup_menu"><a href="user.html" style="color:#666600">User</a></td>');
	}
	
	if ('0' != '0')
	{
		if (selected_menu == 'camera')
		{
			document.write('<td align="center" class="setup_menu"><a href="camera.html" style="color:#660000">Camera</a></td>');
		}
		else
		{
			document.write('<td align="center" class="setup_menu"><a href="camera.html" style="color:#666600">Camera</a></td>');
		}
	}

	document.write('</tr></table>');

	stopOutline();
}

alpha_numeric = new String("0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ")

function check_alphanumber(str)
{
        for(j = 0 ; j < str.length; j++)
        {
                rtn = is_alpha_numeric(str.charAt(j))
                if(rtn == false)
                {
                        return rtn;
                }
        }
        return rtn;
}

function is_alpha_numeric(cha1)
{
        for(i=0;i<alpha_numeric.length;i++)
        {
                if(alpha_numeric.charAt(i) == cha1)
                        return true;
        }
        return false;
}

function IsAlpha(c)
{
        if (c >= '0' && c <= '9')
                return 1;
        if (c >= 'a' && c <= 'z')
                return 1;
        if (c >= 'A' && c <= 'Z')
                return 1;
        else return 0;
}

//-->
