var imgname= new Array()

imgname[0]="http://www.bpidirect.com/images/emall.gif|http://www.bpidirect.com"
imgname[1]="http://www.bpidirect.com/images/eauto.gif|http://www.bpidirect.com"
imgname[2]="http://www.bpidirect.com/images/save.gif|http://www.bpidirect.com"
imgname[3]="http://www.bpidirect.com/images/remit.gif|http://www.bpidirect.com"

// Configure text|URL the of menu1
var menu_1= new Array()
menu_1[0]=" Savings Account|http://www.bpidirect.com/deposit_products/products.html#A"
menu_1[1]=" Checking Account|http://www.bpidirect.com/deposit_products/products.html#B"
menu_1[2]=" Time Deposit Account|http://www.bpidirect.com/deposit_products/products.html#C"
menu_1[3]=" BPI Express Online|http://www.bpidirect.com/redirect.html"

// Configure text|URL the of menu2
var menu_2= new Array()
menu_2[0]="Auto Loan|http://www.bpidirect.com/loans/auto/auto.html"   
menu_2[1]="Home Loan|http://www.bpidirect.com/loans/home/home.html"    
menu_2[2]="Application Tips|http://www.bpidirect.com/loans/tips.html"
menu_2[3]="Credit Cards|http://www.bpidirect.com/loans/cards/cards.html"

// Configure text|URL the of menu3
var menu_3= new Array()
menu_3[0]="Express Remit|http://www.bpidirect.com/remittance/express/express_remittance.html"
//menu_3[1]="Online Remittance|http://www.bpidirect.com/remittance/online/online_remittance.html"

// Configure text|URL the of menu4
var menu_4= new Array()
menu_4[0]="e-Shopping Center|http://www.bpidirect.com/e-shopping/frame.html"
menu_4[1]="e-Auto Center|http://www.bpidirect.com/e-shopping/e-auto/frame.html"
menu_4[2]="e-Home Center|http://www.bpidirect.com/e-shopping/e-home/frame.html"
menu_4[3]="e-Mall Center|http://www.bpidirect.com/e-shopping/e-mall/frame.html"

// Configure text|URL the of menu5
var menu_5= new Array()
menu_5[0]="Other Online Services|http://www.bpidirect.com/resources/forex/online_fx.html"
menu_5[1]="Government Resources|http://www.bpidirect.com/resources/govt_links.html"
menu_5[2]="Expat Pinoy Corner|http://www.bpidirect.com/resources/ofw_corner/features.html"

// Configure text|URL the of menu6
var menu_6= new Array()
menu_6[0]="BPI Direct|http://www.bpidirect.com/aboutus/aboutdirect.html"
menu_6[1]="BPI Express Online|http://www.bpidirect.com/aboutus/abouteol.html"
menu_6[2]="Terms and Conditions|http://www.bpidirect.com/aboutus/terms_condition.html"
menu_6[3]="Financial Statements|http://www.bpidirect.com/aboutus/statements/report.html"

// The height of the imagefield (pixels)
var scrollerheight=85

// The width of the imagefield (pixels)
var scrollerwidth=150

// The distance to the top border of the window (pixels)
var scrollertop=2

// The distance to the left border of the window (pixels)
var scrollerleft=464

// The background-image's (imagemap's) horizontal shift in relation to the imagefield (pixels)
var leftdif=435

// The background-image's (imagemap's) vertical shift in relation to the imagefield (pixels)
var topdif=2

// Font attributes of the submenu-links
var font_linkface="Verdana"
var font_linkcolor="yellow"
var font_linksize="2"

// The targets of the subemus
var linktarget="_top"

// standstill between the images of the slideshow (milliseconds)
var standstillfix=3000

// how long shall the submenus be visible (milliscronds)
var submenutime=10000

// the total number of your menu-items (menu-buttons on your imagemap)
var buttonnumber=6

