// open window function
var popupWin;
// wit & hite will determine where the window opens on the screen
function openWin(windowURL,windowName,wit,hite,scroll) { 
	var winH = (screen.height - hite) / 2;
	var winW = (screen.width - wit) / 2;
	popupWin = window.open( windowURL, windowName, "menubar=no,status=no,toolbar=no,location=no,scrollbars="+scroll+",screenx=1,screeny=1,width=" + wit + ",height=" + hite + ",top="+winH+",left="+winW);
	popupWin.focus();
} 


// ADD "SPECIAL FEATURES" LINKS WITH ARRAY
var optmenuarray = new Array();
optmenuarray[0] = new Array("Bonus Miles & More", "/puertorico/cards/en/cardserv/worldcard/gold-bonus.htm");
optmenuarray[1] = new Array("Concierge Service", "/puertorico/cards/en/cardserv/worldcard/gold-concierge.htm");
optmenuarray[2] = new Array("Travel Accident Insurance", "/puertorico/cards/en/cardserv/worldcard/gold-acc_ins.htm");
//optmenuarray[3] = new Array("", "");
optmenuarray[3] = new Array("FAQs", "/puertorico/cards/en/cardserv/worldcard/gold-faq.htm");

var navMenu = '';
//document.URL
// Special Features
	navMenu += '<table border="0" cellpadding="0" cellspacing="0" width="189">';
	navMenu += '<tr><td align="right" valign="top"><img src="/puertorico/cards/en/nav/card_ben.gif" width="176" height="30" alt="Special Features" border="0"></td></tr>';
	navMenu += '</table>';
	navMenu += '<table border="0" cellpadding="0" cellspacing="0" width="189">';
	navMenu += '<tr>';
	navMenu += '<td align="left" valign="top" width="13" background=""><img src="/puertorico/cards/en/nav/spacer.gif" width="1" height="1" alt="" border="0"></td>';
	navMenu += '<td align="left" valign="top" width="1" bgcolor="#cccccc" background=""><img src="/puertorico/cards/en/nav/spacer.gif" width="1" height="1" alt="" border="0"></td>';
	navMenu += '<td align="right" valign="top" width="155" background=""><img src="/puertorico/cards/en/nav/spacer.gif" width="1" height="1" alt="" border="0"></td>';
	navMenu += '<td align="left" valign="top" width="20" background=""><img src="/puertorico/cards/en/nav/spacer.gif" width="1" height="1" alt="" border="0"></td>';
	navMenu += '</tr>';
	for (var i = 0; i < optmenuarray.length; i ++) {
		navMenu += '<tr>';
		navMenu += '<td align="left" valign="top" background="">&nbsp;</td>';
		navMenu += '<td align="left" valign="top" background="" bgcolor="#cccccc"><img src="/puertorico/cards/en/nav/spacer.gif" width="1" height="1" alt="" border="0"></td>';
		navMenu += '<td align="right" valign="middle" background=""><a href="'+optmenuarray[i][1]+'" class="navSpec">';
		if (document.URL.indexOf(optmenuarray[i][1]) != -1) navMenu += '<font color="#0099FF">';
		navMenu += optmenuarray[i][0];
		if (document.URL.indexOf(optmenuarray[i][1]) != -1) navMenu += '</font>';
		navMenu += '</a></td>';
		navMenu += '<td align="left" valign="top" background=""><img src="/puertorico/cards/en/nav/arrow.gif" width="7" height="10" hspace="3" vspace="5" alt="" border="0"></td>';
		navMenu += '</tr>';
		if (i != optmenuarray.length - 1) {
			navMenu += '<tr>';
			navMenu += '<td align="left" valign="top" background=""><img src="/puertorico/cards/en/nav/spacer.gif" width="1" height="1" alt="" border="0"></td>';
			navMenu += '<td align="left" valign="top" background="" bgcolor="#cccccc" colspan="3"><img src="/puertorico/cards/en/nav/spacer.gif" width="1" height="1" alt="" border="0"></td>';
			navMenu += '</tr>';
		}
	}
	navMenu += '</table>';
	navMenu += '<table border="0" cellpadding="0" cellspacing="0" width="189">';
	navMenu += '<tr><td align="right" valign="top"><img src="/puertorico/cards/en/nav/card_benb.gif" width="176" height="6" alt="" border="0"></td></tr>';
	navMenu += '</table><br>';
