function topNav(dir,id)
{
	var arrDir = new Array("","../");
	var arrImgOn = new Array("images/bt_home_o.gif","images/bt_about_o.gif","images/bt_news_o.gif","images/bt_product_o.gif","images/bt_code_o.gif","images/bt_employment_o.gif");
	
	document.writeln('<table width="100%"  border="0" cellspacing="0" cellpadding="0">');
	document.writeln('  <tr>');
	document.writeln('    <td width="200" rowspan="2"><img src="'+arrDir[dir]+'images/index_02.gif" width="200" height="98"></td>');
	document.writeln('    <td>&nbsp;</td>');
	document.writeln('    <td align="right"><img src="'+arrDir[dir]+'images/contact.gif" width="148" height="46" border="0" usemap="#Map">');
	document.writeln('      <map name="Map">');
	document.writeln('        <area shape="rect" coords="8,9,76,31" href="'+arrDir[dir]+'contact.htm">');
	document.writeln('        <area shape="rect" coords="85,13,135,31" href="'+arrDir[dir]+'sitemap.htm">');
	document.writeln('    </map></td>');
	document.writeln('  </tr>');
	document.writeln('  <tr>');
	document.writeln('    <td colspan="2" align="left"><table width="557"  border="0" cellspacing="0" cellpadding="0">');
	document.writeln('      <tr>');
	document.writeln('        <td><a href="'+arrDir[dir]+'index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'topNav1\',\'\',\''+arrDir[dir]+'images/bt_home_o.gif\',1)"><img src="images/bt_home_n.gif" name="topNav1" width="94" height="49" border="0"></a></td>');
	document.writeln('        <td><a href="'+arrDir[dir]+'about_us.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'topNav2\',\'\',\''+arrDir[dir]+'images/bt_about_o.gif\',1)"><img src="images/bt_about_n.gif" name="topNav2" width="93" height="49" border="0"></a></td>');
		document.writeln('        <td><a href="'+arrDir[dir]+'code_bus_conduct.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'topNav5\',\'\',\''+arrDir[dir]+'images/bt_code_o.gif\',1)"><img src="images/bt_code_n.gif" name="topNav5" width="92" height="49" border="0"></a></td>');
	document.writeln('        <td><a href="'+arrDir[dir]+'news.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'topNav3\',\'\',\''+arrDir[dir]+'images/bt_news_o.gif\',1)"><img src="images/bt_news_n.gif" name="topNav3" width="92" height="49" border="0"></a></td>');
	document.writeln('        <td><a href="'+arrDir[dir]+'products_index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'topNav4\',\'\',\''+arrDir[dir]+'images/bt_product_o.gif\',1)"><img src="images/bt_product_n.gif" name="topNav4" width="92" height="49" border="0"></a></td>');
	document.writeln('        <td><a href="'+arrDir[dir]+'employment.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'topNav6\',\'\',\''+arrDir[dir]+'images/bt_employment_o.gif\',1)"><img src="images/bt_employment_n.gif" name="topNav6" width="94" height="49" border="0"></a></td>');
	document.writeln('      </tr>');
	document.writeln('    </table></td>');
	document.writeln('  </tr>');
	document.writeln('</table>');
	
	if(id > 0)
		document.images["topNav"+id].src = arrDir[dir]+""+arrImgOn[(id-1)];
}