colorOn ="#336633";
colorOff="#003300";

function changeColor(obj, color)
{
    obj.bgColor=color;
}
    
function updateDesc(desc)
{
    document.getElementById("tabDesc").innerHTML=desc;
}

function header()
{
document.write('<table width="960" border="0" cellpadding="2" cellspacing="0" bgcolor="#999933" style="border:3px solid #000000">')
    document.write('  <tr>')
    document.write('    <td align="left" rowspan="0" >')
    document.write('      <a href="index.htm"/><img src="weblogo.JPG" style="border:2px solid #FFFFFF" /></a><br />')
    document.write('    </td>')
    document.write('    <td align="center" rowspan="0" >')
    document.write('    <font size="8">Atchafalaya Basinkeeper <sup>&reg</sup> <br />') 
		document.write('    <font size="3"> We are dedicated to protecting and restoring the ecosystems within the Atchafalaya Basin for future generations.')
    document.write('    </td>')
    document.write('    <td align="right" bgcolor="#FFFFFF" rowspan="0">')
    document.write('   <a href="http://www.waterkeeper.org" target="_blank"><img src="wka_logo.gif" border="0"/></a>')
    document.write('    </tr>')
    document.write('</table>')
    document.write('<table><tr><td height="3"></td></tr></table>');
    document.write('    <img src="pull-boat-road-header.jpg" style="border:2px solid #CCCC99" />')
}


function tabs()
{
    var loc = "*"+window.location;


    document.write('<table width="960" border="0" cellpadding="0" cellspacing="0" bgcolor="#003300">')
    document.write('  <tr>')
    document.write('    <td >')
    document.write('      <table width="100%" border="0" cellpadding="3" cellspacing="0"  bgcolor="#336633" >')
    document.write('        <tr>')
    c = "tabOff";
    if(loc.indexOf('index.htm')!=-1 || loc.substring(loc.length-1)=="/")
    {
        c="tabOn"
    }
    document.write('          <td class="'+c+'" width="14%" align="center" onmouseover="changeColor(this, colorOn);" onmouseOut="changeColor(this, colorOff)" ><a href="index.htm"><span class="tabNames">Home</span></a></td>')
    document.write('          <td class="tabSpace" width="0%" bgcolor="#CCCC99" >&nbsp;</td>')
    c = "tabOff";
    if(loc.indexOf('about.htm')!=-1)
    {
        c="tabOn"
    }
    document.write('          <td class="'+c+'" width="14%" align="center" onmouseover="changeColor(this, colorOn);" onmouseOut="changeColor(this, colorOff)" ><a href="about.htm"><span class="tabNames">Vision for Action</span></a></td>')
    document.write('          <td class="tabSpace" width="0%" bgcolor="#CCCC99" >&nbsp;</td>')
    c = "tabOff";
    if(loc.indexOf('education.htm')!=-1)
    {
        c="tabOn"
    }
    document.write('          <td class="'+c+'" width="14%" align="center" onmouseover="changeColor(this, colorOn);" onmouseOut="changeColor(this, colorOff)" ><a href="education.htm"><span class="tabNames">Education/Research</span></a></td>') 
    document.write('          <td class="tabSpace" width="0%" bgcolor="#CCCC99" >&nbsp;</td>')
    c = "tabOff";
    if(loc.indexOf('monitoring.htm')!=-1)
    {
        c="tabOn"
    }
    document.write('          <td class="'+c+'" width="14%" align="center" onmouseover="changeColor(this, colorOn);" onmouseOut="changeColor(this, colorOff)" ><a href="monitoring.htm"><span class="tabNames">Watershed Monitoring</span></a></td>') 
    document.write('          <td class="tabSpace" width="0%" bgcolor="#CCCC99" >&nbsp;</td>')
    c = "tabOff";
    if(loc.indexOf('management.htm')!=-1)
    {
        c="tabOn"
    }
    document.write('          <td class="'+c+'" width="14%" align="center" onmouseover="changeColor(this, colorOn);" onmouseOut="changeColor(this, colorOff)" ><a href="management.htm"><span class="tabNames">Water Management</td>') 
    document.write('          <td class="tabSpace" width="0%" bgcolor="#CCCC99" >&nbsp;</td>')
    c = "tabOff";
    if(loc.indexOf('cypress.htm')!=-1)
    {
        c="tabOn"
    }
    document.write('          <td class="'+c+'" width="14%" align="center" onmouseover="changeColor(this, colorOn);" onmouseOut="changeColor(this, colorOff)" ><a href="cypress.htm"><span class="tabNames">Cypress Campaign</span></a></td>')
    document.write('          <td class="tabSpace" width="0%" bgcolor="#CCCC99" >&nbsp;</td>')
    c = "tabOff";
    if(loc.indexOf('join.htm')!=-1)
    {
        c="tabOn"
    }
    document.write('          <td class="'+c+'" width="14%" align="center" onmouseover="changeColor(this, colorOn);" onmouseOut="changeColor(this, colorOff)" ><a href="join.htm"><span class="tabNames">Get Involved</span></a></td>')


    document.write('          </font>')
    document.write('        </tr>')
    document.write('      </table>')
    document.write('    </td>')
    document.write('  </tr>')
    document.write('</table>')

}

function footer()
{
    document.write('<table width="960" border="0" cellpadding="0" cellspacing="0">')
    document.write('  <tr>')
    document.write('    <td width="3">&nbsp;</td>')
    document.write('    <td><table bgcolor="#336633" width="100%" cellpadding="4" cellspacing="0" style="border-top:1px solid #003300; border-bottom: 1px solid #003300; border-left: 1px solid #003300; border-right: 1px solid #003300 " ><tr>')
    document.write('    <td bgcolor="#336633" width="20%" align="center"><span class="footerText"><a href="contact.htm"><span class="footerText">Contact us</span></a></td>')
    document.write('    <td bgcolor="#336633" width="20%" align="center"><span class="footerText"><a href="https://app.etapestry.com/hosted/AtchafalayaBasinkeeper/OnlineDonation.html"><span class="footerText">Donate/ Sponsor/ Become a member</span></a></td>')
    document.write('    <td bgcolor="#336633" width="20%" align="center"><span class="footerText"><a href="partners.htm"><span class="footerText">Links to our partners</span></a></td>')
    document.write('    </tr></table></td>')
    document.write('    <td width="3">&nbsp;</td>')
    document.write('  </tr>')
    document.write('</table>')
		document.write('<font size="1">Header Photo by Jeffrey Dubinsky</font><br />')
    document.write('<font size="1"><i><!--Site designed by/!></font><a href=""><font size="1" color="#FFFFFF"><u><!Philomena Web Design/!></u></font></a></i>')
		document.write('<font size="1"><i>Last updated 5/27/10</i></font>')
}