function changeTo(GraphicToChange, GraphicToShow) {
	if (document.images) {
		document[GraphicToChange].src = GraphicToShow;
	}
}
function raiseCell(thisv){
	if(document.getElementById(thisv).className == 'rteImage' || document.getElementById(thisv).className == 'rteImageLowered'){
		document.getElementById(thisv).className='rteImageRaised';
	}
}
function raiseButton(e){
	var el = window.event.srcElement;
	className = el.className;
	if (className == 'rteImage' || className == 'rteImageLowered'){
		el.className = 'rteImageRaised';
	}
}
function normalCell(thisv){
	if(document.getElementById(thisv).className == 'rteImageRaised' || document.getElementById(thisv).className == 'rteImageLowered'){
		document.getElementById(thisv).className='rteImage';
	}
}
function normalButton(e){
	var el = window.event.srcElement;
	className = el.className;
	if (className == 'rteImageRaised' || className == 'rteImageLowered'){
		el.className = 'rteImage';
	}
}
function lowerCell(thisv){
	if(document.getElementById(thisv).className == 'rteImage' || document.getElementById(thisv).className == 'rteImageRaised'){
		document.getElementById(thisv).className='rteImageLowered';
	}
}
function lowerButton(e){
	var el = window.event.srcElement;
	className = el.className;
	if (className == 'rteImage' || className == 'rteImageRaised'){
		el.className = 'rteImageLowered';
	}
}
function drawDialogeWindow(divBox,title,icon,mainData,width,height,btnYes,btnYesFunction,btnNo,btnOK,btnOKFunction,btnCancel,btnDone){
	if (document.body.scrollHeight < document.body.offsetHeight){
	  document.getElementById('page_screen').style.height = '100%';
	} else {
	  document.getElementById('page_screen').style.height = document.body.scrollHeight;  //MAXIMUM PAGE SCREEN - FOR LONG PAGES WITH SCROLL
	}
	document.getElementById('page_screen').style.display = 'block';
	
	
	//xc = Math.round((document.body.clientWidth/2)-(width/2));
    //yc = Math.round((document.body.clientHeight/2)-(height/2));    
    //document.getElementById(divBox).style.left = xc + "px";
    //document.getElementById(divBox).style.top  = yc + "px";
    //document.getElementById(divBox).style.display = 'block';
	mainBoxHTML = "<map name=\"mapCloseButton\">\n"+
				  "  <area onClick=\"closeDialogeWindow('"+divBox+"')\" alt=\"Close\" title=\"Close\" style=\"cursor:pointer\" shape=\"poly\" coords=\"15,5,31,5,33,7,33,23,31,25,15,25,13,22,13,7\">\n"+
				  "</map>\n"+
				  "<div class=\"title\"><img id=\"exit\" usemap=\"#mapCloseButton\" src=\"images/form_right.gif\" border=\"0\"><img id=\"icon\" src=\"" + icon + "\">" + title + "</div>\n"+
				  "<div class=\"main\">\n"+
				  mainData;
	if (btnYes || btnNo || btnOK || btnCancel || btnDone){
		mainBoxHTML += "  <div class=\"sectionButtons\">\n";
		if (btnYes){
			mainBoxHTML += "    <input type=\"button\" value=\"Yes\" id=\"btnYes\" onClick=\""+ btnYesFunction +"()\">\n";
		}
		if (btnNo){
			mainBoxHTML += "    <input type=\"button\" value=\"No\" id=\"btnNo\" onClick=\"closeDialogeWindow('"+divBox+"')\">\n";
		}
		if (btnOK){
			mainBoxHTML += "    <input type=\"button\" value=\"Ok\" id=\"btnOK\" onClick=\"" +btnOKFunction +"()\">\n";
		}
		if (btnCancel){
			mainBoxHTML += "    <input type=\"button\" value=\"Cancel\" id=\"btnCancel\" onClick=\"closeDialogeWindow('"+divBox+"')\">\n";
		}
		if (btnDone){
			mainBoxHTML += "    <input type=\"button\" value=\"Done\" id=\"btnDone\" onClick=\"closeDialogeWindow('"+divBox+"')\">\n";
		}
		mainBoxHTML += "  </div>\n";
	}
	mainBoxHTML += "</div>\n";
	document.getElementById(divBox).innerHTML = mainBoxHTML;
	
	document.getElementById(divBox).style.display = 'block';
			
	yc = Math.round((document.body.scrollHeight/2)-(document.getElementById(divBox).clientHeight/2));
	xc = Math.round((document.body.clientWidth/2)-(width/2));
    document.getElementById(divBox).style.left = xc + "px";
    document.getElementById(divBox).style.top = yc + "px";
	
	document.getElementById(divBox).style.width = width;
}
function closeDialogeWindow(divBox){
	document.getElementById('page_screen').style.display = 'none';
	document.getElementById(divBox).style.display = 'none';
	
	if (document.getElementById('ifrmUserList')){
		document.getElementById('ifrmUserList').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmTransition')){
		document.getElementById('ifrmTransition').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmDuration')){
		document.getElementById('ifrmDuration').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmMonth1')){
		document.getElementById('ifrmMonth1').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmMonth2')){
		document.getElementById('ifrmMonth2').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmDay1')){
		document.getElementById('ifrmDay1').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmDay2')){
		document.getElementById('ifrmDay2').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmYear1')){
		document.getElementById('ifrmYear1').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmYear2')){
		document.getElementById('ifrmYear2').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmTime1')){
		document.getElementById('ifrmTime1').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmTime2')){
		document.getElementById('ifrmTime2').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmChannel')){
		document.getElementById('ifrmChannel').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmMode')){
		document.getElementById('ifrmMode').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmFontFace')){
		document.getElementById('ifrmFontFace').style.visibility = "hidden";
	}
	if (document.getElementById('ifrmFontSize')){
		document.getElementById('ifrmFontSize').style.visibility = "hidden";
	}
}
function sendRequest(url,meathod,queryString,returnFunction){
	var http_request = false;
	if (window.XMLHttpRequest) { // Mozilla, Safari, ...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			http_request.overrideMimeType('text/xml');
                // See note below about this line
		}
	} else if (window.ActiveXObject) { // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
	if (!http_request) {
            alert('Giving up :( Cannot create an XMLHTTP instance');
		return false;
	}
	if (returnFunction){
	http_request.onreadystatechange = function() {
		returnFunction(http_request);
	};
	}
	http_request.open(meathod, url, true);
	if (meathod == 'POST'){
		http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	}
	http_request.send(queryString);
}
function switchStatus(thisv){
	if (thisv.readyState == 4) {
		if (thisv.status == 200) {
						
		} else {
			alert('Unable to deactivate overlay.');
		}
	}
}
function insertTotalConfidence(vWidth, vHeight, sourceIP){
/*document.write("<object CLASSID=\"clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B\" width=\"" + vWidth + "\" height=\"" + vHeight + "\" CODEBASE=\"http://www.apple.com/qtactivex/qtplugin.cab\">\n");
document.write("<param name=\"src\" value=\"AxisMoviePoster.mov\" />\n");
document.write("<param name=\"autoplay\" value=\"true\" />\n");
document.write("<param name=\"controller\" value=\"true\" />\n");
document.write("<param name=\"qtsrc\" value=\"rtsp://" + sourceIP + "/mpeg4/1/media.amp\" />\n");
document.write("<embed src=\"AxisMoviePoster.mov\" width=\"" + vHeight + "\" height=\"" + vHeight + "\" qtsrc=\"rtsp://" + sourceIP + "/mpeg4/1/media.amp\" autoplay=\"true\" controller=\"true\" target=\"myself\" PLUGINSPAGE=\"http://www.apple.com/quicktime/download/\"></embed>\n");
document.write("</object>\n");*/

// Set the BaseURL to the URL of your camera
var BaseURL = "http://" + sourceIP + "/";

// DisplayWidth & DisplayHeight specifies the displayed width & height of the image.
// You may change these numbers, the effect will be a stretched or a shrunk image
var DisplayWidth = vWidth;
var DisplayHeight = vHeight;

// This is the URL of the generated media.
// 1 corresponds to video source one. Change this number to view another video source. 
var MediaURL = "rtsp://" + sourceIP + ":554/mpeg4/1/media.amp";

var output = "";
output  = '<OBJECT ID="Player" width='
output += DisplayWidth;
output += ' height=';
output += DisplayHeight;
output += ' CLASSID="CLSID:DE625294-70E6-45ED-B895-CFFA13AEB044" ';
output += 'CODEBASE="';
output += BaseURL;
output += 'activex/AMC.cab#version=3,32,19,0">';
output += '<PARAM NAME="MediaURL" VALUE="';
output += MediaURL + '">';
output += '<param name="MediaType" value="auto-sense">';
output += '<param name="ShowStatusBar" value="0">';
output += '<param name="ShowToolbar" value="0">';
output += '<param name="AutoStart" value="1">';
output += '<param name="StretchToFit" value="1">';
output += '<BR></OBJECT>';

document.write(output);
document.Player.ToolbarConfiguration = "play,+snapshot,+fullscreen"
}
function ScrollIntoView(index){ 
    window.setTimeout("_ScrollIntoView.call(obj, "+index+");", 500); 
  } 
