//Menu Code Copyright 2003 carol coleman
//May not be reused without written permission

function Is() {
  var agent = navigator.userAgent.toLowerCase();
  this.major = parseInt(navigator.appVersion);
  this.minor = parseFloat(navigator.appVersion);
  this.ns = ((agent.indexOf('mozilla')!=-1) && ((agent.indexOf('spoofer')==-1) && (agent.indexOf('compatible') == -1)));
  this.ns4up = (this.ns && (this.major >= 4));
  this.ns4 = (this.ns && (this.major == 4));
  this.ns6up = (this.ns && (this.major >= 5));
  this.ie = (agent.indexOf("msie") != -1);
  this.ie4up = (this.ie && (this.major >= 4));
  this.win = (agent.indexOf("win")!=-1);
  this.mac = (agent.indexOf("mac")!=-1);
}

var is = new Is();
var screen_width;
var screen_height;
var available_width;
var available_height;
var doc;
var sty;
var htm;
var xdiff;
var ydiff;
var allready;
var prevMenu = "";
var prevSubMenu = "";
var numMenus = -1;
var numSubs = 0;
var aryMenu = new Array();
var arySub = new Array();
var lastTimeout = "";
var rollColor = "#E1A608";
var baseColor = "#7B0F1B";
var rollSubColor = "#1A0187";
var baseSubColor = "#1A0187";
var imageReady = false;

var home1 = new Image(); home1.src = "images/cnb_home.gif";
var about1 = new Image(); about1.src = "images/about_cnb.gif";
var on1 = new Image(); on1.src = "images/banking_online_off.gif";
var per1 = new Image(); per1.src = "images/personal_resources_off.gif";
var bus1 = new Image(); bus1.src = "images/business_resources_off.gif";
var security1 = new Image(); security1.src = "images/security_off.gif";
var privacy1 = new Image(); privacy1.src = "images/privacy_on.gif";

// resolves issues with Netscape 4 in Mac
var NaN;
var menuID;

function rollImage(imgName,num)
{
	if (imageReady)
		document[imgName].src = eval(imgName + num + ".src");
}

function showMenu(menu)
{
	if (allready)
	{
		if (lastTimeout != "")
		{
			clearTimeout(lastTimeout);
			lastTimeout = "";
		}

		xoffset = 0;
		
		if (menu.indexOf("sub") == -1)
		{
			menuID = menu.substring(4,menu.length);
			x = aryMenu[menuID - 1][2];
			y = aryMenu[menuID - 1][3];
		}
		else
		{
			menuID = menu.substring(3,menu.length);
			x = arySub[menuID][3];
			y = arySub[menuID][4];
		}
		
		if (x == "" || x == null)
			x = 0;
		
		if (y == "" || y == null)
			y = 0;

		if (is.ie4up || is.ns4up)
		{
			myLyr = eval(doc + menu + sty);
			if (myLyr)
			{
				myLyr.top = y + ydiff;
				myLyr.left = x + xdiff + xoffset;
				myLyr.visibility = "visible";
			}
		}
	}
	prevMenu = menu;
	
	switch (menuID)
	{
		case "1":
			rollImage('home',2);
			break;
		case "2":
			rollImage('about',2);
			break;
		case "3":
			rollImage('bus',2);
			break;
		case "4":
			rollImage('per',2);
			break;
		case "5":
			rollImage('on',2);
			break;
		case "6":
			rollImage('security',2);
			break;
		case "7":
			rollImage('privacy',2);
			break;		
	}
}

function hideSubs()
{
	if (allready) {
	if (is.ie4up || is.ns4up) {
		j = 1
		while (j <= numSubs)
		{
			myLyr = eval(doc + arySub[j][1] + sty);
			myLyr.visibility = "hidden";
			j++;
		}
	}
	}
	return true;
}

function hideMenu()
{
		if (allready) {
			j = 0
			while (j <= numMenus)
			{
				myLyr = eval(doc + aryMenu[j][1] + sty);
				myLyr.visibility = "hidden";
				j++;
			}
			hideSubs();
		}
		rollImage('home',1);
		rollImage('about',1);
		rollImage('bus',1);
		rollImage('per',1);
		rollImage('on',1);
		rollImage('security',1);
		rollImage('privacy',1);
		return true;
}

function hideMenuOne(menu)
{
	if (menu != "" && allready) {
		myLyr = eval(doc + menu + sty);
		myLyr.visibility = "hidden";
	}
		rollImage('home',1);
		rollImage('per',1);
		rollImage('bus',1);
		rollImage('about',1);
		rollImage('on',1);
		rollImage('security',1);
		rollImage('privacy',1);
	return true;
}

function changeColor(menu,color)
{
	if (allready) {
		menu = menu.id;	
		myLyr = eval(doc + menu + sty);
		myLyr.background = eval(color);
	}
}

function changeAColor(menu,color)
{
	if (allready) {
		myLyr = eval(doc + menu + sty);
		myLyr.background = eval(color);
	}
}

