var oemcolor = '"#009999"';
var headlinkcolor = '"#FFFFFF"';

var isVAV = false;



var WEBSITE_OPTION = 
  "<option value=\"http://www.IQinVision.com/\">www.IQinVision.com</option>\n";


var isPTZ =  "Err::Unknown OID on 1.4.7"; 
isPTZ =  (isPTZ == "YES" || isPTZ == "yes" || isPTZ == "Yes") ? true:false;
var isOEM =  "0";
isOEM =  (isOEM == "1") ? true:false;

var isGE = "IQinVision";
isGE = (isGE == "GE") ? true:false;

var prodID = "7a";
var prodName = "IQ863W";
var codeName = "Shrike";
var isCsMountSparrow = "2";
    isCsMountSparrow = (isCsMountSparrow=="1")?true:false;

var isCamera_2 = prodID.match("1"); 

var isCamera_3 = (prodID == "2a") || (prodID == "2f") || (prodID == "29");
var isPrievent = (prodID == "2f");



var isCamera_8 = (prodID=="4d");

var isCamera_7 = (prodID=="3b") || (prodID=="4d");
var isCamera_5 = (prodID=="3c") || (prodID=="3b");
var isCamera_500 = (prodID=="3c");

var isCamera_6 = (prodID=="2d") || (prodID=="3c") || (prodID=="3b") ||
(prodID=="5a") || (prodID=="5b") || (prodID=="4d") || (prodID=="6a")
|| (prodID=="6b") || (prodID=="7a") || (prodID=="7c") || (prodID=="8a")||(prodID=="9a");

var isPunix = (prodID=="2d") || (prodID=="3c") || (prodID=="3b") ||
(prodID=="4d");
var isCamera_54x = (prodID=="5a"); 
var isCamera_04x = (prodID=="5b"); 
var isMole = isCamera_54x || isCamera_04x;
var isCamera_73 = (prodID=="6a");  
var isCamera_D3 = (prodID=="6b");  
var isFalcon = isCamera_73 || isCamera_D3;

var isCamera_832 = (codeName == "Walleye");

var isCamera_86x = (codeName == "Shrike");


var isCamera_A3 = (codeName == "Harpoon" || codeName == "Hellfire");

var isCamera_76x = (codeName == "Polaris");
var isMaverick = (codeName == "Maverick");
var isTrident = (codeName == "Trident");
var isTyphoon = (codeName == "Typhoon");
var isAtlas = (codeName == "Atlas");
var isCondor = (prodID=="7a" || prodID=="7c");
var isHawk = (isAtlas);
var isSparrow = (codeName == "Sparrow");
var isHarrier = isSparrow;
var isRaptor = (isFalcon || isCondor || isHawk || isHarrier);
var isLocoVision = (codeName == "LocoVision");

var is16by9 = ("4:3" == "16:9");




var hasCameo = isCamera_7;
var hasNightModeSupport = !isCamera_2;
var hasHotSpotSupport = isCamera_2; 
var hasPCCardSupport = 0; 
hasPCCardSupport = (hasPCCardSupport > 0) ? true:false;
var hasAudioSupport = "0"; 
hasAudioSupport = (hasAudioSupport>0) ? true:false;
var hasIrisConnector = "0"; 
hasIrisConnector = (hasIrisConnector > 0) ? true:false;
var hasMotionSupport = "1"; 
hasMotionSupport = (! hasMotionSupport.match("Err::Unknown OID"));
var hasColorSupport = "1"; 
hasColorSupport = (hasColorSupport!=0) ? true:false;
var hasPrivacySupport = isCondor||isHawk||isHarrier;
var hasExposureSupport = (isCamera_5 || isCamera_7 || !isCamera_6) ? true:false;
var hasAWBSupport = (isCamera_5 || isCamera_7 || !isCamera_6) ? true:false;
var hasPriAAASupport = (isCamera_5 || isCamera_7 || !isCamera_6) ? true:false;
var hasTriggerInputSupport = (isCamera_7 || isCamera_6) ? true:false;
var hasAnalogOut = (isCamera_7 || isCamera_8 || isCamera_73 || isCamera_54x || isCamera_A3 || isCamera_76x || isHawk || isHarrier)? true:false;
var hasIRIlluminatorSupport = (isTrident || isTyphoon || ((isSparrow)&&(!isCsMountSparrow))) ? true:false;

