function navBar() {
	//properties
	this.leftLogoSrc="";
	this.leftLogoLink="";
	this.leftLogoTitle="";
	this.leftLogoWidth=0;
	this.leftLogoHeight=0;
	
	this.topTaglineSrc="";
	this.topTaglineLink="";
	this.topTaglineTitle="";
	this.topTaglineWidth=0;
	this.topTaglineHeight=0;
	
	this.rightImageSrc="";
	this.rightImageLink="";
	this.rightImageTitle="";
	this.rightImageWidth=0;
	this.rightImageHeight=0;
	
	this.tabsArray=[];
	
	this.activeTab="";
	this.activeSubItem="";
	
	this.useCachedImages = false;
	this.isSecurePage = false;
	
	this.namePrefix = "Topnav - ";
	
	this.resourcePath="";

	//methods
	this.draw=drawheader;
	this.getLinkTrackingString=getLinkTrackingString;
	
	this.drawDropDown=drawDropDown;
	}


function getLinkTrackingString(s) {
	if (!s) {
		return '';
	}
	s = this.namePrefix + s;
	var result = '';
	var len = s.length;
	for (var i=0;i<len;i++) {
		var c = s.charAt(i);
		result += (c != ' ' ? (c != '&' ? c : 'and') : '+');
	}
	result = 'name="&lid=' + result + '"';
	return result;
}

function drawheader() {
	var category, link, id, title, width, height, i;
	
	var navObject = [];
	
	navObject[navObject.length]='<center><table border="0" cellpadding="0" cellspacing="0" id="navigationBar" onmouseout="showTab(\''+this.activeTab+'\')">';
	navObject[navObject.length]='<tr><td rowspan=2>';
	if (this.leftLogoLink.length>0)
		navObject[navObject.length]='<a href="'+this.leftLogoLink+'" ' + this.getLinkTrackingString(this.leftLogoTitle) + ' id="topNavLogoLink">';
	navObject[navObject.length]='<img src="'+this.resourcePath + this.leftLogoSrc+'" alt="'+this.leftLogoTitle+'" width="'+this.leftLogoWidth+'" height="'+this.leftLogoHeight+'" id="logo" border=0/>';
	if (this.leftLogoLink.length>0)
		navObject[navObject.length]='</a>';
	navObject[navObject.length]='</td><td>';
	if (this.topTaglineLink.length>0)
		navObject[navObject.length]='<a href="'+this.topTaglineLink+'">';
	navObject[navObject.length]='<img src="'+ this.resourcePath + this.topTaglineSrc + '" alt="'+this.topTaglineTitle+'" width="'+this.topTaglineWidth+'" height="'+this.topTaglineHeight+'" id="tagline"/><br>';
	if (this.topTaglineLink.length>0)
		navObject[navObject.length]='</a>';
	navObject[navObject.length]='</td><td rowspan=2>';
	if (this.rightImageLink.length>0)
		navObject[navObject.length]='<a href="'+this.rightImageLink+'" ' + this.getLinkTrackingString(this.rightImageTitle) + '>';
	navObject[navObject.length]='<img src="'+ this.resourcePath + this.rightImageSrc +'" alt="'+this.rightImageTitle+'" border=0 width="'+this.rightImageWidth+'" height="'+this.rightImageHeight+'" id="seeAll" />';
	if (this.rightImageLink.length>0)
		navObject[navObject.length]='</a>'
	navObject[navObject.length]='</td></tr>';		
	navObject[navObject.length]='<tr><td valign=bottom>';

	for(i=0; i<this.tabsArray.length; i++) {
		link=this.tabsArray[i][0]; id=this.tabsArray[i][1]; title=this.tabsArray[i][2]; width=this.tabsArray[i][3]; height=this.tabsArray[i][4]; 

		navObject[navObject.length]='<a href="'+link+'" onmouseover="showTab(\''+id+'\')" ' + this.getLinkTrackingString(this.title) + '><img src="' + this.resourcePath + '/images/topnav/tab_'+id+'_off.gif" alt="'+title+'" width="'+width+'" height="'+height+'" id="'+id+'Tab" name="'+id+'Tab" /></a>';
		}
	
	navObject[navObject.length]='</td></tr>';
	navObject[navObject.length]='<tr><td colspan=3 id="subItems" nowrap valign=top>';
	
	for(i=0; i<this.tabsArray.length; i++) {
		id=this.tabsArray[i][1];
		
		navObject[navObject.length]='<div id="'+id+'SubItems" onmouseover="showTab(\''+id+'\')">';

			for(var x=0; x<this.tabsArray[i][5].length; x++) {
				if (this.tabsArray[i][5][x][2]!=this.activeSubItem) {
					navObject[navObject.length]='<a href="'+this.tabsArray[i][5][x][0]+'" ' + this.getLinkTrackingString(this.tabsArray[i][5][x][1]) + '>';
					navObject[navObject.length]=this.tabsArray[i][5][x][1];
					navObject[navObject.length]='</a>';
					}
				else
					navObject[navObject.length]='<b>'+this.tabsArray[i][5][x][1]+'</b>';
				}
				
		navObject[navObject.length]='</div>';

		//preload tab graphics
		eval(id+'Tab_on = newImage("' + this.resourcePath + '/images/topnav/17203/tab_'+id+'_on.gif")');
		eval(id+'Tab_off = newImage("' + this.resourcePath + '/images/topnav/tab_'+id+'_off.gif")');
		}

	navObject[navObject.length]='</td></tr><tr><td colspan=3><img src="' + this.resourcePath + '/images/topnav/spacer.gif' + '" width="750" height="5" onmouseover="showTab(\''+this.activeTab+'\')"><nobr></td></tr></table></center>';
		
	preloadImages(this.resourcePath);

	for(i=0; i<navObject.length; i++) {		
		document.write(navObject[i]);
		}
		
	if (this.activeTab.length>0)
		showTab(this.activeTab);
	}
	
