var subMenuStatus=new Array();
   	subMenuStatus[1]="off";
	 subMenuStatus[2]="off";
	subMenuStatus[3]="off";
	subMenuStatus[4]="off";
	subMenuStatus[5]="off";
	subMenuStatus[6]="off";
	subMenuStatus[7]="off";
	subMenuStatus[8]="off";
	//subMenuStatus[9]="off";
	pageId="";
	
	var menuIds=new Array(
		{id:"crd00", suffix:"0"},
		{id:"crd01", suffix:"1"},
		{id:"crd02", suffix:"2"},
		{id:"crd03", suffix:"3"},
		{id:"crd04", suffix:"4"},
		{id:"crd05", suffix:"5"},
		{id:"crd130", suffix:"130"},
		{id:"crd06", suffix:"6"},
		{id:"crd07", suffix:"7"},
		{id:"crd08", suffix:"8"},
		{id:"crd09", suffix:"9"},
		{id:"crd10", suffix:"10"},
		{id:"crd11", suffix:"11"},
		{id:"crd12", suffix:"12"},
		{id:"crd11", suffix:"11", submenu:1},
		{id:"crd12", suffix:"12", submenu:1},
		{id:"crd13", suffix:"13", submenu:1},
		{id:"crd14", suffix:"14", submenu:1},
		{id:"crd21", suffix:"21", submenu:2},
		{id:"crd22", suffix:"22", submenu:2},
		{id:"crd23", suffix:"23", submenu:2},
		{id:"crd24", suffix:"24", submenu:2},
		{id:"crd25", suffix:"25", submenu:2},
		{id:"crd26", suffix:"26", submenu:2},
		{id:"crd27", suffix:"27", submenu:2},
		{id:"crd28", suffix:"28", submenu:2},
		{id:"crd29", suffix:"29", submenu:2},
	    {id:"crd31", suffix:"31", submenu:3},
		{id:"crd32", suffix:"32", submenu:3},
		{id:"crd33", suffix:"33", submenu:3},
		{id:"crd41", suffix:"41", submenu:4},
		{id:"crd42", suffix:"42", submenu:4},
		{id:"crd51", suffix:"51", submenu:5},
		{id:"crd52", suffix:"52", submenu:5},
		{id:"crd53", suffix:"53", submenu:5},
		{id:"crd54", suffix:"54", submenu:5},
		{id:"crd61", suffix:"61", submenu:6},
		{id:"crd71", suffix:"71", submenu:7},
		{id:"crd72", suffix:"72", submenu:7},
		//{id:"crd72", suffix:"81", submenu:8},
		{id:"crd91", suffix:"91", submenu:8},
		{id:"crd92", suffix:"92", submenu:8},
		{id:"crd93", suffix:"93", submenu:2},
		{id:"crd94", suffix:"94"}
		
		
		
		
	);
	
	