if(isLocoVision && "0" == "1") 
    hasIRIlluminatorSupport = true;
    
if("2" == "10" && isTrident)
	hasIRIlluminatorSupport = false;		

var Culture = 'en-US';
var imagerName = "IQT33";
var hasNasSupport = "disabled";
hasNasSupport = false;
var has264Support = "1";
if (has264Support == "1") has264Support = 1;
else has264Support = 0;

if (imagerName == "IQ003") {
     
     hasCameo = false;
}

if (isMole) {
     hasExposureSupport = false;
}

var hasRecorderSupport = false;

var hasAccessSupport;
if (isVAV) {
     hasAccessSupport = false;
}
else {
     hasAccessSupport = "true".toLowerCase();
     if (hasAccessSupport == "true" ||
	 hasAccessSupport == "demo") {
	  hasAccessSupport = true;
     }
     else {
	  hasAccessSupport = false;
     }
}

var hasEventSupport;
hasEventSupport = "true".toLowerCase();
if (hasEventSupport == "true" ||
    hasEventSupport == "demo") {
    hasEventSupport = true;
}
else {
    hasEventSupport = false;
}

var hasIOTabSupport = (!isMole && (isCamera_7 || !isCamera_5) && !isCamera_D3 && !isTyphoon);
var hasRelaySupport = (!isMole && (isCamera_7 || !isCamera_5) && !isCamera_D3 && !isTyphoon);
var hasDTSSupport=false;

if (isRaptor) {
    hasExposureSupport = true;
    hasMotionSupport = true;
    hasPCCardSupport = true;
    
    hasDTSSupport = "true".toLowerCase();
    if (hasDTSSupport == "true" ||
	hasDTSSupport == "demo") {
	hasDTSSupport = true;
    }
    else {
	hasDTSSupport = false;
    }
    hasCameo = false;
	if(isTyphoon){
    hasTriggerInputSupport = false;
	}
	else{
		hasTriggerInputSupport = true;
	}
    if("Amba".toUpperCase() == "IQ") {
	hasAWBSupport = true;
	hasPriAAASupport = true;
	hasExposureSupport = false; 
	
    }
}

var isMaverickIO = "0";
if(isMaverickIO == "1") isMaverickIO = true;
else isMaverickIO = false;

if(isMaverickIO) {
    hasTriggerInputSupport = true;
    hasAnalogOut = true;
    hasIOTabSupport = true;
    hasRelaySupport = true;
} else {
    if(isMaverick || isTrident || isLocoVision) {
        hasTriggerInputSupport = false;
        hasAnalogOut = false;
        hasIOTabSupport = false;
        hasRelaySupport = false;
    }
}

var hasWDRSupport = "1";
if (hasWDRSupport == "1") hasWDRSupport = true;
else hasWDRSupport = false;

if (isCamera_D3) { 
    hasPCCardSupport = false;
    hasTriggerInputSupport = false;
}

var hasBackfocusSupport = "1";
if (hasBackfocusSupport == "1") {
    hasBackfocusSupport = true;
    if(isCamera_86x) {
	
	hasPCCardSupport = false;
    }
} else hasBackfocusSupport = false;
var hasAFLensSupport = "0";
if (hasAFLensSupport == "1"){
    hasAFLensSupport = true;
}else hasAFLensSupport = false;

var hasApplicationSupport = isCondor;

var authMode = "basic"; 
authMode = authMode.toLowerCase();






var serverNameString = "IQEYE3B5877";














var liveStreamJpegPortrait = false;
if(isCondor) {
    if("jpeg".toUpperCase() == "JPEG") {
        if("0"=="90" || "0"=="270") {
            liveStreamJpegPortrait = true;
        }
    }
    else if("jpeg".toUpperCase() == "JPEG") {
        if("0"=="90" || "0"=="270") {
            liveStreamJpegPortrait = true;
        }
    }
    else if("none".toUpperCase() == "JPEG") {
        if("0"=="90" || "0"=="270") {
            liveStreamJpegPortrait = true;
        }
    }
    else if("jpeg".toUpperCase() == "JPEG") {
        if("0"=="90" || "0"=="270") {
            liveStreamJpegPortrait = true;
        }
    }
}

