// Define Category Attributes
	ncategory = 5;			// number of categories
	categories = new Array;		// category name
	color = new Array;		// category color
	categorytop = new Array;	// category top file
	color[0] = "#efefef";
	categories[1] = "Home";
	categorytop[1] = "index.htm";
	color[1] = "#bfbfef";
	categories[2] = "Research";
	color[2] = "#bfefbf";
	categorytop[2] = "research/research.htm";
	categories[3] = "Courses";
	color[3] = "#efbfbf";
	categorytop[3] = "courses.htm";
	categories[4] = "Teaching";
	color[4] = "#e8e8a8";
	categorytop[4] = "teaching/teaching.htm";
	categories[5] = "Appendix";
	color[5] = "#efbfef";
	categorytop[5] = "appendix/appendix.htm";

	// Define Category Tab Widths
	tablewidth = 1000;
	tabwidth = 120;
	spacewidth = 10;
	rightspace = tablewidth - ncategory * (tabwidth + spacewidth);

	// Adjust Link to Category Top File according to Depth
	precategorytop = "";
	for(i=0;i<depth;i++) {
		precategorytop += "../";
	}

	// Define Links
	nlink = 2;			// number of links
	linkname = new Array;		// link name
	linkhref = new Array;		// link reference
	linkname[1] = "UCLA home";
	linkhref[1] = "http://www.ucla.edu";
	linkname[2] = "Econ home";
	linkhref[2] = "http://www.econ.ucla.edu";

	// Whole Table
	document.write("<TABLE width="+tablewidth+" height=100% cellspacing=0 cellpadding=0 style=\"layout:fixed;\">\n");
	document.write("<tr>\n");
	document.write("	<td width=100% height=20 style=\"background:#303080; font-size:8pt; color:white; font-family:Verdana; text-align:left; vertical-align:bottom; padding:3px;\">\n");
	document.write("	You're visiting Yong's webpage.\n");
	document.write("	</td>\n");
	document.write("</tr>\n");
	document.write("<tr>\n");
	document.write("	<td width=100% height=50 style=\"background:white; font-size:10pt; color:#5070df; font-family:Verdana; text-align:left; vertical-align:middle; padding-left:30px; padding-right:30px;\">\n");
	document.write("	QUICK LINK:\n");
	for(i=1;i<=nlink;i++) {
		document.write("	<a href=\""+linkhref[i]+"\" target=\"_blank\">"+linkname[i]+"</a> /\n");
	}
	document.write("	</td>\n");
	document.write("</tr>\n");
	document.write("<tr>\n");
	document.write("	<td width=100% style=\"background:white; font-size:10pt; color:#303030; font-family:Verdana; text-align:center; vertical-align:top; padding-top:10px; padding-bottom:10px;\">\n");

	// Sub Table
	document.write("<TABLE width=100% height=100% cellspacing=0 cellpadding=0>\n");
	document.write("<tr>\n");
	document.write("	<td width=100% style=\"background:white\">\n");

	// Category Tab Table
	document.write("<TABLE width=100% height=20 cellspacing=0 cellpadding=0>\n");
	document.write("<tr>\n");
	for(i=1;i<=ncategory;i++) {
		document.write("	<td width="+spacewidth+" style=\"background:white; font-size:1pt; border:1px solid #808080; border-top-style:none; border-left-style:none; border-right-style:none;\">&nbsp;</td>\n");
		if (i == category) {
			if (topdummy) document.write("	<td width=120 style=\"background:"+color[i]+"; font-family:Verdana; text-align:center; vertical-align:bottom; padding:3px;\">\n");
			else document.write("	<td width=120 style=\"background:"+color[i]+"; font-family:Verdana; text-align:center; vertical-align:bottom; padding:3px;\" onmouseover=\"this.style.background='"+color[0]+"';\" onmouseout=\"this.style.background='"+color[i]+"';\" onclick=\"location.href='"+precategorytop+categorytop[i]+"';\">\n"); }
		else document.write("	<td width=120 style=\"background:"+color[i]+"; font-family:Verdana; text-align:center; vertical-align:bottom; padding:3px; border:1px solid #808080; border-top-style:none; border-left-style:none; border-right-style:none;\" onmouseover=\"this.style.background='"+color[0]+"';\" onmouseout=\"this.style.background='"+color[i]+"';\" onclick=\"location.href='"+precategorytop+categorytop[i]+"';\">\n");
		document.write(categories[i]+"\n");
		document.write("	</td>\n");
	}
	document.write("	<td width="+rightspace+" style=\"background:white; font-size:1pt; border:1px solid #808080; border-top-style:none; border-left-style:none; border-right-style:none;\">&nbsp;</td>\n");
	document.write("	</td>\n");
	document.write("</tr>\n");
	document.write("</TABLE>\n");

	document.write("	</td>\n");
	document.write("</tr>\n");
	document.write("<tr>\n");
	document.write("	<td width=100% height=100% style=\"background:white; border:5px solid "+color[category]+"; text-align:center; vertical-align:top;\">\n");

	// Content Table
	document.write("<TABLE width=100% height=100% cellspacing=0 cellpadding=0>\n");
	document.write("<tr>\n");
	document.write("	<td width=100% height=100% style=\"background:white; line-height: 15pt; text-align:left; vertical-align:top; padding-top:10px; padding-bottom:10px; padding-left:30px; padding-right:30px;\">\n");
	document.write("<font color="+color[category]+">LOCATION: "+documentlocation+"</font>\n");
	document.write("<TABLE width=100% cellpadding=0 cellspacing=0>\n");
	document.write("<tr><td width=100% height=1 style=\"background:"+color[category]+";\"></td></tr>\n");
	document.write("</TABLE>\n");
	document.write("<br>\n");