// Displays one of two menu tables as:
//
//   Type = "main"
//
//       C1  C2   C3    C4      C5     C6      C7      C8
//
//       5%  29%  1%       30%         1%     29%      5%
//      +-+------+-+------------------+-+-------------+-+
//      | |      | |       Shop       | |             | | <- R1
//      | | Home | +--------+---------+ | Information | |
//      | |      | | Panels | Yardage | |             | | <- R2
//      +-+------+-+------------------+-+-------------+-+
//
//   Type = "sub"
//
//       C1    C2     C3    C4    C5   C6   C7    C8    C9
//
//       5%    22%    1%   22&    1%  21%   1%   22%    5%
//      +-+----------+-+---------+-+-------+-+---------+-+
//      | | Site Map | | Catalog | | Links | | Contact | | <- R1
//      +-+----------+-+---------+-+-------+-+---------+-+
//
//   "Current" equals the currently viewed menu (no link) where it can equal:
//
//      "home", "panels", "yardage", "info", "none" ---> for menu="main"
//
//                    - or -
//
//      "map", "catalog", "links", "contact", "none" --> for menu="sub"
//
//   "Depth" refers to the current directory depth where 0 means the root dir
//   and 1 means in one dir (where index.html is at "../index.html").
//
//   "Force" set to 1 (true) means to retain the link for a menu item even when
//   currently viewing that item.  For example, there are many topics on the
//   main information page.  If viewing one of those topics, set Force to 1 so
//   the user may click the Information link to return to the main information
//   page.
//