var settings = new Object();	 
var viewing = new Object();      




function linkAction(link) {
    if (document.images) 
	return "javascript:self.location.replace('" + link + "')";
    else return link;
}

var livevidhref = '<a href="' + linkAction("/") 
                + '"><font color=#FFFFCC><b>LIVE</b></font></a>';

var playbackhref = '<a href="' + linkAction("playback.html") 
                 + '"><font color=#FFFFCC><b>PLAYBACK</b></font></a>';

if (isVAV) {
   livevidhref = '<a href="' + linkAction("/") 
                + '"><font color=#FFFFCC><b>ALARM</b></font></a>';
   playbackhref="";
}

function initSettingsNavBar() {
    var i = 0;
    var navbar = settings;
    var livetext;
    var livetext_name;

    if (isVAV) {
	livetext = "alarm";
	livetext_name = "alarm";
    }
    else {
	livetext = "live";
	livetext_name = "live";
    }

    navbar.columns = 4; 
    navbar.tabwidth = 50;
    navbar.names = new Array();
    navbar.title = "settings"
    navbar.text = new Array();
    navbar.tabtext = new Array(); 
    navbar.values = new Array();
    navbar.tabheight = 13;


    navbar.names[i] = livetext_name;
    navbar.values[i] = "dptzvid.html";
    navbar.tabtext[i] = livetext;    
    navbar.text[i++] = livetext;

    if (hasCameo) {
	navbar.columns += 4;
	navbar.names[i] = "cameo";
	navbar.values[i] = "cameo.html";
	navbar.tabtext[i] = "cameo";    
	navbar.text[i++] = "cameo";
    }

    navbar.columns += 4;
    navbar.names[i] = "basic";
    navbar.values[i] = "basicset.html";
    navbar.tabtext[i] = "setup";    
    navbar.text[i++] = "setup";

    navbar.columns += 4;
    navbar.names[i] = "window";
    if (isVAV) {   
        navbar.values[i] = "exposure.html";
    }
    else if (isRaptor) {
	navbar.values[i] = "motionset.html";
    }
    else {
        navbar.values[i] = "cropset.html";
    }
    navbar.tabtext[i] = "window";    
    navbar.text[i++] = "window settings";

    navbar.columns += 4;
    navbar.names[i] = "server"; 
    if (isRaptor)   
	navbar.values[i] = "basicnet.html";
    else
	navbar.values[i] = "serverset.html";
    navbar.tabtext[i] = "network";    
    navbar.text[i++] = "network settings";

    navbar.columns += 4;
    navbar.names[i] = "access";   
    navbar.values[i] = "accessset.html";
    navbar.tabtext[i] = "security";    
    navbar.text[i++] = "security settings";

    if (isRaptor && hasEventSupport) {
      navbar.columns += 4;
      navbar.names[i] = "event";  
      navbar.values[i] = "event.html";
      navbar.tabtext[i] = "event";    
      navbar.text[i++] = "event settings";
    }

    if (isRaptor && hasDTSSupport) {
      navbar.columns += 4;
      navbar.names[i] = "dts";  
      navbar.values[i] = "dts.html";
      navbar.tabtext[i] = "DTS";    
      navbar.text[i++] = "DTS Settings";
    }
    if (hasNasSupport){
      navbar.columns +=4;
      navbar.names[i] = "nas";
      navbar.values[i] = "nas.html";
      navbar.tabtext[i] = "NAS";
      navbar.text[i++] = "NAS Settings";
    }

    if (hasIOTabSupport) {
      navbar.columns += 4;
      navbar.names[i] = "io";
      navbar.values[i] = "ioset.html";
      navbar.tabtext[i] = "i/o";    
      navbar.text[i++] = "i/o settings";
    }

    if (!isVAV && !isPrievent && hasPCCardSupport && isCamera_3) {
        navbar.columns += 4;
        navbar.names[i] = "pccard";    
        navbar.values[i] = "pccardset.html";
        navbar.tabtext[i] = "wi-fi";    
        navbar.text[i++] = "wi-fi settings";
    } 
 
    if (!isMole && !isVAV && hasAccessSupport && !isOEM) {
        navbar.columns += 4;
        navbar.names[i] = "iqaccess";  
        navbar.tabtext[i] = "IQaccess";    
	navbar.values[i] = "iqaccess.html";
        navbar.text[i++] = "IQaccess settings";
    }

    if (!isVAV && !isMole && !isRaptor) {
        navbar.columns += 4;
        navbar.names[i] = "multiview";
        navbar.values[i] = "multiviewset.html";
        navbar.tabtext[i] = "multiview";    
        navbar.text[i++] = "multiview settings";
    }
    if (isCondor && !(isOEM&&!isGE)) {
        navbar.columns += 4;
        navbar.names[i] = "applications";
        navbar.tabtext[i] = "applications";
        navbar.values[i] = "appsman.html";
        navbar.text[i++] = "applications";
    }




}


