// Author:    Carl Camera
// Title:     navbar1.js
// Purpose:   presents animated navigation bar
// Usage:     <script src=navbar1.js></script>

   if (document.images) {
	img01on  = new Image();   img01on.src  = "./images/nav_news_hi.gif";
	img02on  = new Image();   img02on.src  = "./images/nav_about_hi.gif";
	img03on  = new Image();   img03on.src  = "./images/nav_tips_hi.gif";
	img05on  = new Image();   img05on.src  = "./images/nav_tolcna_hi.gif";

	img01off = new Image();   img01off.src = "./images/nav_news_lo.gif";
	img02off = new Image();   img02off.src = "./images/nav_about_lo.gif";
	img03off = new Image();   img03off.src = "./images/nav_tips_lo.gif";
	img05off = new Image();   img05off.src = "./images/nav_tolcna_lo.gif";
        }

    function imgOn(imgName) {
        if (document.images) {
           document[imgName].src = eval(imgName + "on.src");
        }
    }

    function imgOff(imgName) {
        if (document.images) {
           document[imgName].src = eval(imgName + "off.src");
        }
    }

document.write("<table WIDTH=600 border=0 cellspacing=0 cellpadding=0>");
document.write("<tr><td COLSPAN=5><img SRC=./images/masthead.gif HEIGHT=60 WIDTH=600></td></tr>");
document.write("<tr><td><A HREF='index.html'      onclick=return true onmouseover=imgOn('img01') onmouseout=imgOff('img01')><IMG SRC='./images/nav_news_lo.gif' NAME='img01' BORDER=0 HEIGHT=15 WIDTH=120 ALT='News-Events' ></A></td>");
document.write("    <td><A HREF='about.html'      onclick=return true onmouseover=imgOn('img02') onmouseout=imgOff('img02')><IMG SRC='./images/nav_about_lo.gif' NAME='img02' BORDER=0 HEIGHT=15 WIDTH=120 ALT='About LCHGC'></A></td>");
document.write("    <td><A HREF='tips.html'       onclick=return true onmouseover=imgOn('img03') onmouseout=imgOff('img03')><IMG SRC='./images/nav_tips_lo.gif' NAME='img03' BORDER=0 HEIGHT=15 WIDTH=120 ALT='Garden Tips'></A></td>");
document.write("    <td><IMG SRC='./images/nav_blank.gif' HEIGHT=15 WIDTH=120></td>");
document.write("    <td><A HREF='../index.php'  onclick=return true onmouseover=imgOn('img05') onmouseout=imgOff('img05')><IMG SRC='./images/nav_tolcna_lo.gif' NAME='img05' BORDER=0 HEIGHT=15 WIDTH=120 ALT='To LCNA'></A></td>");
document.write("</tr>");
document.write("</table>");