// writeTopNavTable.js
function writeTopNavTable(buttonOffset){   
     var bLabel = new Array();
     bLabel[0] = "TCSC";
     bLabel[2] = "Events";
     bLabel[1] = "Activities";
     bLabel[3] = "Members";
     bLabel[4] = "Links";
   //  bLabel[5] = "Site Map";
     
     var bLink = new Array();
     bLink[0] = "index.htm";
     bLink[2] = "tcscEvents.htm";
     bLink[1] = "tcscActivities.htm";
     bLink[3] = "tcscMembers.htm";
     bLink[4] = "tcscLinks.htm";
  //   bLink[5] = "tcscSiteMap.htm";	  


     var bBgcolorNorm = "#006366";//tealcolor .. Button bgcolor
     var bFgcolorNorm = "#ffffcc";     // button fgcolor
     var bBgcolorCurr = "GRAY";  //brown .. Button bgcolor
     var bFgcolorCurr = "FFFFCC";     // button fgcolor
 
        

	  var wVal = Math.abs(460/bLabel.length);
	  
     document.writeln('<table border="0" width="460" > ');
     document.writeln(' <tr> ');
     var thisFgcolor;
     var thisBgcolor;
     for( var os = 0; os < bLabel.length; os++)
     { 
       if(os != buttonOffset)
       {
         thisFgcolor = bFgcolorNorm;
         thisBgcolor = bBgcolorNorm;
       }   
       else
       { 
         thisFgcolor = bFgcolorCurr;
         thisBgcolor = bBgcolorCurr;
       }
       if(bLabel[os] != null)
       {
          document.writeln('   <td  align="center" bgcolor="'+thisBgcolor+'" valign="bottom" > ');
          document.writeln('      <a href="'+bLink[os]+'"><font  color="'+thisFgcolor+'"><strong>'+bLabel[os]+'</strong></font></a></td> ');
       }
     }

   document.writeln('      </tr>   ');
     document.writeln('    </table>     <!-- end top navigation buttons --> ');
}//end wrtTopNavTable