function initViewingNavBar() {
    var i = 0;
    var navbar = viewing;
    var livetext;
    var livetext_name;

    if (isVAV) {
	livetext = "alarm";
	livetext_name = "alarm";
    }
    else {
	livetext = "live";
	livetext_name = "live";
    }

    navbar.columns = 0; 
    navbar.tabwidth = 50;
    navbar.names = new Array();
    navbar.title = "viewing"
    navbar.text = new Array();
    navbar.tabtext = new Array(); 
    navbar.values = new Array();
    navbar.tabheight = 13;

    navbar.columns += 4;
    navbar.names[i] = livetext_name;
    navbar.values[i] = "dptzvid.html";
    navbar.tabtext[i] = livetext;    
    navbar.text[i++] = livetext;

    if (hasCameo) {
	navbar.columns += 4;
	navbar.names[i] = "cameo";
	navbar.values[i] = "cameo.html";
	navbar.tabtext[i] = "cameo";    
	navbar.text[i++] = "cameo";
    }

    var cur = currPage();
    if (hasCameo &&
	((cur == "cameo.html") ||
	 (cur == "cameoset.html") ||
	 
	 (cur == "" && ("Err::Unknown OID on 7.2" == "cameo.html")))) {
	navbar.columns += 4;
	navbar.names[i] = "cameo set";
	navbar.values[i] = "cameoset.html";
	navbar.tabtext[i] = "cameo settings";    
	navbar.text[i++] = "cameo settings";
    }

    navbar.columns += 4;
    navbar.names[i] = "basic";
    navbar.values[i] = "basicset.html";
    navbar.tabtext[i] = "setup";    
    navbar.text[i++] = "setup";




}



function initNavbar(navbar) {
   if (navbar==settings) initSettingsNavBar();
   else if (navbar==viewing) initViewingNavBar();
   else initOemNavBar();

}


function initOemNavBar() {
}




function writeCroppedImageShort ()
{
    _writeCroppedImage ("240", "1", "none");
}
function writeCroppedImageFocus(){
	_writeCroppedImage ("240", "1", "focus")
}
function writeCroppedImage ()
{
    _writeCroppedImage ("330", "0", "none");
}