// Do not edit below this line
var scrollerpadding=0
var cliptop=0
var clipbottom=scrollerheight-2*scrollerpadding
var clipleft=0
var clipright=scrollerwidth
var backgroundborder=0
var i_imgname=0
var mes_joined
var mes_split
var menu_joined
var menu_split
var contenttext
var contentmenu
var contentmenu2
var contentbg
var scrollerbgcolor=""
var totalheight=scrollerheight*(imgname.length)
var i_height=0
var step=1
var pause=20
var standstillflex=0
var imgpreload=new Array()
for (i=0;i<=imgname.length-1;i++) {
	menu_joined=imgname[i]
	menu_split=menu_joined.split("|")
	imgpreload[i]=new Image()
	imgpreload[i].src=menu_split[0]
}

var menu = new Array()
var imenu1 = "javascript:showmenu('menu1')"
var imenu2 = "javascript:showmenu('menu2')"
var imenu3 = "javascript:showmenu('menu3')"
var imenu4 = "javascript:showmenu('menu5')"
var imenu5 = "javascript:showmenu('menu6')"
var imenu6 = "javascript:showmenu('menu6')"
function initializemenus(){
	for (var ii=1;ii<=buttonnumber;ii++) {
		contentmenu="<table cellpadding=2 cellspacing=2 border=0 width="+(scrollerwidth-2*scrollerpadding)+" background='http://www.bpidirect.com/images/bannerbgb.gif'>"
		contentmenu+="<tr valign='top'><td height='"+scrollerheight+"' align=center>"
		var thismenu=eval("menu_"+ii)
		for (i=0;i<=thismenu.length-1;i++) {
			menu_joined=thismenu[i]
			menu_split=menu_joined.split("|")
			contentmenu+="<a href='"+menu_split[1]+"' target='"+linktarget+"'><font face='"+font_linkface+"' color='"+font_linkcolor+"' size='"+font_linksize+"'>"+menu_split[0]+"</font></a>"
		}
		contentmenu+="</td></tr>"
		contentmenu+="</table>"
		menu[ii]=contentmenu
		contentmenu=""
	}
//	menu[7] = "<img src='http://www.bpidirect.com/images/middle.gif'>"
	if (document.all) {
		middle.innerHTML = menu[7]
	} else {
		var thismenu = eval("document.middle")
		thismenu.document.write(menu[7])
		thismenu.document.close()
	}
}

function initiatemenus(){
	for (var ii=1;ii<=buttonnumber;ii++) {
		contentmenu="<table cellpadding=0 background='http://www.bpidirect.com/images/bannerbgb.gif' cellspacing=0 border=0 width=100%>"
		contentmenu+="<tr valign='middle' width=100%><td width=40%><img src='http://www.bpidirect.com/images/leftimage.gif'></td><td width=20% align=center>"
		contentmenu+="<img border=0 src='http://www.bpidirect.com/images/buttonset1.gif' usemap='#menunewsnav1'><MAP NAME='menunewsnav1'>"
	    	contentmenu+="<AREA SHAPE=RECT COORDS='7,4,113,28' HREF="+imenu1+">"
		contentmenu+="<AREA SHAPE=RECT COORDS='7,35,113,59' HREF="+imenu2+">"
		contentmenu+="<AREA SHAPE=RECT COORDS='7,67,113,91' HREF="+imenu3+"></MAP></td>"
		contentmenu+="<td height='"+scrollerheight+"' align=center>"
		var thismenu=eval("menu_"+ii)
		for (i=0;i<=thismenu.length-1;i++) {
			menu_joined=thismenu[i]
			menu_split=menu_joined.split("|")
			contentmenu+="<a href='"+menu_split[1]+"' target='"+linktarget+"'><font face='"+font_linkface+"' color='"+font_linkcolor+"' size='"+font_linksize+"'>"+menu_split[0]+"</font></a><br>"
		}
		contentmenu+="</td><td width=20% align=center><img src='http://www.bpidirect.com/images/buttonset2.gif' usemap='#menunewsnav2' border=0><MAP NAME='menunewsnav2'>"
       		contentmenu+="<AREA SHAPE=RECT COORDS='5,4,112,285' HREF="+imenu4+">"
		contentmenu+="<AREA SHAPE=RECT COORDS='5,35,112,59' HREF="+imenu5+">"
	       	contentmenu+="<AREA SHAPE=RECT COORDS='5,67,112,91' HREF="+imenu6+"></MAP></td></tr>"
		contentmenu+="</table>"
		if (document.all) {
			var thismenudiv=eval("document.all.menu"+ii+".style")
			var thisinnerhtml=eval("menu"+ii)
			thisinnerhtml.innerHTML=contentmenu
			thismenudiv.posTop=0
			thismenudiv.posLeft=0
		}
		if (document.layers) {
			var thismenudiv=eval("document.menu"+ii)
			thismenudiv.document.write(contentmenu)
			thismenudiv.document.close()
			thismenudiv.top=0
			thismenudiv.left=0
		}
		contentmenu=""
	}
	initiatemiddle()
}