// Built-in Features
	navMenu += '<table border="0" cellpadding="0" cellspacing="0" width="189">';
	navMenu += '<tr><td align="right" valign="top" colspan="3"><img src="/puertorico/cards/en/nav/benefits.gif" width="175" height="15" vspace="5" alt="Built-in Features" border="0"></td></tr>';
	navMenu += '<tr>';
	navMenu += '<td align="left" valign="top" width="55" background="">&nbsp;</td>';
	navMenu += '<td align="left" valign="top" width="119" background="">';
// ADD "BUILT-IN FEATURES" LINKS HERE
var builtarray = new Array();
builtarray[0] = new Array("Citibank Services", "/puertorico/cards/en/cardserv/worldcard/gold-svbenics.htm");
builtarray[1] = new Array("Online Services", "/puertorico/cards/en/cardserv/worldcard/gold-svbenios.htm");
builtarray[2] = new Array("Security &amp; Protection", "/puertorico/cards/en/cardserv/worldcard/gold-svbenisp.htm");
builtarray[3] = new Array("Cash Access", "/puertorico/cards/en/cardserv/worldcard/gold-servbeni.htm");
builtarray[4] = new Array("Money Management", "/puertorico/cards/en/cardserv/worldcard/gold-svbenimm.htm");
builtarray[5] = new Array("Travel Services", "/puertorico/cards/en/cardserv/worldcard/gold-svbenits.htm");
	for (var i = 0; i < builtarray.length; i ++) {
		navMenu += '<a href="'+builtarray[i][1]+'" class="nav">'
		if (document.URL.indexOf(builtarray[i][1]) != -1) navMenu += '<font color="#0099FF">';
		navMenu += builtarray[i][0];
		if (document.URL.indexOf(builtarray[i][1]) != -1) navMenu += '</font>';
		navMenu += '</a><br>';
	}
	navMenu += '<td align="left" valign="top" width="15" background="">&nbsp;</td>';
	navMenu += '</tr>';
	navMenu += '</table><br>';
// Details
	navMenu += '<table border="0" cellpadding="0" cellspacing="0" width="189">';
	navMenu += '<tr><td align="right" valign="top" colspan="3"><img src="/puertorico/cards/en/nav/details.gif" width="175" height="15" vspace="5" alt="The Details" border="0"></td></tr>';
	navMenu += '<tr>';
	navMenu += '<td align="left" valign="top" width="55" background="">&nbsp;</td>';
	navMenu += '<td align="left" valign="top" width="119" background="">';
// ADD "DETAILS" LINKS HERE
var detailsarray = new Array();
detailsarray[0] = new Array("About Your Account", "/puertorico/cards/en/cardserv/worldcard/gold-gn-abt.htm");
detailsarray[1] = new Array("Statement Tour", "/puertorico/cards/en/cardserv/worldcard/gold-statwrld.htm");
	for (var i = 0; i < detailsarray.length; i ++) {
		navMenu += '<a href="'+detailsarray[i][1]+'" class="nav">'
		if (document.URL.indexOf(detailsarray[i][1]) != -1) navMenu += '<font color="#0099FF">';
		navMenu += detailsarray[i][0];
		if (document.URL.indexOf(detailsarray[i][1]) != -1) navMenu += '</font>';
		navMenu += '</a><br>';
	}
	navMenu += '</td>';
	navMenu += '<td align="left" valign="top" width="15" background="">&nbsp;</td>';
	navMenu += '</tr>';
	navMenu += '</table>';
document.write(navMenu);