function _writeCroppedImage(table_height, internal_dptz, isFocus) 
{
    
    var mainWidth = "1";
    var mainHeight = "1";
    var isStream4Jpeg = false; 
    if (isRaptor){
       isStream4Jpeg = "jpeg";
       isStream4Jpeg = (isStream4Jpeg=="jpeg")?true:false;
    }
    

    
    
    
    var ds = 1;
    var maxWidth = "2048"; 
    var maxHeight= "1536";
    
    if (isCamera_6) {
	maxWidth = "2048"; 
	maxHeight= "1536";
    }

    if (isRaptor) {
	if (is16by9) {
	    mainWidth = Math.ceil(mainHeight * (16.0 / 9.0));	    
	}
	if (mainWidth <= 1 ||
	    mainHeight <= 1) { 
	    mainWidth = maxWidth;
	    mainHeight = maxHeight;
	}
	maxWidth = mainWidth;
	maxHeight = mainHeight;
    }

    
    var ds_necessary = Math.max(Math.ceil(maxWidth/322),
				Math.ceil(maxHeight/322));

    
    var ds_float = Math.max (maxWidth/322, maxHeight/322);

    var dsfactor = Math.max(ds,ds_necessary);

    
    var dsreq = ds_necessary;
    
    
    if (isCamera_6) {
	if (dsreq == 3) dsreq = 4;
    }
    if (isCamera_6 || isCamera_7) {
	
	
	if (dsreq > 4) dsreq = 4;
    }
    if (isCamera_500) {
	
	if (dsreq > 2) dsreq = 2;
    }
    
    var dsstring = "?ds=" + dsreq;
    
    var imWidth =  Math.floor(maxWidth/dsfactor);
    var imHeight = Math.floor(maxHeight/dsfactor);
    
    
    if (isCamera_6 && !isCamera_5) dsstring = "";
    
    
    if ((isCondor || isHawk || isHarrier) && liveStreamJpegPortrait) { 
	var tmp;
	tmp = imWidth; imWidth = imHeight; imHeight = tmp;
	tmp = maxWidth; maxWidth = maxHeight; maxHeight = tmp;
    }

	
   	document.write ('<td id="livetd" width=330 height='+table_height+' valign="top" align="left">');
    if (UseActiveX() || canSpush) {

	
	
	
	if (isRaptor) {
	    imWidth = Math.floor(mainWidth/ds_float);
	    imHeight = Math.floor(mainHeight/ds_float);
	}
	else {
	    imWidth = Math.floor(2048/ds_float);
	    imHeight = Math.floor(1536/ds_float);
	}
	var imAttr;
    if ((isCondor || isHawk || isHarrier ) && liveStreamJpegPortrait && isFocus=="focus") { 

		imAttr = ' width="' + imHeight + '" height="' + imWidth + '" border=0 ';
	}
	else{
		imAttr = ' width="' + imWidth + '" height="' + imHeight + '" border=0 ';
	}
	
	
	
	off_x = (isCamera_6) ? 0/ds_float:0/ds_float;
	off_y = (isCamera_6) ? 0/ds_float:0/ds_float;
	off_x = Math.floor (off_x);
	off_y = Math.floor (off_y);
	if (isRaptor) {
	    off_x=0;
	    off_y=0;
	}
	
	var divstr = '<div id="mainfeed" style="padding-left: ' +
	off_x + 'px; padding-top: ' + off_y + 'px">ActiveX Control</div>';

	var url = 'now.jpg?snap=spush0.2' + dsstring;
	if((isCondor || isHawk || isHarrier) && isFocus=="none"){
                if (isStream4Jpeg)
		url = 'now.jpg?snap=spush0.2?stream=4' + dsstring;
	}
	if (!isCamera_6) url += '?ov=0';

	
	
	
	

	rv += '<param name="InternalDptz" value="'+internal_dptz+'">';
	rv += '<param name="StreamDptz" value="0">';
	document.write (divstr);
	CreateControl ("mainfeed", imAttr, "", rv, 
		       isCamera_6, isCamera_7 || isCamera_5, url);	
	
	
	
    }
    else {
	var imAttr = ' width="' + imWidth + '" height="' + imHeight + '" border=0 ';
	
	var rv = '<div id="mainfeed">'
	    +'<applet code="WindowSet.class" name="spapplet" ' 
	    + imAttr + '>'
	    + '<param name="url1" value="1pixgray.gif">'
	    + '<param name="offsetx" value="';
	if (isRaptor) {
	    rv       += mainWidth/dsfactor;
	    rv       +=  '">' + '<param name="offsety" value="';
	    rv       += mainHeight/dsfactor;
	}
	else {
	    rv       +=  (isCamera_6) ? 0/dsfactor:0/dsfactor;
	    rv       +=  '">' + '<param name="offsety" value="';
	    rv       += (isCamera_6) ? 0/dsfactor:0/dsfactor;
	}
	rv       += '">' + '<param name="url2" value="';
	if(isCondor){
                if (isStream4Jpeg)
		   rv       += 'now.jpg?snap=spush0.2?stream=4';
                else
                   rv       += 'now.jpg?snap=spush0.2';
	}
	else{
		rv       += 'now.jpg?snap=spush0.2';
	}
	
	if (!isCamera_6) rv += '?ov=0';
	rv       += dsstring;
	rv       += '">'
	    
	    + '<param name="dsfactor" value="' + dsfactor + '">'
	    + '<param name="numWindows" value="0">';
	if (isRaptor) {
	    rv += '<param name="hw" value="' + mainWidth/dsfactor + '">';
	    rv += '<param name="hh" value="' + mainHeight/dsfactor + '">';
	}
	else if (isCamera_6) {
	    rv += '<param name="hw" value="' + 2048/dsfactor + '">';
	    rv += '<param name="hh" value="' + 1536/dsfactor + '">';
	}
	rv  += '</applet></div>';
	document.write(rv);
    }
    document.write ('</td>');
}


