function displayLeftMenu ()
{
   document.write ("<tr><td width='100%' height='5'></td></tr>");
   document.write ("<tr><td width='100%' height='37'><a href='http://www.sayitinsilver.com/cgi-bin/displayCategory.pl?cat_id=1'>        <img name='cat1' border='0' src='http://www.sayitinsilver.com/images/leftMenuMommyBracelets.gif' width='125' height='37' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Mommy Bracelets' ></a></td></tr>"); 
   document.write ("<tr><td width='100%' height='5'></td></tr>");
   document.write ("<tr><td width='100%' height='37'><a href='http://www.sayitinsilver.com/cgi-bin/displayCategory.pl?cat_id=2'>      <img name='cat2' border='0' src='http://www.sayitinsilver.com/images/leftMenuGrandMotherFamily.gif' width='125' height='37' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Grandmother Family bracelets' ></a></td>    </tr>");
   document.write ("<tr><td width='100%' height='5'></td></tr>");
   document.write ("<tr><td width='100%' height='37'><a href='http://www.sayitinsilver.com/cgi-bin/displayCategory.pl?cat_id=3'><img name='cat3' border='0' src='http://www.sayitinsilver.com/images/leftMenuBabyAndChildren.gif' width='125' height='37' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Baby and Children Jewelry' ></a></td></tr>");
   
   document.write ("<tr><td width='100%' height='5'></td></tr>");
   document.write ("<tr><td width='100%' height='37'><a href='http://www.sayitinsilver.com/cgi-bin/displayCategory.pl?cat_id=4'><img name='cat3' border='0' src='http://www.sayitinsilver.com/images/leftMenuEngravables.gif' width='125' height='37' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Engravable Jewelry' ></a></td></tr>");
   
   document.write ("<tr><td width='100%' height='5'></td></tr>");
   document.write ("<tr><td width='100%' height='37'><a href='http://www.sayitinsilver.com/cgi-bin/displayCategory.pl?cat_id=5'><img name='cat4' border='0' src='http://www.sayitinsilver.com/images/leftMenuBridalGifts.gif' width='125' height='37' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Bridal Gifts' ></a></td></tr>");
   document.write ("<tr><td width='100%' height='5'></td></tr>");
   document.write ("<tr><td width='100%' height='37'><a href='http://www.sayitinsilver.com/cgi-bin/displayCategory.pl?cat_id=6'><img name='cat5' border='0' src='http://www.sayitinsilver.com/images/leftMenuSurvivorMemorial.gif' width='125' height='37' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Survivor / Memorial bracelets' ></a></td></tr>");
   document.write ("<tr><td width='100%' height='5'></td></tr>");
   document.write ("<tr><td width='100%' height='37'><a href='http://www.sayitinsilver.com/cgi-bin/displayCategory.pl?cat_id=7'><img  name='cat6' border='0' src='http://www.sayitinsilver.com/images/leftMenuReligiousThemed.gif' width='125' height='37' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Religious Themed bracelets' ></a></td></tr>");
   document.write ("<tr><td width='100%' height='5'></td></tr>");
   document.write ("<tr><td width='100%' height='37'><a href='http://www.sayitinsilver.com/cgi-bin/displayCategory.pl?cat_id=8'><img name='cat7' border='0' src='http://www.sayitinsilver.com/images/leftMenuPet.gif' width='125' height='37' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Pet Bracelets' ></a></td></tr>");
   document.write ("<tr><td width='100%' height='5'></td></tr>");
   document.write ("<tr><td width='100%' height='37'><a href='http://www.sayitinsilver.com/cgi-bin/displayCategory.pl?cat_id=9'><img name='cat8' border='0' src='http://www.sayitinsilver.com/images/leftMenuSchoolDays.gif' width='125' height='37' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='School Days Bracelets' ></a></td></tr>");
   document.write ("<tr><td width='100%' height='5'></td></tr>");
   document.write ("<tr><td width='100%' height='37'><a href='http://www.sayitinsilver.com/cgi-bin/displayCategory.pl?cat_id=10'><img name='cat8' border='0' src='http://www.sayitinsilver.com/images/leftMenuCharm.gif' width='125' height='37' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Charm Bracelets' ></a></td></tr>");
   document.write ("<tr><td width='100%' height='5'></td></tr>");
   document.write ("<tr><td width='100%' height='37'><a href='http://www.sayitinsilver.com/cgi-bin/displayCategory.pl?cat_id=11'><img name='cat8' border='0' src='http://www.sayitinsilver.com/images/leftMenuNewDesigns.gif' width='125' height='37' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='New Designs' ></a></td></tr>");
   document.write ("<tr><td width='100%' height='5'></td></tr>");
}