function initiatemiddle() {
	contentmenu="<table cellpadding=0 cellspacing=0 background='http://www.bpidirect.com/images/bannerbgb.gif' border=0 width=100%>"
	contentmenu+="<tr valign='middle' align=center width=100%><td align=left width=40%><img src='http://www.bpidirect.com/images/leftimage.gif'></td><td width=20% align=center>"
	contentmenu+="<img src='http://www.bpidirect.com/images/buttonset1.gif' usemap='#menunewsnav1' border=0><MAP NAME='menunewsnav1'>"
	contentmenu+="<AREA SHAPE=RECT COORDS='7,4,113,28' HREF="+imenu1+">"
	contentmenu+="<AREA SHAPE=RECT COORDS='7,35,113,59' HREF="+imenu2+">"
	contentmenu+="<AREA SHAPE=RECT COORDS='7,67,113,91' HREF="+imenu3+"></MAP></td>"
//	contentmenu+="<td height='"+scrollerheight+"' align=center width=20%>"
//	contentmenu+="<a><img src='http://www.bpidirect.com/images/middle.gif'></a>"
//	contentmenu+="</td><td width=20%><img src='http://www.bpidirect.com/images/buttonset2.gif' usemap='#menunewsnav2' border=0><MAP NAME='menunewsnav2'>"
	contentmenu+="<td width=20%><img src='http://www.bpidirect.com/images/buttonset2.gif' usemap='#menunewsnav2' border=0><MAP NAME='menunewsnav2'>"
   	contentmenu+="<AREA SHAPE=RECT COORDS='5,4,112,28' HREF="+imenu4+">"
	contentmenu+="<AREA SHAPE=RECT COORDS='5,35,112,59' HREF="+imenu5+">"
   	contentmenu+="<AREA SHAPE=RECT COORDS='5,67,112,91' HREF="+imenu6+"></MAP></td></tr>"

	contentmenu+="</table>"
	contentmenu2="<table width=100% cellpadding=2 cellspacing=0 border=0>"
	contentmenu2+="<tr><td>&nbsp;</td></tr>"
	contentmenu2+="<tr><td>&nbsp;</td></tr>"
	contentmenu2+="<tr><td>&nbsp;</td></tr>"
	contentmenu2+="<tr><td>&nbsp;</td></tr>"
	contentmenu2+="<tr><td>&nbsp;</td></tr>"
	contentmenu2+="<tr>"
	contentmenu2+="<td align=right valign=top>"
	contentmenu2+="<a href='http://www.bpidirect.com/splash.asp' target='_top'><img vspace=0 hspace=0 border=0 src='http://www.bpidirect.com/images/iconhome.gif' alt='Home'></a>"
	contentmenu2+="<a href='http://www.bpidirect.com/help/faq.html' target='_top'><img  border=0 src='http://www.bpidirect.com/images/iconhelp.gif' alt='Help'></a>&nbsp;"
	contentmenu2+="<a href='https://www.bpiexpressonline.com/direct_signin.htm' target='eol'><img border=0 src='http://www.bpidirect.com/images/iconeol.gif' alt='Transact'></a>&nbsp;"
	contentmenu2+="<a href='http://www.bpidirect.com/help/contact_us.html' target='_top'><img border=0 src='http://www.bpidirect.com/images/iconphone.gif' alt='Contact Us'></a>"
	contentmenu2+="</td>"
	contentmenu2+="</tr>"
	contentmenu2+="</table>"
	if (document.all) {
		var thismenudiv=eval("document.all.middlepic.style")
		var thisinnerhtml=eval("middlepic")
		thisinnerhtml.innerHTML=contentmenu
		thismenudiv.posTop=0
		thismenudiv.posLeft=0
		thismenudiv=eval("document.all.buttonmenu.style")
		thisinnerhtml=eval("buttonmenu")
		thisinnerhtml.innerHTML=contentmenu2
		thismenudiv.posTop=0
		thismenudiv.posLeft=0
	}
	if (document.layers) {
		var thismenudiv=eval("document.middlepic")
		thismenudiv.document.write(contentmenu)
		thismenudiv.document.close()
		thismenudiv.top=0
		thismenudiv.left=0
		thismenudiv=eval("document.buttonmenu")
		thismenudiv.document.write(contentmenu2)
		thismenudiv.document.close()
		thismenudiv.top=0
		thismenudiv.left=0
	}
	contentmenu=""
}