function spAppletDivs(source, imAttr) {
    var outString = '<div id="mainfeed">'; 
    if (!needsApplet) {
	outString  += "<img src='" + source + "' name='now' " + imAttr + ">\n";
    }
    
    outString += "</div>\n";
    
    if (needsApplet) {
	outString += 
	    '<div id=spushDiv>\n'
	    
	    + '<applet code="ShowServerPush.class" name="spapplet" ' 
	    + imAttr + '>\n'
	    + '<param name="url" value="' + source + '">\n'
	    + '</applet>'
	    
	    
	    + '</div>';
    }
    
    return outString;
}

function theApplet() {
    return document.applets["spapplet"]; 




}

function stopApplet() {
    if (theApplet()) theApplet().stop();
    return false;
}

function helpIconString(loc) {
    return '<font size="-6">'
	 + '<a href="javascript:void(0)" tabindex="-1" '
	 + 'onClick="return helpMe(\'' + loc + '\')" '
         + 'onMouseOver="window.status=\'online help\'; return true;" '
         + 'onMouseOut="window.status=\'\';">?</a></font>';
}

function helpIconStringAuto(loc) {
    return '<font size="-6">'
	 + '<a href="javascript:void(0)" tabindex="-1" '
	 + 'onClick="return helpMeAuto(\'' + loc + '\')" '
         + 'onMouseOver="window.status=\'online help\'; return true;" '
         + 'onMouseOut="window.status=\'\';">?</a></font>';
}

function writeStopAppletButton() {
    if (needsApplet && !isVAV) {
      document.write
	  ('<table width="100\%" border=0 cellpadding=0 cellspacing=0 '
	      + 'vspace=0 hspace=0>'
	      + '<tr><td align="right">\n'
	      + '<input type="button" value="stop loading" '
	      + 'onClick="return stopApplet()">\n'
	      + '</td></tr></table>\n');
    }
}


var WroteHelpIcon = false;

function writeHelpIcon(loc) {
    if (!WroteHelpIcon) {
	document.write (helpIconStringAuto(loc));
	
	if (isFirefox) WroteHelpIcon = true;
    }
}

function writeHelpIcon2(loc) {
    document.write (helpIconString2(loc));
}

function writeTrickIcon(loc) {
    document.write 
	('<font size="-6">'
	 + '<a href="javascript:void(0)" '
	 + 'onClick="return helpMe(\'' + loc + '\')"'
         + 'onMouseOver="window.status=\'browser help\'; return true;" '
         + 'onMouseOut="window.status=\'\';">'
	 + 'browser management tricks</a></font>');
}

function errorGifTD() {
  return '<td><img name="errorgif" id="errorgif" src="1pixclear.gif" '
      + 'width=300 height=24 border=0></td>';
}

function setupViewingTabs() {
    initNavbar(viewing);
}






function jumpMenu2String() {
    initNavbar(settings);	

    var i, targ, text;

    var onChangeStr = 
	'onChange="self.location=this.options[this.selectedIndex].value"';
        
    var outString = '<td align=right>\n'
        + '<form name="goto"><select class="formselect" name="whereto"' 
        + onChangeStr + '>\n'
	+ '<option value="javascript:void(0)">Quick Jump To ...</option>\n';

    if ((authMode == "error403") &&
        (document.cookie.length==0 
        || document.cookie.indexOf("SrvrCreds") == -1)) { 
  	targ = settings.values[0];
	outString += '<option value="' + targ + '">log in</option>\n';
    } else {
        for (i=0; i < settings.names.length; i++) {
    	    targ = settings.values[i];
  	    text = settings.text[i];
	    outString += '<option value="'+ targ +'">' + text + '</option>\n';
          }
    }
    outString += 
	'<option value="javascript:void(0)">-----------</option>\n'
	+ WEBSITE_OPTION
	+ '</select></form></td>\n';
    return outString;	
}