function createLeftMenu()	{
<!--
	//please pay attend to the id of "menuLink" and "menu", they are not in sequential as display order, as user change the orders of items many times after we build the menu
	
	
 
var	html='';

html+='<table id="menu0" width="100%" border="0" cellspacing="1" cellpadding="2">' ;
html+='<tr><td height="18" bgcolor="57a010" class="content_bold"><img src="/common/image/spacer.gif" width="5" height="5"><a href="http://bank.hangseng.com/1/2/personal/cards" style="text-decoration: none;"><font color="#FFFFFF">Cards</font></a></td></tr>';
html+='</table>';

html+='<table id="menu1" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr>';
html+='<td width="10%"><a href="javascript:subMenuToggle(1);"><img id="subMenuBut1" src="/common/image/expand.gif" width="9" height="9" border="0" hspace="3" vspace="3"></a></td>';
html+='<td width="90%" class="meun"><a id="menuLink1" href="https://bank.hangseng.com/1/2/personal/cards/online-applications/credit-cards" class="link">Online Application</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';


html+='<span id="subMenu1" style="display:none">';
html+='<table id="menu11" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink11" href="https://bank.hangseng.com/1/2/personal/cards/online-applications/credit-cards" class="link">Credit Cards</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu12" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink12" href="https://bank.hangseng.com/1/2/personal/cards/online-applications/spending-cards" class="link">Spending Cards</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';


html+='<table id="menu13" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr> ';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink13" href="https://bank.hangseng.com/1/2/personal/cards/online-applications/interest-instalment-offer" class="link">Low Interest/ Instalment Offer</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='	</table>';

html+='<table id="menu14" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink14" href="https://bank.hangseng.com/1/2/personal/cards/online-applications/octopus-application" class="link">Octopus Automatic Add Value Service</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';
html+='</span>';


html+='<table id="menu2" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr>';
html+='<td width="10%"><a href="javascript:subMenuToggle(2);"><img id="subMenuBut2" src="/common/image/expand.gif" width="9" height="9" border="0" hspace="3" vspace="3"></a></td>';
html+='<td width="90%" class="meun"><a id="menuLink2" href="javascript:subMenuToggle(2);" class="link">Card Products</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';


html+='<span id="subMenu2" style="display:none">';
html+='<table id="menu29" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink29" href="http://bank.hangseng.com/1/2/personal/cards/products/visa-infinite" class="link">Visa Infinite</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu93" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink93" href="http://bank.hangseng.com/1/2/personal/cards/products/world-mastercard" class="link">World MasterCard</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';



html+='<table id="menu21" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink21" href="http://bank.hangseng.com/1/2/personal/cards/products/platinum-card" class="link">Platinum Card</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu22" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink22" href="http://bank.hangseng.com/1/2/personal/cards/products/hang-seng-card" class="link">Hang Seng Credit Card</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu23" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink23" href="http://bank.hangseng.com/1/2/personal/cards/products/mpower-card" class="link">MPOWER Card</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu24" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink24" href="http://bank.hangseng.com/1/2/personal/cards/products/co-branded" class="link">Co-branded Card</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu25" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr> ';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink25" href="http://bank.hangseng.com/1/2/personal/cards/products/university-affinity" class="link">University Affinity Card</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu26" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink26" href="http://bank.hangseng.com/1/2/personal/cards/products/renminbi-card" class="link">Renminbi Credit Card</a></td>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';
/*
html+='<table id="menu27" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink27" href="http://bank.hangseng.com/1/2/personal/cards/products/visa-infinite" class="link">Visa Infinite</a></td>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';
*/
html+='<table id="menu28" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink28" href="http://bank.hangseng.com/1/2/personal/cards/products/alpha-card" class="link">alpha card Spending Card</a></td>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';
html+='</span>';

html+='<table id="menu3" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr>';
html+='<td width="10%"><a href="javascript:subMenuToggle(3);"><img id="subMenuBut3" src="/common/image/expand.gif" width="9" height="9" border="0" hspace="3" vspace="3"></a></td>';
html+='<td width="90%" class="meun"><a id="menuLink3" href="http://bank.hangseng.com/1/2/personal/cards/interest-instalment-offer" class="link">Cash/Spending Instalment Offers</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<span id="subMenu3" style="display:none">';

html+='<table id="menu31" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink31" href="http://bank.hangseng.com/1/2/personal/cards/interest-instalment-offer/cash-instalment" class="link">Cash Instalment</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu32" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink32" href="http://bank.hangseng.com/1/2/personal/cards/interest-instalment-offer/spending-instalment" class="link">Spending Instalment</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

//html+='<table id="menu33" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
//html+='<tr>';
//html+='<td width="10%" valign="top">&nbsp;</td>';
//html+='<td width="90%" class="meun"><a id="menuLink33" href="http://bank.hangseng.com/1/2/personal/cards/interest-instalment-offer/low-interest-offer" class="link">Low Interest Offer</a></td>';
//html+='</tr>';
//html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
//html+='</table>';

html+='</span>';



html+='<table id="menu4" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr> ';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink4" href="http://www.hangseng.com/cdr/html/eng/index.asp" target="_blank" class="link">Cash Dollars Gift Parade</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';


html+='<table id="menu5" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr> ';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink5" href="http://bank.hangseng.com/1/2/personal/cards/cash-dollars-merchant-list" class="link">Cash Dollars / Merchant Dollars Designated Merchants</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';


html+='<table id="menu130" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr> ';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink130" href="https://bank.hangseng.com/1/2/personal/cards/3x-cash-dollars-offer" class="link">3x Cash Dollars Offer</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';


html+='<table id="menu6" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr>';
html+='<td width="10%"><a href="javascript:subMenuToggle(4);"><img id="subMenuBut4" src="/common/image/expand.gif" width="9" height="9" border="0" hspace="3" vspace="3"></a></td>';
html+='<td width="90%" class="meun"><a id="menuLink4" href="http://www.hangseng.com/e_card/application_products.html" class="link">Application Offers</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<span id="subMenu4" style="display:none">';
html+='<table id="menu41" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink41" href="http://www.hangseng.com/e_card/application_products.html" class="link">Card Products</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu42" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink42" href="http://www.hangseng.com/e_card/application_card_related.html" class="link">Card-related Services</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';
html+='</span>';

html+='<table id="menu7" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr>';
html+='<td width="10%"><a href="javascript:subMenuToggle(5);"><img id="subMenuBut5" src="/common/image/expand.gif" width="9" height="9" border="0" hspace="3" vspace="3"></a></td>';
html+='<td width="90%" class="meun"><a id="menuLink5" href="http://www.hangseng.com/e_card/month_creditcard.html" class="link">Spending Privileges</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<span id="subMenu5" style="display:none">';
html+='<table id="menu51" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink51" href="http://www.hangseng.com/e_card/month_creditcard.html" class="link">Offers of the Month</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu52" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink52" href="http://bank.hangseng.com/1/2/personal/cards/spending-privileges/year-round-offers" class="link">Year-round Discount Offers</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu53" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink53" href="http://www.hangseng.com/hsb/eng/per/cre/mifip/avea.html" class="link">Merchant Interest-free Instalment Plan</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu54" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink54" href="https://bank.hangseng.com/1/2/personal/cards/spending-privileges/selected-merchant-instalment" class="link">Selected Merchant Interest-free Instalment Plan</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='</span>';

html+='<table id="menu8" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr>';
html+='<td width="10%"><a href="javascript:subMenuToggle(6);"><img id="subMenuBut6" src="/common/image/expand.gif" width="9" height="9" border="0" hspace="3" vspace="3"></a></td>';
html+='<td width="90%" class="meun"><a id="menuLink6" href="http://bank.hangseng.com/1/2/personal/cards/online-bill-payment" class="link">Online Bill Payment</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<span id="subMenu6" style="display:none">';
html+='<table id="menu61" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink61" href="http://bank.hangseng.com/1/2/personal/cards/online-bill-payment/faq" class="link">FAQ</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';
html+='</span>';

html+='<table id="menu9" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr>';
html+='<td width="10%"><a href="javascript:subMenuToggle(7);"><img id="subMenuBut7" src="/common/image/expand.gif" width="9" height="9" border="0" hspace="3" vspace="3"></a></td>';
html+='<td width="90%" class="meun"><a id="menuLink7" href="javascript:subMenuToggle(7);" class="link">Online Shopping Security</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<span id="subMenu7" style="display:none">';

html+='<table id="menu71" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink71" href="http://bank.hangseng.com/1/2/personal/cards/online-shoppingsecurity/verified-by-visa-service" class="link">Verified by Visa Service</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu72" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink72" href="http://bank.hangseng.com/1/2/personal/cards/online-shoppingsecurity/master-securecode-service" class="link">MasterCard SecureCode Service</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='</span>';

/*
html+='<table id="menu10" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr>';
html+='<td width="10%"><a href="javascript:subMenuToggle(8);"><img id="subMenuBut8" src="/common/image/expand.gif" width="9" height="9" border="0" hspace="3" vspace="3"></a></td>';
html+='<td width="90%" class="meun"><a id="menuLink8" href="http://bank.hangseng.com/1/2/personal/cards/octopus-automatic-add-value" class="link">Octopus Automatic Add Value Service</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<span id="subMenu8" style="display:none">';

html+='<table id="menu81" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink81" href="http://bank.hangseng.com/1/2/personal/cards/octopus-automatic-add-value" class="link">Octopus Automatic Add Value Service </a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='</span>';
*/


html+='<table id="menu94" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr> ';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink81" href="http://bank.hangseng.com/1/2/personal/cards/octopus-automatic-add-value" class="link">Octopus Automatic Add Value Service </a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu11" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr>';
html+='<td width="10%"><a href="javascript:subMenuToggle(8);"><img id="subMenuBut8" src="/common/image/expand.gif" width="9" height="9" border="0" hspace="3" vspace="3"></a></td>';
html+='<td width="90%" class="meun"><a id="menuLink8" href="javascript:subMenuToggle(8);" class="link">Other Card-related Services</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<span id="subMenu8" style="display:none">';

html+='<table id="menu91" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink91" href="http://bank.hangseng.com/1/2/personal/cards/other-card-related-services/card-assist" class="link">Card Assist</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table id="menu92" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntableinside">';
html+='<tr>';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink92" href="https://bank.hangseng.com/1/2/personal/insurance/accident/credit-care-protection" target="_blank" class="link">Credit Care Protection Plan</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';
html+='</span>';

html+='<table id="menu12" border="0" cellpadding="0" cellspacing="0" width="100%" height="30" class="meuntable">';
html+='<tr> ';
html+='<td width="10%" valign="top">&nbsp;</td>';
html+='<td width="90%" class="meun"><a id="menuLink12" href="http://bank.hangseng.com/1/2/personal/cards/card-directory" class="link">Card Benefits Directory for New Customer</a></td>';
html+='</tr>';
html+='<tr><td height="1" bgcolor="#FFFFFF" colspan="2"><img src="/common/image/spacer.jpg" width="100%" height="1"></td></tr>';
html+='</table>';

html+='<table height="100%" border="0" cellpadding="0" cellspacing="0">';
html+='<tr><td colspan="3">&nbsp;</td></tr>';
html+='</table>';





document.write(html);


highlightCurrPage();

}



