/* Menu done with some program codes by declaring variables instead of repeat of HTML.
Beware not to use hyphen in a variable name. Underscore ok */

function navigation_links() {

menu_items=['"/">Home', // button text & link as array elements. 1st item is #0
            '"wwo.html">We Offer',
            '"s_offers.html" target="coupon">Specials',
            '"teen-classes.html">Pre &amp; Teen<br>Classes',
            '"directions.html">Directions',
            '"cal.html">Calendar',
            '"photos.html">Photos'];

menu_items1=['"cris_plumley-bio.html">Cris Bio', // button text & link as array elements. 1st item is #0
            '"vivian_lessa-bio.html">Vivian Bio'];

document.write('<table width="100%" border="0" cellspacing="0">'+
          // set bgcolor to lt blue. don't want footsteps wallpaper to show through here...
          '<tr><td height="120" align="center" valign="middle" bgcolor="#D9D8F7"><img src="background/footloose-logo.jpg" width="109" height="102" border=0></td></tr>');

          for (count=0; count < 7; count++) {
              document.write('<tr><td height="3" bgcolor="#D9D8F7"></td></tr>' // filler is just 3px to separate menu items 
              + '<tr><td height="25" align="center" valign="middle" bgcolor="#F0F0F0" background="background/button-link.jpg"><span class="text-links"><a href='
              + menu_items[count] + '</a></span></td></tr>');
              }
document.write('</table>');

document.write('<table width="100%" border="0" cellspacing="0">'+
          // set bgcolor to lt blue. don't want footsteps wallpaper to show through here...
          '<tr><td height="30" align="center" valign="bottom" bgcolor="#D9D8F7"><b>Our Teachers:</b></td></tr>');

          for (count=0; count < 2; count++) {
              document.write('<tr><td height="3" bgcolor="#D9D8F7"></td></tr>' // filler is just 3px to separate menu items 
              + '<tr><td height="25" align="center" valign="middle" bgcolor="#F0F0F0" background="background/button-link.jpg"><span class="text-links"><a href='
              + menu_items1[count] + '</a></span></td></tr>');
              }
document.write('</table>');

document.write('<br><div align="center">');
document.write('<a href="http://www.facebook.com/pages/Malden-MA/Footloose-Dance-Studio/62817544893?sid=c7dcf55bb03ca12414cf3e5b4840cf26&ref=s" target="ok"><img src="background/facebook-logo.jpg" alt="Visit our Facebook link..." width="95" height="132" border="0"></a>');   
document.write('</div>');
}