function writeJumpMenu2Table() {
    document.write("<table width=\"100%\"><tr>"
	+ errorGifTD()
        + jumpMenu2String() 
        + "</tr></table>");	
}



function writeViewHeader() {
    document.write
	("<table border=0 cellpadding=0 cellspacing=0 "
 	 + 'width="100%">\n'

         + '<tr><td colspan=2 bgcolor=' + oemcolor + '>\n'
         + '<image src="1pixclear.gif" height=4 width=1></td></tr>\n'

	 + '<tr><td colspan=2 bgcolor=' + oemcolor + ' width="100%">\n'
	 + '<font color=' + headlinkcolor + 'size="+2">'
	 + '<nobr>&nbsp; live</nobr></font></td></tr>\n'

         + '<tr><td colspan=2 bgcolor=' + oemcolor + '>\n'
         + '<image src="1pixclear.gif" height=4 width=1></td></tr>\n'

	 + '<tr><td colspan=2 height=4></td></tr>\n'

	 + '<tr>' +  errorGifTD() + jumpMenu2String() + '</tr></table>'
	 );
}



function writeTitleBar() {
    document.write
	('<table width=\"100%\" border=0 cellpadding=0 cellspacing=0><tr>\n'
	 + '<td bgcolor=' + oemcolor + '>\n'
	 + '<img src="1pixclear.gif" width=154 height=22 border=0></td>\n'
         + '<td bgcolor=' + oemcolor + ' align=right>' 
         + livevidhref 
         + '<image src="1pixclear.gif" width=10 alt="">'
         + '</td></tr></table>\n');
}

function textTab(name, desc, link, onoff) {
    var outString = (onoff) ? '<li id="current">' : '<li>';
    return outString 
	+ '<a href="' + linkAction(link) + '"'
        + ' onMouseOver=\'window.status="' + desc + '"; return true;\''
	+ ' onMouseOut=\'window.status=""\'>'
	+ name + '</a></li>';
}




function writeSettingsHeader(onItem) {
    writeHeader(settings, onItem);
}




function writeViewingHeader(onItem) {
    writeHeader(viewing, onItem);
}





function writeInstallHeader(onItem) {
    writeHeader(install, onItem);
}

function writeHeader(navbar, onItem) {
    var i, itemNo=0;

    initNavbar(navbar);
 
    for (i=0; i<navbar.names.length; i++) {
	if (navbar.names[i]==onItem) itemNo=i;
    }

    var out = 
	'<tr><td class="tl"><img src="1pixclear.gif" width=11 height=42></td>'

	if(navbar == viewing) {
            out += '<td class="topmenu" width=662>'
	}
        else {
            out += '<td class="topmenu" colspan=2 width=830>';
	}
	
        if (!isOEM || isGE)    
        {      
	out += '<h1><font color="#666666"><img src="1pixclear.gif" width=4 height=1>IQ863W </font>' 
        + 'IQEYE3B5877 ' + '<font style="color: #bbb;font-size:10px;">Version V4.2/273(170307)</font></h1>'
	+'<img src="1pixclear.gif" width=4 height=1>' + '<ul id="nav">';
        }
        else
        {
	out += '<h1><font color="#EEEEEE"><img src="1pixclear.gif" width=4 height=1>IQ863W </font>' 
        + '<font color="#EEEEEE">Series </font>' + '<font style="color: #EEEEEE;font-size:10px;">Version V4.2/273(170307)</font></h1>'
	+'<img src="1pixclear.gif" width=4 height=1>' + '<ul id="nav">';
        }
    for (i=0; i<navbar.names.length; i++) {
	out += textTab(navbar.tabtext[i], navbar.text[i], navbar.values[i], 
		  (navbar.names[i]==onItem));
    }

    if(navbar==viewing) {
        out += '</ul></td>'
	    +'<td class="topmenu" width=130><img src="logosm.gif" width=124 height=21></td>'
	    + '<td class="tr"><img src="1pixclear.gif" width=1 height=1></td>'
	    + '</tr>';
    }
    else {
        out += '</ul></td>'
	    + '<td class="tr"><img src="1pixclear.gif" height=1></td>'
	    + '</tr>';
    }
    document.write(out);
}

