1) navigation.js
var navhome1 = new Array(); // This is for the navigation for topnavigation.
// ==================== Navigation ==================== //
navhome1[0] = ‘<div id=”tab”>’;
navhome1[1] = ‘<table width=”274″ border=”0″ cellspacing=”0″ cellpadding=”0″><tr>’;
navhome1[2] = ‘ <td width=”56″><div align=”center”><a href=”index.html”>Home</a></div></td>’;
navhome1[3] = ‘ <td width=”56″><div align=”center”><a href=”about-iic-technologies.html” ><span>About Us</span></a></div></td>’;
navhome1[4] = ‘ <td width=”56″class=”topheader”><div align=”center”><a href=”careers.html”>Careers</a></div></td>’;
navhome1[5] = ‘ <td width=”56″><div align=”center”><a href=”contact-iic-technologies.html”>Contact Us</a></div></td>’;
navhome1[6] = ‘</tr></table>’;
navhome1[7] = ‘</div>’;
var navfooter = new Array(); // This is for the navigation for footernavigation.
// ==================== Navigation ==================== //
navfooter[0] = ‘<div id=”tab”>’;
navfooter[1] = ‘<table width=”450″ border=”0″ cellspacing=”0″ cellpadding=”0″><tr>’;
navfooter[2] = ‘ <td width=”80 “><div align=”center”><a href=”index.html”>Home</a></div></td>’;
navfooter[3] = ‘<td width=”80″><div align=”center”><a href=”sitemap.html” ><span>Sitemap</span></a></div></td>’;
navfooter[4] = ‘<td width=”80″><div align=”center”><a href=”feedback.html”>Feedback</a></div></td>’;
navfooter[5] = ‘<td width=”80″><div align=”center”><a href=”privacy-policy.html”>Privacy Policy</a></div></td>’;
navfooter[6] = ‘<td width=”105″><div align=”center” ><a href=”terms-and-conditions.html”>Terms and Conditions</a></div></td>’;
navfooter[7] = ‘</tr></table>’;
navfooter[8] = ‘</div>’;
var navcopyright = new Array(); // This is for the navigation for footernavigation.
// ==================== Navigation ==================== //
navcopyright[0] = ‘<div id=”tab”>’;
navcopyright[1] = ‘<a href=”index.html”>Copyright © 2012 IIC Technologies </a>’;
navcopyright[2] = ‘</div>’;
function show(i)
{
for (x in i)
{
document.write(i[x]+’\n’);
}
}
2) index.html file
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>index</title>
<link href=”stylesheet-1.css” rel=”stylesheet” type=”text/css” />
<link rel=”Shortcut Icon” href=”images/favicon.ico”>
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
<script src=”navigation.js” type=”text/javascript”></script>
</head>
<body>
<div id=”page-bg”>
<div >
<div>
<div >
<table width=”992″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td><table width=”992″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”300″><div align=”right” style=”padding-top:5px”>
<script type=”text/javascript”>show(navhome1);</script>
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width=”992″ border=”0″ cellspacing=”0″ cellpadding=”0″ style=”border-bottom: 1px solid #eee;” >
<tr>
<td style=”padding-top:5px;”><table width=”992″ style=”border-bottom: 1px solid #eee;” >
<tr>
<td width=”992″><script type=”text/javascript”>show(navigation);</script></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height=”0″ bgcolor=”#aba8a8″></td>
</tr>
<tr>
<td><table width=”992″ border=”0″ align=”left” cellpadding=”0″ cellspacing=”0″>
<tr> </tr>
<tr>
<td width=”345″ height=”30″ ><script type=”text/javascript”>show(navcopyright);</script></td>
<td width=”690″ background=”#fff” ><table width=”790″ border=”0″ style=”float:right” height=”30″>
<tr>
<td style=”padding-left:140px;”><div align=”right” style=”padding-top:5px”>
<script type=”text/javascript”>show(navfooter);</script>
</div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>