var rollOverArr=new Array();
    function setrollover(OverImgSrc,pageImageName)
    {
    if (! document.images)return;
    if (pageImageName == null)
        pageImageName = document.images[document.images.length-1].name;
    rollOverArr[pageImageName]=new Object;
    rollOverArr[pageImageName].overImg = new Image;
    rollOverArr[pageImageName].overImg.src=OverImgSrc;
    }
    
    function rollover(pageImageName)
    {
    if (! document.images)return;
    if (! rollOverArr[pageImageName])return;
    if (! rollOverArr[pageImageName].outImg)
        {
        rollOverArr[pageImageName].outImg = new Image;
        rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
        }
    document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
    }
    
    function rollout(pageImageName)
    {
    if (! document.images)return;
    if (! rollOverArr[pageImageName])return;
    document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
    }
    
setrollover('images/about.over.jpg', 'about');
setrollover('images/services.over.jpg', 'services');
setrollover('images/products.over.jpg', 'products');
setrollover('images/projects.over.jpg', 'projects');
setrollover('images/news.over.jpg', 'news');
setrollover('images/careers.over.jpg', 'careers');
document.write('<tr><td> <table border="0" cellspacing="0" cellpadding="0" class="mainNavbar" style="width: 780px">');
document.write('<tr><td colspan="11" class="horizLineNav"></td></tr>');
document.write('<tr> <td width="160" align="center" style="height: 25px">');
document.write('<a href="AboutATAC.html" onMouseOver = "rollover(\'about\')" onMouseOut = "rollout(\'about\')">');
document.write('<img src="images/about.over.jpg" name="about" height="25" width="160" border="0" alt="About ATAC"></a></td>');
document.write('<td class="vertLineNav"></td> <td width="111" align="center" style="height: 25px">');
document.write('<a href="Services.html" onMouseOver = "rollover(\'services\')" onMouseOut = "rollout(\'services\')">');
document.write('<img src="images/services.out.jpg" name="services" height="25" width="111" border="0" alt="Services"></a></td>');
document.write('<td class="vertLineNav"></td> <td width="130" align="center" style="height: 25px">');
document.write('<a href="Products.html" onMouseOver = "rollover(\'products\')" onMouseOut = "rollout(\'products\')">');
document.write('<img src="images/products.out.jpg" name="products" height="25" width="130" border="0" alt="Products & Tools"></a></td>');
document.write('<td class="vertLineNav"></td> <td width="111" align="center" style="height: 25px"> ');
document.write('<a href="Projects.html" onMouseOver = "rollover(\'projects\')" onMouseOut = "rollout(\'projects\')">'); 
document.write('<img src="images/projects.out.jpg" name="projects" height="25" width="111" border="0" alt="Projects"></a></td> ');
document.write('<td class="vertLineNav"></td> <td width="128" align="center" style="height: 25px"> ');
document.write('<a href="News.html" onMouseOver = "rollover(\'news\')" onMouseOut = "rollout(\'news\')"> ');
document.write('<img src="images/news.out.jpg" name="news" height="25" width="128" border="0" alt="News & Events"></a></td> ');
document.write('<td class="vertLineNav"></td> <td width="130" align="center" style="height: 25px"> ');
document.write('<a href="Careers.html" onMouseOver = "rollover(\'careers\')" onMouseOut = "rollout(\'careers\')"> ');
document.write('<img src="images/careers.out.jpg" name="careers" height="25" width="130" border="0" alt="Careers"></a></td> ');
document.write('</tr> <tr><td colspan="11" class="horzLineNav"></td></tr> </table> </td></tr>');