link = new Array(8)
link[1] = "index.htm"
link[2] = "prod1.htm"
link[3] = "prod2.htm"
link[4] = "prod3.htm"
link[5] = "nutrition1.htm"

function drawSubNav(active)
{
	
	document.write("		<table cellpadding=0 cellspacing=0 border=0 width='733'>");
	document.write("				<tr>");
	document.write("					<td width=439 height=21 bgcolor='#FFCF06' valign=middle align=left>");
	document.write("						<table cellpadding=0 cellspacing=0 border=0 width='439'>");
	document.write("						<tr>");
	document.write("							<td colspan=10 height=3><img src='../images/trans.gif' width=1 height=3></td>");
	document.write("						</tr>");
	document.write("						<tr>");
	document.write("							<td align=left valign=top><a href='../index.htm' onMouseOver=ChangeImageOver('home') onMouseOut=ChangeImageOut('home')><img name='home' src='../images/home_off.gif' border=0 ></a></td>");
	document.write("							<td align=left valign=top><img src='../images/bar.gif'></td>");
	document.write("							<td align=left valign=top><a href='../about/index.htm' onMouseOver=ChangeImageOver('about') onMouseOut=ChangeImageOut('about')><img name='about' src='../images/about_off.gif' border=0></a></td>");
	document.write("							<td align=left valign=top><img src='../images/bar.gif'></td>");
	document.write("							<td align=left valign=top><img name='food' src='../images/food_active.gif' border=0 ></td>");
	document.write("							<td align=left valign=top><img src='../images/bar.gif'></td>");
	document.write("							<td align=left valign=top><a href='../children/index.htm' onMouseOver=ChangeImageOver('kid') onMouseOut=ChangeImageOut('kid')><img name='kid' src='../images/kid_off.gif' border=0 ></a></td>");
	document.write("							<td align=left valign=top><img src='../images/bar.gif'></td>");
	document.write("							<td align=left valign=top><a href='../recruitment/index.htm' onMouseOver=ChangeImageOver('career') onMouseOut=ChangeImageOut('career')><img name='career' src='../images/career_off.gif' border=0 ></a></td>");
	document.write("							<td width=10><img src='../images/trans.gif' width=10 height=1></td>");
	document.write("						</table>");
	document.write("					</td>");
	document.write("					<td width=34 height=21><img src='../images/nav_tail.gif'></td>");
	document.write("					<td rowspan=2 width=258 valign=top><img src='images/lv1_a.gif'><br><img src='images/lv1_e_" + active + ".gif'></td>");
	document.write("					<td rowspan=2 width=2 bgcolor='#FFCF06' valign=top><img src='../images/trans.gif' width=2 height=1></td>");
	document.write("				</tr>");
	document.write("				<tr>");
	document.write("					<td colspan=2 width=473 valign=top>");
	document.write("					<table cellpadding=0 cellspacing=0 border=0 width='473'>");
	document.write("						<tr>");
	for(i=1;i<=5;i++)
	{
		if(i==active)
			document.write("							<td><a href='"+link[i]+"'><img src='images/subnav"+i+"_on.gif' border=0></a></td>");
		else
			document.write("							<td><a href='"+link[i]+"' onMouseOver=ChangeImageOver('subnav"+i+"') onMouseOut=ChangeImageOut('subnav"+i+"')><img name='subnav"+i+"' src='images/subnav"+i+"_off.gif' border=0></a></td>");
	}
	document.write("							<td><img src='images/lv1_b.gif'></td>");
	document.write("						</tr>");
	document.write("						<tr>");
	document.write("							<td colspan=6><img src='images/lv1_c.gif'><img src='images/lv1_d_" + active + ".gif'></td>");
	document.write("						</tr>");
	document.write("					</table>");
	document.write("					</td>");
	document.write("				</tr>");
	document.write("			</table>");

}