var logoutHref =
    '<li><a href="javascript:void(0)" onClick="logout(); return false"' 
    + ' onMouseOver=\'window.status="Logout of session"; return true;\''
    + ' onMouseOut=\'window.status=""\'>'
    + 'logout session</a></li>\n';

var rebootHref =
    '<li><a href="javascript:void(0)" onClick="return reboot()"'
    + ' onMouseOver=\'window.status="reboot camera"; return true;\''
    + ' onMouseOut=\'window.status=""\'>'
    + 'reboot camera</a></li>\n';


function sendCommandAppletString() {
    var outString ="";

    if (needsIframe) {
        outString +=
            '<iframe name="commandIframe" id="commandIframe" '
            + 'frameborder=0 scrolling=no '
	    
	    
	    + 'width=1 height=1 marginwidth=0 marginheight=0 align=top '

	    
	    
	    
	    + 'src=get.oid?2.27></iframe>';
    } else { 
    
    }
    return outString;  
}






function writeFooter() {
    var logoutOK = (authMode == "basic") ? false:true;
    

    var outString = '<tr>'
	+ '<td class="l"><img src="1pixclear.gif" width=1 height=1></td>'
	+ '<td class="buttonbar" align="left"  style="padding-left: 24px">'
	+ '<ul id="button">';

    for (var n=0;n<arguments.length; n++) {
        var arg = arguments[n];
	if (arg == "logout" && logoutOK)   outString += logoutHref;
	else if (arg == "reboot")          outString += rebootHref;
	else if (arg == "myDefaults")      outString += myDefaultsHref;
    }
    outString += '</ul>&nbsp; </td>'
	+ '<td class="logo" align="right">'
	+ '<img src="logo.gif" height="24" width="156">'
	+ sendCommandAppletString() + '</td>'
        + '<td class="r"><img src="1pixclear.gif" height=1 width=11></td>'
	+ '</tr>';
    document.write(outString);
}



function writeBareFooter() {
    var outString = 
	'<table width="100%"><tr>'
	+ '<td align="right">'
	+ '<font face="Arial, Helvetica, sans-serif"><b>' 
	+ 'IQEYE3B5877' + '</b><br></font></td></tr>\n'
	+ '<tr><td align=center height=2 bgcolor=' + oemcolor + '>'
	+ '<img src="1pixclear.gif" height=3 border=0></td></tr></table>\n';
    document.write(outString);
}


function currPage ()
{
    var sPath = window.location.pathname;
    var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
    return sPage;
}


function getCSSRule(ruleName, deleteFlag) {               
   ruleName=ruleName.toLowerCase();                       
   if (document.styleSheets) {                            
      for (var i=0; i<document.styleSheets.length; i++) { 
         var styleSheet=document.styleSheets[i];          
         var ii=0;                                        
         var cssRule=false;                               
          do {                                             
            if (styleSheet.cssRules) {                    
               cssRule = styleSheet.cssRules[ii];         
            } else {                                      
               cssRule = styleSheet.rules[ii];            
             }                                             
            if (cssRule)  {                               
               if (cssRule.selectorText.toLowerCase()==ruleName) { 
                  if (deleteFlag=='delete') {             
                     if (styleSheet.cssRules) {           
                        styleSheet.deleteRule(ii);        
                     } else {                             
                        styleSheet.removeRule(ii);        
                     }                                    
                     return true;                         
                  } else {                                
                     return cssRule;                      
                  }                                       
               }                                          
            }                                             
            ii++;                                         
         } while (cssRule)                                
      }                                                   
   }                                                      
   return false;                                          
}                                                         


if (is16by9) {
    var liverule = getCSSRule ("#livetd");
    if (liverule) {
	liverule.style.backgroundImage = 'url(gray_16by9.gif)';
    }
}