function initiatescroller(){
	contenttext="<table cellpadding=2 cellspacing=2 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"
	contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><br></td></tr>"
	for (i=0;i<=imgname.length-1;i++) {
		mes_joined=imgname[i]
		mes_split=mes_joined.split("|")
		contenttext+="<tr valign='top'><td height='"+scrollerheight+"' align=center><a href='"+mes_split[1]+"'><img src='"+mes_split[0]+"' border=0></a></td></tr>"
	}
	contenttext+="</table>"
	
	contentbg="<table cellpadding=0 cellspacing=0 border="+backgroundborder+" width='"+scrollerwidth+"'><tr><td height='"+scrollerheight+"' bgcolor="+scrollerbgcolor+">&nbsp;</td></tr></table>"
}

function scroll(){
	standstillflex=standstillfix
	if (document.all){
		if (i_height<scrollerheight) {
			i_height+=step
			cliptop+=step
			clipbottom+=step
			var timer=setTimeout("scroll()",pause)
		}
	}
	
		if (document.layers){
			if (i_height<scrollerheight) {
				i_height+=step
				cliptop+=step
				clipbottom+=step
				var timer=setTimeout("scroll()",pause)
			}

	}
}

function showmenu(whichmenu) {
	clearTimeout(timer)
	hidealldivs()
	if (document.all) {
		var thismenu=eval("document.all."+whichmenu+".style")
		thismenu.visibility="VISIBLE"
		eval("document.all.middlepic.style").visibility="HIDDEN"
	}
	if (document.layers) {
		var thismenu=eval("document."+whichmenu)
		thismenu.visibility="VISIBLE"
		eval("document.middlepic").visibility="HIDDEN"
	}
	var timer=setTimeout("showtextagain()",submenutime)
}

function hidealldivs() {
	for (var ii=1;ii<=buttonnumber;ii++) {
		if (document.all) {
			var thismenudiv=eval("document.all.menu"+ii+".style")
			thismenudiv.visibility="HIDDEN"
		}
		if (document.layers) {
			var thismenudiv=eval("document.menu"+ii)
			thismenudiv.visibility="HIDDEN"
		}
	}
	if (document.all) {
	}
	if (document.layers) {
	}
}

function showtextagain() {
	for (var ii=1;ii<=buttonnumber;ii++) {
		if (document.all) {
			var thismenudiv=eval("document.all.menu"+ii+".style")
			thismenudiv.visibility="HIDDEN"
			eval("document.all.middlepic.style").visibility="VISIBLE"
		}
		if (document.layers) {
			var thismenudiv=eval("document.menu"+ii)
			thismenudiv.visibility="HIDDEN"
			eval("document.middlepic").visibility="VISIBLE"
		}
	}

	if (document.all) {
	}
	if (document.layers) {
	}
}