var lastTab='';

function showTab(tab) {
	if (lastTab!='') {
		hide(lastTab+'SubItems');
		switch_off(lastTab+'Tab');
		}

	if (tab.length>0) {			
		switch_on(tab+'Tab');
		display(tab+'SubItems');
		
		lastTab=tab;
		}
	}
	
function display(object) {
    if (document.getElementById && document.getElementById(object) != null) {
         document.getElementById(object).style.visibility='visible';
         document.getElementById(object).style.display='block';
         }
    else if (document.layers && document.layers[object] != null) {
        document.layers[object].visibility = 'visible';
        document.layers[object].display = 'block';
        }
    else if (document.all) {
        document.all[object].style.visibility = 'visible';
        document.all[object].style.display = '';
        }
}

function hide(object) {
    if (document.getElementById && document.getElementById(object) != null) {
         document.getElementById(object).style.visibility='hidden';
         document.getElementById(object).style.display='none';
         }
    else if (document.layers && document.layers[object] != null) {
        document.layers[object].visibility = 'hidden';
        document.layers[object].display = 'none';
        }
    else if (document.all) {
         document.all[object].style.visibility = 'hidden';
         document.all[object].style.display = 'none';
         }
}	

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function preloadImages(path) {
	if (document.images) {
		leftTab_on = newImage(path+"/images/topnav/tab_left_on.jpg");
		rightTab_on = newImage(path+"/images/topnav/tab_right_on.jpg");
		topTab_on = newImage(path+"/images/topnav/tab_top_on.gif");
		
		leftTab_off = newImage(path+"/images/topnav/tab_left_off.jpg");
		rightTab_off = newImage(path+"/images/topnav/tab_right_off.jpg");
		topTab_off = newImage(path+"/images/topnav/tab_top_off.gif");
		}
}

function switch_on(imgname) {

	document[imgname].src = eval(imgname + "_on.src");
}

function switch_off(imgname) {
		
	document[imgname].src = eval(imgname + "_off.src");
}

//------------Drop Down Menu of Top-Level Items------------
//------------added for BillPayPlus------------------------

function drawDropDown() {
	var link, title, i;
	
	var navObject = [];

	navObject[navObject.length]='<select onChange="top.document.location.href=this.value">';
	navObject[navObject.length]='<option value="">Please Select</option>';
	
	for(i=0; i<this.tabsArray.length; i++) {
		link=this.tabsArray[i][0]; title=this.tabsArray[i][2];
		navObject[navObject.length]='<option value="'+link+'">'+title+'</option>';
		}

	navObject[navObject.length]='</select>';
	
	for(i=0; i<navObject.length; i++) {		
		document.write(navObject[i]);
		}
}

// opener for the BillPay Plus Tour
// if you edit this window URL please do the same in the link override in \partners\embed\topnav\topnav.jsp
function startBillPayTour() {
	window.open("/billpay_eos.jsp", "billpayTour", "width=600,height=670,scrollbars=no,alwaysRaised,resizable=no,dependent");
}