function displayTopMenu()
{

   document.write ("<tr>");
   document.write ("<td width='26%'><a href='http://www.sayitinsilver.com/index.htm'><img border='0' src='http://www.sayitinsilver.com/images/topMenuHome.gif' width='65' height='19' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Go Home'></a></td>");
      document.write ("<td width='3%'>&nbsp;</td>");
   document.write ("<td width='45%'><a href='http://www.sayitinsilver.com/Fundraisers.htm'><img border='0' src='http://www.sayitinsilver.com/images/topMenuFundraisers.gif' width='65' height='19' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Fundraisers'></a></td>");
   document.write ("<td width='3%'>&nbsp;</td>");
   document.write ("<td width='26%'><a href='http://www.sayitinsilver.com/Cleaning.htm'><img border='0' src='http://www.sayitinsilver.com/images/topMenuCleaning.gif' width='65' height='19' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Care and Cleaning Instructions'></a></td>");
   document.write ("<td width='3%'>&nbsp;</td>");
   document.write ("<td width='28%'><a href='http://www.sayitinsilver.com/OrderInfo.htm'><img border='0' src='http://www.sayitinsilver.com/images/topMenuOrderInfo.gif' width='65' height='19' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Ordering information'></a></td>");
   document.write ("<td width='3%'>&nbsp;</td>");
   document.write ("<td width='45%'><a href='http://www.sayitinsilver.com/AboutUs.htm'><img border='0' src='http://www.sayitinsilver.com/images/topMenuAboutUs.gif' width='65' height='19' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='Learn more about us'></a></td>");
   document.write ("<td width='26%'>&nbsp;</td>");
   document.write ("<td width='3%'><a href='https://www.paypal.com/cgi-bin/webscr?cmd=_cart&display=1' target='paypal'><img border='0' src='http://www.sayitinsilver.com/images/topMenuViewCart.gif' width='65' height='19' onMouseOut='rollOut(this)' onMouseOVer='rollOver(this)' alt='View Cart'></a></td>");
   document.write ("<td width='28%'>");
   document.write ("</tr>");

}