function menu (type, location, depth, force)
{
   if (type == "main")
   {
      document.writeln("<hr align=\"center\" width=\"95%\" />");

      document.writeln("<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
         document.writeln("<tr>");
            document.writeln("<td width=\"5%\"></td>");

            document.writeln("<td width=\"20%\" align=\"left\" valign=\"middle\">");
               if ((location == "home") || (location == "tools"))
               {
                  if (force == 0)
                  {
                     document.writeln("<p class=\"menu_main\">Home</p>");
                  }
                  else
                  {
                     if (depth == 0)
                     {
                        document.writeln("<a class=\"menu_main\" href=\"index.html\" alt=\"Home\">Home</a>");
                     }
                     else
                     {
                        document.writeln("<a class=\"menu_main\" href=\"../index.html\" alt=\"Home\">Home</a>");
                     }
                  }
               }
               else
               {
                  if (location != "tools")
                  {
                     if (depth == 0)
                     {
                        document.writeln("<a class=\"menu_main\" href=\"index.html\" alt=\"Home\">Home</a>");
                     }
                     else
                     {
                        document.writeln("<a class=\"menu_main\" href=\"../index.html\" alt=\"Home\">Home</a>");
                     }
                  }
                  else
                  {
                     document.writeln("<p class=\"menu_main\">Home</p>");
                  }
               }
            document.writeln("</td>");

            document.writeln("<td width=\"1%\"></td>");

            document.writeln("<td width=\"30%\" align=\"center\" valign=\"middle\">");
               document.writeln("<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
                  document.writeln("<tr>");
                     document.writeln("<td class=\"menu_main\" align=\"center\" colspan=\"2\">Shop for...</td>");
                  document.writeln("</tr>");

                  document.writeln("<tr>");
                     document.writeln("<td width=\"50%\" align=\"center\" valign=\"middle\">");
                        if ((location == "panels") || (location == "tools"))
                        {
                           if (force == 0)
                           {
                              document.writeln("<p class=\"menu_main\">Panels</p>");
                           }
                           else
                           {
                              if (depth == 0)
                              {
                                 document.writeln("<a class=\"menu_main\" href=\"panels.html\" alt=\"Panels\">Panels</a>");
                              }
                              else
                              {
                                 document.writeln("<a class=\"menu_main\" href=\"../panels.html\" alt=\"Panels\">Panels</a>");
                              }
                           }
                        }
                        else
                        {
                           if (location != "tools")
                           {
                              if (depth == 0)
                              {
                                 document.writeln("<a class=\"menu_main\" href=\"panels.html\" alt=\"Panels\">Panels</a>");
                              }
                              else
                              {
                                 document.writeln("<a class=\"menu_main\" href=\"../panels.html\" alt=\"Panels\">Panels</a>");
                              }
                           }
                           else
                           {
                              document.writeln("<p class=\"menu_main\">Panels</p>");
                           }
                        }
                     document.writeln("</td>");
                     document.writeln("<td width=\"50%\" align=\"center\" valign=\"middle\">");
                        if ((location == "yardage") || (location == "tools"))
                        {
                           if (force == 0)
                           {
                              document.writeln("<p class=\"menu_main\">Yardage</p>");
                           }
                           else
                           {
                              if (depth == 0)
                              {
                                 document.writeln("<a class=\"menu_main\" href=\"yardage.html\" alt=\"Yardage\">Yardage</a>");
                              }
                              else
                              {
                                 document.writeln("<a class=\"menu_main\" href=\"../yardage.html\" alt=\"Yardage\">Yardage</a>");
                              }
                           }
                        }
                        else
                        {
                           if (location != "tools")
                           {
                              if (depth == 0)
                              {
                                 document.writeln("<a class=\"menu_main\" href=\"yardage.html\" alt=\"Yardage\">Yardage</a>");
                              }
                              else
                              {
                                 document.writeln("<a class=\"menu_main\" href=\"../yardage.html\" alt=\"Yardage\">Yardage</a>");
                              }
                           }
                           else
                           {
                              document.writeln("<p class=\"menu_main\">Yardage</p>");
                           }
                        }
                     document.writeln("</td>");
                  document.writeln("</tr>");
               document.writeln("</table>");
            document.writeln("</td>");

            document.writeln("<td width=\"1%\"></td>");

            document.writeln("<td width=\"20%\" align=\"right\" valign=\"middle\">");
               if ((location == "gallery") || (location == "tools"))
               {
                  if (force == 0)
                  {
                     document.writeln("<p class=\"menu_main\">Gallery</p>");
                  }
                  else
                  {
                     if (depth == 0)
                     {
                        document.writeln("<a class=\"menu_main\" href=\"gallery.html\" alt=\"Gallery\">Gallery</a>");
                     }
                     else
                     {
                        document.writeln("<a class=\"menu_main\" href=\"../gallery.html\" alt=\"Gallery\">Gallery</a>");
                     }
                  }
               }
               else
               {
                  if (location != "tools")
                  {
                     if (depth == 0)
                     {
                        document.writeln("<a class=\"menu_main\" href=\"gallery.html\" alt=\"Gallery\">Gallery</a>");
                     }
                     else
                     {
                        document.writeln("<a class=\"menu_main\" href=\"../gallery.html\" alt=\"Gallery\">Gallery</a>");
                     }
                  }
                  else
                  {
                     document.writeln("<p class=\"menu_main\">Gallery</p>");
                  }
               }
            document.writeln("</td>");

            document.writeln("<td width=\"1%\"></td>");

            document.writeln("<td width=\"20%\" align=\"right\" valign=\"middle\">");
               if ((location == "info") || (location == "tools"))
               {
                  if (force == 0)
                  {
                     document.writeln("<p class=\"menu_main\">Information</p>");
                  }
                  else
                  {
                     if (depth == 0)
                     {
                        document.writeln("<a class=\"menu_main\" href=\"info.html\" alt=\"Information\">Information</a>");
                     }
                     else
                     {
                        document.writeln("<a class=\"menu_main\" href=\"../info.html\" alt=\"Information\">Information</a>");
                     }
                  }
               }
               else
               {
                  if (location != "tools")
                  {
                     if (depth == 0)
                     {
                        document.writeln("<a class=\"menu_main\" href=\"info.html\" alt=\"Information\">Information</a>");
                     }
                     else
                     {
                        document.writeln("<a class=\"menu_main\" href=\"../info.html\" alt=\"Information\">Information</a>");
                     }
                  }
                  else
                  {
                     document.writeln("<p class=\"menu_main\">Information</p>");
                  }
               }
            document.writeln("</td>");

            document.writeln("<td width=\"5%\"></td>");
         document.writeln("</tr>");
      document.writeln("</table>");

      document.writeln("<hr align=\"center\" width=\"95%\" />");
   }

   if (type == "sub")
   {
      document.writeln("<hr align=\"center\" width=\"95%\" />");

      document.writeln("<table class=\"menu\" width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
         document.writeln("<tr>");
            document.writeln("<td width=\"5%\"></td>");

            document.writeln("<td width=\"22%\" align=\"center\" valign=\"middle\">");
               if (location == "map")
               {
                  if (force == 0)
                  {
                     document.writeln("<p class=\"menu_sub\">Site Map</p>");
                  }
                  else
                  {
                     if (depth == 0)
                     {
                        document.writeln("<a class=\"menu_sub\" href=\"map.html\" alt=\"Site Map\">Site Map</a>");
                     }
                     else
                     {
                        document.writeln("<a class=\"menu_sub\" href=\"../map.html\" alt=\"Site Map\">Site Map</a>");
                     }
                  }
               }
               else
               {
                  if (depth == 0)
                  {
                     document.writeln("<a class=\"menu_sub\" href=\"map.html\" alt=\"Site Map\">Site Map</a>");
                  }
                  else
                  {
                     document.writeln("<a class=\"menu_sub\" href=\"../map.html\" alt=\"Site Map\">Site Map</a>");
                  }
               }
            document.writeln("</td>");

            document.writeln("<td width=\"1%\"></td>");

            document.writeln("<td width=\"22%\" align=\"center\" valign=\"middle\">");
               if (location == "catalog")
               {
                  if (force == 0)
                  {
                     document.writeln("<p class=\"menu_sub\">Catalog</p>");
                  }
                  else
                  {
                     if (depth == 0)
                     {
                        document.writeln("<a class=\"menu_sub\" href=\"catalog.html\" alt=\"Catalog\">Catalog</a>");
                     }
                     else
                     {
                        document.writeln("<a class=\"menu_sub\" href=\"../catalog.html\" alt=\"Catalog\">Catalog</a>");
                     }
                  }
               }
               else
               {
                  if (depth == 0)
                  {
                     document.writeln("<a class=\"menu_sub\" href=\"catalog.html\" alt=\"Catalog\">Catalog</a>");
                  }
                  else
                  {
                     document.writeln("<a class=\"menu_sub\" href=\"../catalog.html\" alt=\"Catalog\">Catalog</a>");
                  }
               }
            document.writeln("</td>");

            document.writeln("<td width=\"1%\"></td>");

            document.writeln("<td width=\"21%\" align=\"center\" valign=\"middle\">");
               if (location == "Links")
               {
                  if (force == 0)
                  {
                     document.writeln("<p class=\"menu_sub\">Links</p>");
                  }
                  else
                  {
                     if (depth == 0)
                     {
                        document.writeln("<a class=\"menu_sub\" href=\"links.html\" alt=\"Links\">Links</a>");
                     }
                     else
                     {
                        document.writeln("<a class=\"menu_sub\" href=\"../links.html\" alt=\"Links\">Links</a>");
                     }
                  }
               }
               else
               {
                  if (depth == 0)
                  {
                     document.writeln("<a class=\"menu_sub\" href=\"links.html\" alt=\"Links\">Links</a>");
                  }
                  else
                  {
                     document.writeln("<a class=\"menu_sub\" href=\"../links.html\" alt=\"Links\">Links</a>");
                  }
               }
            document.writeln("</td>");

            document.writeln("<td width=\"1%\"></td>");

            document.writeln("<td width=\"22%\" align=\"center\" valign=\"middle\">");
               if (location == "contact")
               {
                  if (force == 0)
                  {
                     document.writeln("<p class=\"menu_sub\">Contact</p>");
                  }
                  else
                  {
                     if (depth == 0)
                     {
                        document.writeln("<a class=\"menu_sub\" href=\"info_contact.html\" alt=\"Contact\">Contact</a>");
                     }
                     else
                     {
                        document.writeln("<a class=\"menu_sub\" href=\"../info_contact.html\" alt=\"Contact\">Contact</a>");
                     }
                  }
               }
               else
               {
                  if (depth == 0)
                  {
                     document.writeln("<a class=\"menu_sub\" href=\"info_contact.html\" alt=\"Contact\">Contact</a>");
                  }
                  else
                  {
                     document.writeln("<a class=\"menu_sub\" href=\"../info_contact.html\" alt=\"Contact\">Contact</a>");
                  }
               }
            document.writeln("</td>");

            document.writeln("<td width=\"5%\"></td>");
         document.writeln("</tr>");
      document.writeln("</table>");
   }
}