function _ScrollIntoView(index){ 
    var row = this.getTemplate("row", index); 
    var data = this.getTemplate("layout").getContent("data"); 
    var left = this.getTemplate("layout").getContent("left"); 
    var scrollbars = this.getTemplate("layout").getContent("scrollbars"); 

    try { 
        var top, padding = parseInt(data.element().currentStyle.paddingTop); 
        if (data.element().scrollTop > row.element().offsetTop - padding) { 
            top = row.element().offsetTop  - padding; 
            left.element().scrollTop = top; 
            data.element().scrollTop = top; 
            scrollbars.element().scrollTop = top; 
        } 

        if (data.element().offsetHeight + data.element().scrollTop < 
            row.element().offsetTop + row.element().offsetHeight ) { 
            top = row.element().offsetTop + row.element().offsetHeight - data.element().offsetHeight; 
            left.element().scrollTop = top; 
            data.element().scrollTop = top; 
            scrollbars.element().scrollTop = top; 
        } 
    } 
    catch(error){ 
        // ignore errors 
    } 
} 
function convertTime(vtime){
	if (vtime > 0){
      hours = Math.floor(vtime/3600);
      minutes = Math.floor((vtime%3600)/60);
      seconds = Math.floor((vtime%3600)%60);
      if (hours < 10){
        hours = "0"+hours;
      }
      if (minutes < 10){
        minutes = "0"+minutes;
      }
      if (seconds < 10){
        seconds = "0"+seconds;
      }
      return hours+":"+minutes+":"+seconds;
	}
}
function setFeats(){
	var itemAvailableFeatsArray = new Array();
	itemAvailableFeatsArray[0] = new Array("MicroCart",             0000001);
	itemAvailableFeatsArray[1] = new Array("Knox Switcher",         0000002);
	itemAvailableFeatsArray[2] = new Array("AutoPatch Switcher",    0000004);
	itemAvailableFeatsArray[3] = new Array("Extron Switcher",       0000008);
	itemAvailableFeatsArray[4] = new Array("Utah Switcher",         0000016);
	itemAvailableFeatsArray[5] = new Array("Leitch Switcher",       0000032);
	itemAvailableFeatsArray[6] = new Array("On Tones",              0000064);
	itemAvailableFeatsArray[7] = new Array("Leitch Clock",          0000128);
	itemAvailableFeatsArray[8] = new Array("Slides",                0000256);
	itemAvailableFeatsArray[9] = new Array("Seirra Switcher",       0000512);
	itemAvailableFeatsArray[10] = new Array("Sigma Switcher",       0001024);
	itemAvailableFeatsArray[11] = new Array("Extron Switcher",      0002048);
	itemAvailableFeatsArray[12] = new Array("Kramer Switcher",      0004096);
	itemAvailableFeatsArray[13] = new Array("All Call",             0008192);
	itemAvailableFeatsArray[14] = new Array("Grass Valley Switcher",0016384);
	itemAvailableFeatsArray[15] = new Array("TEQ Gear Switcher",    0032768);
	itemAvailableFeatsArray[16] = new Array("MPEG Record",          0065536);
	itemAvailableFeatsArray[17] = new Array("Video Reservation",    0131072);
	itemAvailableFeatsArray[18] = new Array("Loop List",            0262144);
	itemAvailableFeatsArray[19] = new Array("Total Confidence",     0524288);
	itemAvailableFeatsArray[20] = new Array("FTP Push",             1048576);
	itemAvailableFeatsArray[21] = new Array("SMB",                  2097152);
	itemAvailableFeatsArray[22] = new Array("DVply Changer",        4194304);
	
	var lstAvailableFeats = new AW.UI.List;
	lstAvailableFeats.setId("lstAvailableFeats");
	//lstAvailableFeats.setItemText(itemTextArray);
	lstAvailableFeats.setItemText(function(i){return itemAvailableFeatsArray[i][0]});
	//list.setItemImage(itemImageArray);
	lstAvailableFeats.setItemCount(itemAvailableFeatsArray.length);

	var itemFeatsArray = new Array();
	var lstFeats = new AW.UI.List;
	lstFeats.setId("lstFeats");
	lstFeats.setItemText(itemFeatsArray);
	//list.setItemImage(itemImageArray);
	lstFeats.setItemCount(itemFeatsArray.length);

	var btnAddFeats = new AW.UI.Button;
	btnAddFeats.setId("btnAddFeats");
	btnAddFeats.setControlText("");
	btnAddFeats.setControlImage("add");

	var btnRemoveFeats = new AW.UI.Button;
	btnRemoveFeats.setId("btnRemoveFeats");
	btnRemoveFeats.setControlText("");
	btnRemoveFeats.setControlImage("remove");

	data = "<table>\n"+
		   "  <tr>\n"+
		   "    <td>\n"+
		   lstAvailableFeats +
		   "    </td>\n"+
		   "    <td>\n"+
		   btnAddFeats +
		   "<br>" + btnRemoveFeats +
		   "    </td>\n"+
		   "    <td>\n"+
		   lstFeats +
		   "    </td>\n"+
		   "  </tr>\n"+
		   "</table>";
	drawDialogeWindow('dialogeWindow','NEXUS Features','images/toolbox1.gif',data,370,622,false,null,false,true,"processFeats",true,false);
	
	document.getElementById('btnAddFeats-box-text').style.display = "none";
	document.getElementById('btnAddFeats-box-image').style.margin = "-8px -2px";	
	document.getElementById('btnAddFeats-box-image').style.backgroundPositionX = "1px";
	
	document.getElementById('btnRemoveFeats-box-text').style.display = "none";
	document.getElementById('btnRemoveFeats-box-image').style.margin = "-8px -2px";	
	document.getElementById('btnRemoveFeats-box-image').style.backgroundPositionX = "1px";
	
	document.getElementById('lstAvailableFeats').style.height = "250px";
	document.getElementById('lstFeats').style.height = "250px";
}

