var menuname=new Array("About HTD","Reminders","What To DO","Registration","Dressing Code","Etiquette","Photo album","Statistic");
var menulink=new Array("index.htm","reminders.htm","whattodo.htm","registration.htm","dressingcode.htm","etiquette.htm","photoalbum.htm","https://www2.polyu.edu.hk/hall/cgi-bin/htdStatLogin.php");
var menuid;

document.write("<table border=\"0\" cellpadding=\"0\" cellspacing=\"1\" style=\"border-collapse: collapse\"><tr>");
for (menuid in menuname){
	document.write("<td style''><a class='button' href='" + menulink[menuid] + "' target='_self'>");
	document.write("<div id='menu" + menuid + "' class='c_button' onmouseover='className =\"b_button\"'  onmouseout=\"className='c_button'\">");	
	document.write("<p align='center'>" +  menuname[menuid] + "</p></div></td>")
} 
document.write("</tr></table>");