<!--
function highlightCurrPage() {
	
	

	for (var j=1;j<menuIds.length;j++) {
			var sufx=menuIds[j].suffix;
			if ( document.getElementById("menuLink"+sufx) && document.getElementById("menuLink"+sufx).style && document.getElementById("menuLink"+sufx).style.color)
			document.getElementById("menuLink"+sufx).style.color="";

	}
	
	for (var i=1;i<menuIds.length;i++) {
	
	
		if (pageId!=null && pageId==menuIds[i].id) {
			var sfx=menuIds[i].suffix;
			//document.getElementById("menu"+sfx).bgColor="#B5B5B5";
			//alert(document.getElementById("menuLink"+sfx).style.color);
			document.getElementById("menuLink"+sfx).style.color="#308E1D";
			break;
		}
	}
	if (i>=menuIds.length) return;
	if (menuIds[i].submenu) {
		var subsfx=menuIds[i].submenu;
		subMenuReadOnly(subsfx);
	}
}

function subMenuReadOnly(i) {
	setSubMenu(i,"http://www.hangseng.com/common/image/coll.gif","inline");
	subMenuStatus[i]="readonly";
}

//amend by Robin 20080521, fix the contracting submenu problem of insSubMenuToggle
function subMenuToggle(i) {


	if (subMenuStatus[i]=="on") { subMenuOff(i); return; }
	for (var j=1;j<subMenuStatus.length;j++) subMenuOff(j);
	if (subMenuStatus[i]=="off") { subMenuOn(i); return; }
	if (subMenuStatus[i]=="readonly") { subMenuOff(i); return; }
}

//add by Hao on 20070115, for contracting submenu
function insSubMenuToggle(i) {
	
	for (var j=1;j<subMenuStatus.length;j++) subMenuOff(j);
	if (subMenuStatus[i]=="on") {  subMenuOff(i); return; }
	if (subMenuStatus[i]=="off") {  subMenuOn(i); return; }
	if (subMenuStatus[i]=="readonly") { subMenuOff(i); return; }
}

function subMenuOff(i) {
	setSubMenu(i,"http://www.hangseng.com/common/image/expand.gif","none");
	subMenuStatus[i]="off";
}

function subMenuOn(i) {
	
	setSubMenu(i,"http://www.hangseng.com/common/image/coll.gif","inline");	
	subMenuStatus[i]="on";
}

function setSubMenu(i,g,d) {
	document.getElementById("subMenuBut"+i).src=g;
	document.getElementById("subMenu"+i).style.display=d;
}








//-->