//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) / 600;
	var winW = (screen.width - wit) / 750;
	popupWin = window.open( windowURL, windowName, "menubar=no,status=no,toolbar=no,location=no,scrollbars=yes,screenx=1,screeny=1,width=" + wit + ",height=" + hite + ",top="+winH+",left="+winW);
	popupWin.focus();
}  


var navMenu = '';
//document.URL

// TourMenu
   navMenu += '<table border="0" cellpadding="0" cellspacing="0" width="189">';
   navMenu += '<tr><td align="right" valign="top" colspan="3"><img src="/puertorico/cards/esp/nav/ao_title.gif" width="175" height="15" vspace="5" alt="Account Online" border="0"></td></tr>';
   navMenu += '<tr>';
   navMenu += '<td align="right" valign="top" width="54" background="">';
   var builtarray = new Array();
// Adds Bullets to AOA listing
builtarray[0] = new Array("<font color=#ffcc00>&#149;</font>&nbsp", "/puertorico/cards/esp/tour/cb/aos_overview.htm");
builtarray[1] = new Array("<font color=#ffcc00>&#149;</font>&nbsp", "/puertorico/cards/esp/tour/cb/aos_actsum.htm");
builtarray[2] = new Array("<font color=#ffcc00>&#149;</font>&nbsp", "/puertorico/cards/esp/tour/cb/aos_stmt.htm");
builtarray[3] = new Array("&nbsp", "");
builtarray[4] = new Array("<font color=#ffcc00>&#149;</font>&nbsp", "/puertorico/cards/esp/tour/cb/ctp.htm");
builtarray[5] = new Array("&nbsp", "");
builtarray[6] = new Array("<font color=#ffcc00>&#149;</font>&nbsp", "");
builtarray[7] = new Array("&nbsp", "");
builtarray[8] = new Array("<font color=#ffcc00>&#149;</font>&nbsp", "");
builtarray[9] = new Array("<font color=#ffcc00>&#149;</font>&nbsp", "");
builtarray[10] = new Array("&nbsp", "");
builtarray[11] = new Array("<font color=#ffcc00>&#149;</font>&nbsp", "");

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="#ffcc00">';
      navMenu += builtarray[i][0];
      if (document.URL.indexOf(builtarray[i][1]) != -1) navMenu += '</font>';
      navMenu += '</a><br>';
   }
   navMenu += '</td>';
   navMenu += '<td align="left" valign="top" width="119" background="">';