function writeMenus()
{
	if (allready){
		j = 0;
		while (j <= numMenus)
		{
			document.write("<div name='" + aryMenu[j][1] + "' id='" + aryMenu[j][1] + "' class='menu' ");
			document.write("onMouseOver='showMenu(\"" + aryMenu[j][1] + "\");' ");
			document.write("onMouseOut='hideMenuOne(\"" + aryMenu[j][1] + "\");'>");
			document.write("<TABLE CELLPADDING='0' CELLSPACING='0' BORDER='0' WIDTH='140' class='mainmenu'>");
			k = 4;
			while (k <= (aryMenu[j].length-1))
			{
				document.write("<TR>");
				document.write("<TD class='white' id='" + aryMenu[j][1] + "sub" + k + "' name='" + aryMenu[j][1] + "sub" + k + "' ");
				document.write("onMouseOver='changeColor(this,\"rollColor\");' onMouseOut='changeColor(this,\"baseColor\");'><A class='textWhite' style='color: white;'");
				document.write(" HREF='" + aryMenu[j][k+2] + "'");
				SubMenuID = parseInt(aryMenu[j][k+1],10);
				if ((SubMenuID > 0) && (SubMenuID != NaN))
				{
					document.write(" onmouseover='hideSubs();");
					document.write(" showMenu(\"" + arySub[SubMenuID][1] + "\",");
					document.write(arySub[SubMenuID][2] + "," + arySub[SubMenuID][3] + ")'");
				}
				else
					document.write(" onmouseover='hideSubs();'");
				document.write(">" + aryMenu[j][k] + "</A></TD></TR>");
				k = k + 3;
			}
			document.write("</TABLE>");
			document.write("</div>");
			j++
		}

		j = 1;
		while (j <= numSubs)
		{
			document.write("<div name='" + arySub[j][1] + "' id='" + arySub[j][1] + "' class='menu'");
			document.write(" onMouseOver='showMenu(\"" + arySub[j][1] + "\"); showMenu(\"menu" + arySub[j][0] + "\");'");
			document.write(" onMouseOut='hideMenu();'>");
			document.write("<TABLE CELLPADDING='0' CELLSPACING='0' BORDER='0' WIDTH='140' class='submenu' bgcolor='#E1A608'>");
			k = 5;
			while (k <= (arySub[j].length-1))
			{
				document.write("<TR>");
				document.write("<TD class='blue' id='" + arySub[j][1] + "sub" + k + "' name='" + arySub[j][1] + "sub" + k + "' ");
				document.write("onMouseOver='changeColor(this,\"rollSubColor\");' onMouseOut='changeColor(this,\"baseSubColor\");'><A class='textWhite' style='color: white;'");
				document.write(" HREF='" + arySub[j][k+1] + "'");
				document.write(">" + arySub[j][k] + "</A></TD></TR>");
				k = k + 2;
			}
			document.write("</TABLE>");
			document.write("</div>");
			j++
		}
	}
}

function makeMenu()
{
	numMenus += 1;
	numItems = arguments.length;
	aryMenu[numMenus] = new Array(numItems-1);
	aryMenu[numMenus][0] = arguments[0]
	aryMenu[numMenus][1] = "menu" + arguments[0]
	j = 2;
	while (j <= arguments.length)
	{		
		aryMenu[numMenus][j] = arguments[j-1];
		j++;
	}
}

function makeSub()
{
	numSubs += 1;
	numItems = arguments.length;
	arySub[numSubs] = new Array(numItems-1);
	arySub[numSubs][0] = arguments[1] //the parent menu ID
	arySub[numSubs][1] = "sub" + arguments[0]
	j = 3;
	while (j <= arguments.length)
	{		
		arySub[numSubs][j] = arguments[j-1];
		j++;
	}
}

function startup()
{
	//Basically determines what Document Object Model to use.
	//Note there is one for Netscape 6 >, and IE 4 >.
	//You can also specify a xdifferency and a ydifference to
	//adds the x and y coordinates (to compensate for browser differences)
	screen_width = screen.width;
	screen_height = screen.height;
	if(is.ns4up) {
		available_width=innerWidth;
		available_height=innerHeight;
	} 
	else if(is.ie4up) {
		available_width=document.body.clientWidth;
		available_height=document.body.clientHeight;
	}
	

	if (is.ns6up)
	{
		//alert("Netscape 6!");
		doc = 'document.getElementById("';
		sty = '").style';
		htm = "";
		xdiff = 0;
		ydiff = 8;
		allready = true;
	}
	else if(is.ie4up) {
		//alert("IE!");
		doc = "document.all.";
		sty = ".style";
		htm = "";
		xdiff = 0;
		ydiff = 8;
		allready = true;
	}
	else
		allready = false;
		
	home2 = new Image(); home2.src = "images/cnb_home2.gif";
	about2 = new Image(); about2.src = "images/about_cnb2.gif";
	on2 = new Image(); on2.src = "images/banking_online_on.gif";
	per2 = new Image(); per2.src = "images/personal_resources_ON.gif";
	bus2 = new Image(); bus2.src = "images/business_resources_on.gif";
	security2 = new Image(); security2.src = "images/security_on.gif";
	privacy2 = new Image(); privacy2.src = "images/privacy_off.gif";
	imageReady = true;
}