function displayStrands()
{


document.write ("<br> <table border='1' cellpadding='0' cellspacing='0' style='border-collapse: collapse' bordercolor='#111111' width='100%' id='AutoNumber6'>");
document.write ("        <tr id='strand1row1'>");
document.write ("          <td width='33%'>Name on Strand One</td>");
document.write ("          <td width='33%'>Select A Charm</td>");
document.write ("          <td width='34%'> <a href='http://www.sayitinsilver.com/BirthStones.htm' target= '_blank'> Select a Birthstone </a> </td>");
document.write ("        </tr>");
document.write ("        <tr id='strand1row2'>");
document.write ("          <td width='33%'><input type='text' name='strand1_name' size='20'></td>");
document.write ("          <td width='33%'><select size='1' name='strand1_charm'>");
document.write ("          <option value='none' selected>None</option>");
document.write ("          <option value='grandmom'>  Grandmother </option>");
document.write ("          <option value='mom'>  Mom</option>");
document.write ("          <option value='heart'>  Heart</option>");
document.write ("          </select></td>");
document.write ("          <td width='34%'><select size='1' name='strand1_birthstone'>");
document.write ("          <option value='none'>None</option>");
document.write ("          <option value='garnet'>January - Garnet</option>");
document.write ("          <option value='amethyst'>February - Amethyst</option>");
document.write ("          <option value='aquamarine'>March - Aquamarine</option>");
document.write ("          <option value='crystal'>April - Crystal</option>");
document.write ("          <option value='emerald'>May - Emerald</option>");
document.write ("          <option value='lightAmethyst'>June - Light Amethyst</option>");
document.write ("          <option value='ruby'>July - Ruby</option>");
document.write ("          <option value='peridot'>August - Peridot</option>");
document.write ("          <option value='sapphire'>September -  Sapphire</option>");
document.write ("          <option value='rose'>October - Rose</option>");
document.write ("          <option value='topaz'>November - Topaz</option>");
document.write ("          <option value='blluezircon'>December - Blue Zircon</option>");
document.write ("          </select></td>");
document.write ("        </tr>");
document.write ("        ");
document.write ("        <tr id='strand2row1' style = 'display:none'>");
document.write ("          <td width='33%'>Name on Strand Two</td>");
document.write ("          <td width='33%'>Select A Charm</td>");
document.write ("          <td width='34%'>Select a Birthstone</td>");
document.write ("        </tr>");
document.write ("        <tr id='strand2row2' style = 'display:none'>");
document.write ("          <td width='33%'><input type='text' name='strand2_name' size='20'></td>");
document.write ("          <td width='33%'><select size='1' name='strand2_charm'>");
document.write ("          <option value='none' selected>None</option>");
document.write ("          <option value='grandmom'>  Grandmother </option>");
document.write ("          <option value='mom'>  Mom</option>");
document.write ("          <option value='heart'>  Heart</option>");
document.write ("          </select></td>");
document.write ("          <td width='34%'><select size='1' name='strand2_birthstone'>");
document.write ("          <option value='none'>None</option>");
document.write ("          <option value='garnet'>January - Garnet</option>");
document.write ("          <option value='amethyst'>February - Amethyst</option>");
document.write ("          <option value='aquamarine'>March - Aquamarine</option>");
document.write ("          <option value='crystal'>April - Crystal</option>");
document.write ("          <option value='emerald'>May - Emerald</option>");
document.write ("          <option value='lightAmethyst'>June - Light Amethyst</option>");
document.write ("          <option value='ruby'>July - Ruby</option>");
document.write ("          <option value='peridot'>August - Peridot</option>");
document.write ("          <option value='sapphire'>September -  Sapphire</option>");
document.write ("          <option value='rose'>October - Rose</option>");
document.write ("          <option value='topaz'>November - Topaz</option>");
document.write ("          <option value='blluezircon'>December - Blue Zircon</option>");

document.write ("          </select></td>");
document.write ("        </tr>");
document.write ("        <tr id='strand3row1' style = 'display:none'>");
document.write ("          <td width='33%'>Name on Strand Three</td>");
document.write ("          <td width='33%'>Select A Charm</td>");
document.write ("          <td width='34%'>Select a Birthstone</td>");
document.write ("        </tr>");
document.write ("        <tr id='strand3row2' style = 'display:none'>");
document.write ("          <td width='33%'><input type='text' name='strand3_name' size='20'></td>");
document.write ("          <td width='33%'><select size='1' name='strand3_charm'>");
document.write ("          <option value='none' selected>None</option>");
document.write ("          <option value='grandmom'>  Grandmother </option>");
document.write ("          <option value='mom'>  Mom</option>");
document.write ("          <option value='heart'>  Heart</option>");
document.write ("          </select></td>");
document.write ("          <td width='34%'><select size='1' name='strand3_birthstone'>");
document.write ("          <option value='none'>None</option>");
document.write ("          <option value='garnet'>January - Garnet</option>");
document.write ("          <option value='amethyst'>February - Amethyst</option>");
document.write ("          <option value='aquamarine'>March - Aquamarine</option>");
document.write ("          <option value='crystal'>April - Crystal</option>");
document.write ("          <option value='emerald'>May - Emerald</option>");
document.write ("          <option value='lightAmethyst'>June - Light Amethyst</option>");
document.write ("          <option value='ruby'>July - Ruby</option>");
document.write ("          <option value='peridot'>August - Peridot</option>");
document.write ("          <option value='sapphire'>September -  Sapphire</option>");
document.write ("          <option value='rose'>October - Rose</option>");
document.write ("          <option value='topaz'>November - Topaz</option>");
document.write ("          <option value='blluezircon'>December - Blue Zircon</option>");
document.write ("          </select></td>");
document.write ("        </tr>");
document.write ("");
document.write ("      </table>");


}



 
 function switchOptions()
{

 if (document.all.mainform.strands.value == "two_strands")
 {     
      document.getElementById("strand2row1").style.display = '';
      document.getElementById("strand2row2").style.display = '';
      document.getElementById("strand3row1").style.display = 'none';
      document.getElementById("strand3row2").style.display = 'none';



 }
 else if (document.all.mainform.strands.value == "three_strands")
 {
       document.getElementById("strand2row1").style.display = '';
      document.getElementById("strand2row2").style.display = '';
      document.getElementById("strand3row1").style.display = '';
      document.getElementById("strand3row2").style.display = '';

   }
  else
  {
     document.getElementById("strand2row1").style.display = 'none';
      document.getElementById("strand2row2").style.display = 'none';
      document.getElementById("strand3row1").style.display = 'none';
      document.getElementById("strand3row2").style.display = 'none';

 
  }
return true;
}