function drawCustomDialogeWindow(divBox,title,icon,mainData,width,height,btn0Function,btn0Text,btn1Function,btn1Text){
	if (document.body.scrollHeight < document.body.offsetHeight){
	  document.getElementById('page_screen').style.height = '100%';
	} else {
	  document.getElementById('page_screen').style.height = document.body.scrollHeight;  //MAXIMUM PAGE SCREEN - FOR LONG PAGES WITH SCROLL
	}
	document.getElementById('page_screen').style.display = 'block';
	
	
	//xc = Math.round((document.body.clientWidth/2)-(width/2));
    //yc = Math.round((document.body.clientHeight/2)-(height/2));    
    //document.getElementById(divBox).style.left = xc + "px";
    //document.getElementById(divBox).style.top  = yc + "px";
    //document.getElementById(divBox).style.display = 'block';
	mainBoxHTML = "<map name=\"mapCloseButton\">\n"+
				  "  <area onClick=\"closeDialogeWindow('"+divBox+"')\" alt=\"Close\" title=\"Close\" style=\"cursor:pointer\" shape=\"poly\" coords=\"15,5,31,5,33,7,33,23,31,25,15,25,13,22,13,7\">\n"+
				  "</map>\n"+
				  "<div class=\"title\"><img id=\"exit\" usemap=\"#mapCloseButton\" src=\"images/form_right.gif\" border=\"0\"><img id=\"icon\" src=\"" + icon + "\">" + title + "</div>\n"+
				  "<div class=\"main\">\n"+
				  mainData;
	if (btn0Text || btn1Text){
		mainBoxHTML += "  <div class=\"sectionButtons\">\n";
		if (btn0Text){
			var btn0 = new AW.UI.Button;
			btn0.setId("btn0");
			btn0.setControlText(btn0Text);
			btn0.onControlClicked = function(event){
				btn0Function();
			}
			mainBoxHTML += btn0;
		}
		if (btn1Text){
			var btn1 = new AW.UI.Button;
			btn1.setId("btn1");
			btn1.setControlText(btn1Text);
			btn1.onControlClicked = function(event){
				btn1Function();
			}
			mainBoxHTML += btn1;
		}
		mainBoxHTML += "  </div>\n";
	}
	mainBoxHTML += "</div>\n";
	document.getElementById(divBox).innerHTML = mainBoxHTML;
	
	document.getElementById(divBox).style.display = 'block';
			
	yc = Math.round((document.body.clientHeight/2)-(document.getElementById(divBox).clientHeight/2));
	xc = Math.round((document.body.clientWidth/2)-(width/2));
    document.getElementById(divBox).style.left = xc + "px";
    document.getElementById(divBox).style.top = yc + "px";
	
	document.getElementById(divBox).style.width = width;
}