/* Routine to generate the header */
document.write("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" bgcolor=\"#FF0000\"><tr><td>");

/* Black border*/
/*document.write("<div style=\"height: 105; border-style: solid; border-width: 1; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #000000\">");*/

/* Wudang Kung-Fu Logo + Yin-Yang symbol */
/*document.write("<div style=\"border-style: solid; border-width: 1; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; width:1570; height:64\"> \
	<img border=\"0\" src=\"images/Logo.jpg\" width=\"386\" height=\"61\">&nbsp;&nbsp;&nbsp; \
	<img border=\"0\" src=\"images/Yin_Yang.jpg\" width=\"80\" height=\"80\"></div>");
*/

/* Menu items */
var MENU_ITEMS = [
	["Home", "home.html", "News", "news.html"],
	["Master Sun", "mastersun.html", "Gallery", "msgallery.html"],
	["Our School", "ourschool.html", "Xing-Yi", "xyhome.html", "Tai-Chi", "tchome.html", "Chin-Na", "cnhome.html", "Chi-Gung", "cghome.html", "Timetable", "timetable.html"],
	["Reference", "reference.html"],
	["Contact Us", "contactus.html", "Timetable", "timetable.html"]
]

document.write("<ul id=\"nav\">")
for (i=0; i < MENU_ITEMS.length; i++) {	
	document.write("<li><a href=\"" + MENU_ITEMS[i][1] + "\">" + MENU_ITEMS[i][0] + "</a><ul>");
	for (j=2; j < MENU_ITEMS[i].length; j+=2) {
		document.write("<li><a href=\""+MENU_ITEMS[i][j+1]+"\">")
		document.write(MENU_ITEMS[i][j]);
		document.write("</a></li>");
	}
	document.write("</ul><li>");
}
document.write("</ul>");
document.write("</div>");

document.write("</td></tr></table>");
document.write("<hr/>");

/* TEST STUB FOR FORMATTING PURPOSES
<ul id="nav">
	<li><a href="#">Menu 1</a>
		<ul>
			<li><a href="#">Item 1</a></li>
			<li><a href="#">Item 2</a></li>
			<li><a href="#">Item 3</a></li>
		</ul>
	</li>

	<li><a href="#">Menu 2</a>
		<ul>
			<li><a href="#">Item 1</a></li>
			<li><a href="#">Item 2</a></li>
			<li><a href="#">Item 3</a></li>
		</ul>
	</li>
	<li><a href="#">Menu 3</a>
		<ul>
			<li><a href="#">Item 1</a></li>
			<li><a href="#">Item 2</a></li>
			<li><a href="#">Item 3</a></li>
		</ul>
	</li>
</ul>*/