function AddHeader(pname){
	document.writeln("<table bgcolor=#6699cc cellpadding=0 cellspacing=0 width=900>");
	document.writeln("<tbody><tr><td height=20 width=582><a name=top></a></td>");
	document.writeln("<td bgcolor=#fbc127 width=140>&nbsp;&nbsp;<a class=smallbanner href=http://ode.engin.umich.edu/index.html>home</a>&nbsp;&nbsp;");
	document.writeln("<a class=smallbanner href=http://ode.engin.umich.edu/contactus.html>contact us</a></td>");
	document.writeln("<td bgcolor=#fbc127 width=178>");
	document.writeln("<div id=submenu><ul><h2>related links &gt;&gt;</h2>");
	document.writeln("<li><a href=http://arc.engin.umich.edu/index.html>Automotive Research Center (ARC)</a></li>");
	document.writeln("<li><a href=http://designscience.umich.edu/index.html>Design Science Program</a></li>");
	document.writeln("<li><a href=http://me.engin.umich.edu/deslab/>Design Laboratory</a></li>");
	document.writeln("<li><a href=http://www.me.engin.umich.edu/>Mechanical Engineering</a></li>");
	document.writeln("<li><a href=http://www.engin.umich.edu/>College of Engineering</a></li>");
	document.writeln("<li><a href=http://www.art-design.umich.edu/>School of Art and Design</a></li>");
	document.writeln("<li><a href=http://www.tcaup.umich.edu/>College of Architecture</a></li>");
	document.writeln("<li><a href=http://www.umich.edu/>University of Michigan</a></li>");
	document.writeln("</ul></div></td></tr></tbody></table>");
	document.writeln("<table bgcolor=#6699cc border=0 cellpadding=0 cellspacing=0 width=900>");
	document.writeln("<tbody><tr><td height=60 valign=middle width=500>");
	document.writeln("<span class=topheader1>&nbsp;optimal design laboratory&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <font size=+1>&gt;&gt;&gt;</font></span></td>");
	document.writeln("<td valign=top width=222><span class=topheader2><br>"+pname+"</span></td>");
	document.writeln("<td width=178><a href=http://ode.engin.umich.edu/index.html><img alt=ODE src=http://ode.engin.umich.edu/images/ode.gif border=0 width=80></a>&nbsp;<img src=http://ode.engin.umich.edu/images/onepixel.gif border=0 height=40 width=1>&nbsp;&nbsp;<a href=http://www.umich.edu/><img alt=UofM src=http://ode.engin.umich.edu/images/mlogo.gif border=0 width=43></a></td></tr><tr bgcolor=#6699cc><td colspan=5 height=4></td></tr></tbody></table>");
	// start of menu
	
	document.writeln("<div style=\"height: 25px; color:#000000;\">");
	document.writeln("<div id=menu><table cellSpacing=0 cellPadding=0 width=900 border=0 bgcolor=#000000><tr height= 25px>");
	document.writeln("<td width=5></td><td width=717><div id=mainmenu><ul>");
//	var pname_set = new Array("about us","what's new","research","people","publications","courses","links","blogs");
//	var paddr_set = new Array("aboutus.html", "whatsnew/news.html", "research.html", "people.html", "publications.html", "courses.html", "links.html", "blogs/index.html");
	var pname_set = new Array("about us","what's new","research","people","publications","courses","links");
	var paddr_set = new Array("aboutus.html", "whatsnew/news.html", "research.html", "people.html", "publications.html", "courses.html", "links.html");
	var i;
	for (i in pname_set)
	{
		if (pname_set[i] == pname){
			document.writeln("<li><a href=\"http://ode.engin.umich.edu/"+paddr_set[i]+"\" class=active>"+pname_set[i]+"</a></li>");
		}
		else{
			document.writeln("<li><a href=\"http://ode.engin.umich.edu/"+paddr_set[i]+"\">"+pname_set[i]+"</a></li>");
		}
	}
	document.writeln("</ul></div></td>");
	document.writeln("<td width=178 align=left>");
	document.writeln("<FORM name=seek method=GET action=\"http://www.google.com/search\" target=\"_window\">");
	document.writeln("<input type=hidden name=ie value=UTF-8>");
	document.writeln("<input type=hidden name=oe value=UTF-8>");
    document.writeln("<input type=text name=q size=23 value=search>");
    document.writeln("<input type=hidden name=sitesearch value=\"ode.engin.umich.edu\">");
    document.writeln("</form></td></tr></table></div></div>");
    // end of menu
}

function AddFooter() {
  document.writeln("<table bgcolor=#6699cc border=0 cellpadding=0 cellspacing=0 height=45 width=900>");
  document.writeln("<tbody><tr><td colspan=5 bgcolor=#666666 height=1></td></tr><tr><td width=30></td>");
  document.writeln("<td width=400><font class=copyright>Site Design: Hyoung-June Park, Jeongwoo Han</font></td>");
  document.writeln("<td width=40></td><td align=right width=400>");
    
  document.writeln("<font class=copyright>&#169; ODE ");
  CopyrightYear();
  document.writeln(" <a class=copyright href=mailto:ode.it%20at%20umich.edu>Send E-mail</a> (Webmaster) | </font>");
  document.writeln("<a class=copyright href=#top>Goto top &#8593;</a></td>");
  document.writeln("<td width=30></td></tr></tbody></table>");
  document.writeln("<table border=0 cellpadding=0 cellspacing=0 height=15 width=920>");
  document.writeln("<tr><td class=endleft></td>");
  document.writeln("<td class=endmiddle></td>");
  document.writeln("<td class=endright></td>");
  document.writeln("</tr></table>");

}

function CopyrightYear() {
//  var time = new Date();
//  var year = time.getYear();
//  
//  if (year < 1900) {
//    year = year + 1900;
//  }
 
  document.write("2009");
}