// add "Account Online" Links
var builtarray = new Array();
builtarray[0] = new Array("Introducción", "/puertorico/cards/esp/tour/cb/aos_overview.htm");
builtarray[1] = new Array("Resumen de Cuenta", "/puertorico/cards/esp/tour/cb/aos_actsum.htm");
builtarray[2] = new Array("Opciones de Estados de Cuenta", "/puertorico/cards/esp/tour/cb/aos_stmt.htm");
builtarray[3] = new Array("Actividad Aún no Facturada", "/puertorico/cards/esp/tour/cb/unbilled.htm");
builtarray[4] = new Array("Paga las Tarjetas Citi&reg; en línea", "/puertorico/cards/esp/tour/cb/ctp.htm");
builtarray[5] = new Array("Transferencia de Saldo", "/puertorico/cards/esp/tour/cb/aos_bt.htm");
builtarray[6] = new Array("Aumento de Línea de Crédito", "/puertorico/cards/esp/tour/cb/aos_cli.htm");
builtarray[7] = new Array("Servicio de Alertas", "/puertorico/cards/esp/tour/cb/aos_alert.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>';
   navMenu += '<td align="left" valign="top" width="15" background="">&nbsp;</td>';
   navMenu += '</tr>';
   navMenu += '</table><br>';
// Privacy & Security 
   navMenu += '<table border="0" cellpadding="0" cellspacing="0" width="189">';
   navMenu += '<tr><td align="right" valign="top" colspan="3"><img src="/puertorico/cards/esp/nav/prvscr_ttl.gif" width="175" height="15" vspace="5" alt="Privacy & Security" border="0"></td></tr>';
   navMenu += '<tr>';
   navMenu += '<td align="right" valign="top" width="54" background="">';
//add bullets
var detailsarray = new Array();
detailsarray[0] = new Array("<font color=#ffcc00>&#149;</font>&nbsp");
detailsarray[1] = new Array("<font color=#ffcc00>&#149;</font>&nbsp");
detailsarray[2] = new Array("<font color=#ffcc00>&#149;</font>&nbsp");
//detailsarray[3] = new Array("<font color=#ffcc00>&#149;</font>&nbsp");
   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="#ccff00">';
      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="119" background="">';
// ADD "Privacy & Security" LINKS HERE
var detailsarray = new Array();
detailsarray[0] = new Array("Introducción", "/puertorico/cards/esp/tour/cb/prv_overview.htm");
detailsarray[1] = new Array("Privacidad", "javascript:openWin('http://www.citibank.com/us/tarjetas/gen-content/privacy.htm', 'privacy', 600, 550, 'yes');");
detailsarray[2] = new Array("Seguridad", "/puertorico/cards/esp/tour/cb/prv_secr.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><br>';
   
// Shop OnLine
   navMenu += '<table border="0" cellpadding="0" cellspacing="0" width="189">';
   navMenu += '<tr><td align="right" valign="top" colspan="3"><img src="/puertorico/cards/esp/nav/shop_ttl.gif" width="175" height="15" vspace="5" alt="Shop Online" border="0"></td></tr>';
   navMenu += '<tr>';
   navMenu += '<td align="right" valign="top" width="54" background="">';
   var builtarray = new Array();
// Adds Bullets to AOA listing
builtarray[0] = new Array("<font color=#ffcc00>&#149;</font>&nbsp");
//builtarray[1] = new Array("<font color=#ffcc00>&#149;</font>&nbsp");
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="#ffcc00">';
      navMenu += builtarray[i][0];
      if (document.URL.indexOf(builtarray[i][1]) != -1) navMenu += '</font>';
      navMenu += '</a><br>';
   }
   navMenu += '</td>';
   navMenu += '<td align="left" valign="top" width="119" background="">';
// Add "Shop OnLine" links
var builtarray = new Array();
builtarray[0] = new Array("Introducción", "/puertorico/cards/esp/tour/cb/shp_overview.htm");
//builtarray[1] = new Array("", "");
   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>';
   navMenu += '<td align="left" valign="top" width="15" background="">&nbsp;</td>';
   navMenu += '</tr>';
   navMenu += '</table><br>';
// Bill Payment 
   navMenu += '<table border="0" cellpadding="0" cellspacing="0" width="189">';
   navMenu += '<tr><td align="right" valign="top" colspan="3"><img src="/puertorico/cards/esp/nav/billpay_ttl.gif" width="175" height="15" vspace="5" alt="Bill Payment" border="0"></td></tr>';
   navMenu += '<tr>';
   navMenu += '<td align="right" valign="top" width="54" background="">';
//add bullets
var detailsarray = new Array();
detailsarray[0] = new Array("<font color=#ffcc00>&#149;</font>&nbsp");
detailsarray[1] = new Array("<font color=#ffffff>&#149;</font>&nbsp");
detailsarray[2] = new Array("<font color=#ffcc00>&#149;</font>&nbsp");
//detailsarray[3] = new Array("<font color=#ffcc00>&#149;</font>&nbsp");
   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="#ccff00">';
      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="119" background="">';
// ADD "BillPayment" LINKS HERE
var detailsarray = new Array();
detailsarray[0] = new Array("Paga las Tarjetas Citi&reg; en línea", "/puertorico/cards/esp/tour/cb/ctp.htm");
detailsarray[1] = new Array("Opciones de Pago", "payopt.htm");
//detailsarray[3] = new Array("", "");
   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><br>';
// Add New itme here  
//   navMenu += '<table border="0" cellpadding="0" cellspacing="0" width="189">';
//   navMenu += '<tr><td align="right" valign="top" colspan="3"><img src="/puertorico/cards/esp/nav/title image here_ttl.gif" width="175" height="15" vspace="5" alt="Beneficios de Microsoft&reg;" border="0"></td></tr>';
//   navMenu += '<tr>';
//   navMenu += '<td align="right" valign="top" width="54" background="">';
//add bullets
//var detailsarray = new Array();
//detailsarray[0] = new Array("<font color=#ffcc00>&#149;</font>&nbsp");
//detailsarray[1] = new Array("<font color=#ffcc00>&#149;</font>&nbsp");
//   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="#ccff00">';
//      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="119" background="">';
// ADD "Microsoft" LINKS HERE
//var detailsarray = new Array();
//detailsarray[0] = new Array("Text", "href");
//detailsarray[1] = new Array("Text", "href");
//   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);