<div class="header clearfix">
  <div class="mashead clearfix">
    <div class="utils">
      <a href="<%main_site_url%>/Swim/index.html" class="sprite-swim">Swim</a>
      <a href="<%main_site_url%>/Bike/index.html" class="sprite-bike">Bike</a>
      <a href="<%main_site_url%>/Run/index.html" class="sprite-run">Run</a>
    </div>
    <div class="grphead clearfix">
      <div class="brand">
        <a href="<%main_site_url%>" alt="Slowtwitch" class="sprite-brand">Slowtwitch.com</a>
      </div>
      <div class="navbar utility">
        <ul class="nav">
          <%~if slowtwitch_forum %>
          <li class="welcome">
            <%~if current_user_id%>
            <%~set num_new_messages = new_messages()%>
            <a href="#">Welcome <%current_user_username%><%if num_new_messages%> <span class="pm-notification"><%num_new_messages%></span><%endif%> <span class="sprite-arrow-down"></span></a>
            <div id="user_profile_menu" class="subnav">
              <ul>
                <li><a href="<%GForum::SEO::url(params => "username=$current_user_username")%>">View Profile</a></li>
                <li><a href="<%GForum::SEO::url(params => "do=user_profile")%>">Profile Settings</a></li>
                <li><a href="<%GForum::SEO::url(params => "do=message_list")%>">Messages</a></li>
                <li><a href="<%GForum::SEO::url(params => "do=user_profile_notifications&action=threads")%>">Watched Threads</a></li>
                <li><a href="<%main_site_url%>" rel="forum-rules" class="dialog-lnk">Forum Rules</a></li>
                <li><a href="<%GForum::SEO::url(params => "do=logout")%>" class="logout">Log out</a></li>
              </ul>
            </div>
            <%~else%>
            <a href="<%GForum::SEO::url(params => 'do=login')%>">Login <span>&gt;</span></a>
            <%~endif%>
          </li>
          <%~endif%>
          <li class="subscribe">
          <a href="#>">Subscribe <span>&gt;</span></a>
          <div class="subscribe-form clearfix">
            <%include include_subscribe.html%>
          </div>
          </li>
          <li><a href="<%main_site_url%>/store/">Shop <span>&gt;</span></a></li>
        </ul>
        <div class="clearall"></div>
        <div class="brand-b clearfix">
          <a href="<%main_site_url%>" alt="Slowtwitch" class="sprite-brand">Slowtwitch.com</a>
          <%~if slowtwitch_forum%>
          <div class="navbar user-profile mobile">
            <ul class="nav">
              <li>
              <%~if current_user_id%>
              <a href="#" class="logged-in"><%current_user_username%> <span class="sprite-arrow-down"></span></a>
              <div class="subnav"></div>
              <%~else%>
              <a href="<%GForum::SEO::url(params => 'do=login')%>">Login</a>
              <%~endif%>
              </li>
            </ul>
          </div>
          <%~endif%>
          <div class="controller">
            <a rel="main-search" href="#" class="sprite-magnify">Search</a>
            <a href="#" class="sprite-menu">menu</a>
            <div class="navbar menu-b"></div>
          </div>
        </div>
      </div>
    </div>

    <!-- tablet & mobile floating search box -->
    <div id="main-search" class="form search-form search-widget">
        <%~if slowtwitch_forum%>
            <%~set search_url  = GForum::SEO::url(params => "do=search")%>
            <%~if forum_id%><%set search_url .= ";search_forum=forum_$forum_id"%><%endif%>
        <%~else%>
            <%~set search_url = $config.db_cgi_url%><%set search_url .= '/search.cgi'%>
        <%~endif%>
      <form action="<%search_url%>" method="post" enctype="application/x-www-form-urlencoded">
        <%hidden_form || ''%>
        <input type="hidden" name="do" value="search_results" />
        <%~if slowtwitch_forum%>
        <input type="hidden" name="forum" value="<%forum_id%>" />
        <input type="hidden" name="search_forum" value="<%if forum_id%>forum_<%forum_id%><%else%>all<%endif%>" />
        <input type="hidden" name="sb" value="post_time" />
        <input type="hidden" name="search_type" value="AND" />
        <%~endif%>
        <div class="row-b">
          <span class="sprite-search-btn"></span>
          <input type="text" name="<%if slowtwitch_forum%>search_string<%else%>query<%endif%>" class="txt article_keyword" placeholder="Search keyword..." />
          <a href="<%main_site_url%>" class="sprite-x">x</a>
        </div>
        <div class="row">
          <%~if slowtwitch_forum%>
          <select>
            <%if forum_id%><option value="forum_<%forum_id%>">This forum</option><%endif%>
            <%if cat_id%><option value="cat_<%cat_id%>">This category</option><%endif%>
            <option value="all">All forums</option>
            <option value="<%main_site_url%>/cgi-bin/articles/search.cgi">Knowledge Base</option>
          </select>
          <%~endif%>
          <a href="<%search_url%>?do=search<%if forum_id%>;search_form=forum_<%forum_id%><%endif%>" title="Advanced Search">Advanced Search</a>
          <input type="submit" value="Search" class="btn" />
        </div>
      </form>
    </div>
  </div><!-- end mashead -->

  <div class="mashead-b clearfix">
    <a href="<%main_site_url%>" class="sprite-logo">Logo</a>
    <%~if slowtwitch_forum%>
    <div class="adbox">
      <div class="adhori">
        <%~set adsize = '728x90'%>
        <%include include_ad.html%>
      </div>
    </div>
    <%~else%>
    <div class="adbox">
      <div class="adhori">
        <%~set adsize = '728x90'%>
        <%include include_ad.html%>
      </div>
    </div>
    <%~endif%>
    <%~set search_url = "#"%>
    <%~if slowtwitch_forum%>
        <%~set search_url  = GForum::SEO::url()%>
    <%~else%>
        <%~set search_url = $config.db_cgi_url%><%set search_url .= '/search.cgi'%>
    <%~endif%>
    <div class="social-sm clearfix">
        <%include include_social.html%>
        <div class="main-search search-widget">
            <form action="<%search_url%>" method="get">
                <%hidden_form || ''%>
                <input type="hidden" name="do" value="search_results" />
                <%~if slowtwitch_forum%>
                <input type="hidden" name="forum" value="<%forum_id%>" />
                <input type="hidden" name="sb" value="post_time" />
                <input type="hidden" name="search_forum" value="<%if forum_id%>forum_<%forum_id%><%else%>all<%endif%>" />
                <input type="hidden" name="search_type" value="AND" />
                <%~endif%>
                <select>
                    <%~if slowtwitch_forum%>
                    <%~if forum_id%><option value="forum_<%forum_id%>">This forum</option><%endif%>
                    <%~if cat_id%><option value="cat_<%cat_id%>">This category</option><%endif%>
                    <option value="all">All Forum</option>
                    <%~endif%>
                    <option value="<%main_site_url%>/cgi-bin/articles/search.cgi">Knowledge Base</option>
                    <option value="<%search_url%>?do=search<%if forum_id%>;search_form=forum_<%forum_id%><%endif%>">Advanced Search</option>
                </select>
                <input type="text" name="<%if slowtwitch_forum%>search_string<%else%>query<%endif%>" class="txt article_keyword" placeholder="Search keyword..." />
            </form>
        </div>
        <a href="#" class="sprite-magnify">Search</a>
    </div>

  </div><!-- end mashead-b -->

  <div id="menu" class="navbar menu">
    <ul class="nav">
      <li>
        <a href="<%main_site_url%>/Products/index.html" rel="products">Products</a>
        <span class="expand"><a class="sprite-expand"></a></span>
        <div class="subnav clearfix">
          <ul>
            <li><a href="<%main_site_url%>/Products/Running_Footwear_by_brand/index.html">Running Footwear</a></li>
            <li><a href="<%main_site_url%>/Products/Cycling_footwear/index.html">Cycling Footwear</a></li>
            <li><a href="<%main_site_url%>/Products/Wetsuit_by_brand/index.html">Wetsuits</a><hr /></li>
          </ul>
          <ul>
            <li><a href="<%main_site_url%>/Products/Components/index.html">Components</a></li>
            <li><a href="<%main_site_url%>/Products/Electronics/index.html">Electronics</a></li>
            <li><a href="<%main_site_url%>/Products/Lights/index.html">Lights</a><hr /></li>
          </ul>
          <ul>
            <li><a href="<%main_site_url%>/Products/Saddles/index.html">Saddles</a></li>
            <li><a href="<%main_site_url%>/Products/Handlebars/index.html">Handlebars</a></li>
            <li><a href="<%main_site_url%>/Products/index.html">Tri Bike</a></li>
            <%--          <li><a href="<%main_site_url%>/Products/Stationary/index.html">Stationary</a></li> --%>
            <li><a href="<%main_site_url%>/Products/Things_that_Roll/index.html">Things that Roll</a><hr /></li>
          </ul>
          <ul>
            <li><a href="<%main_site_url%>/Products/Old_reviews/index.html">Archive</a></li>
          </ul>
        </div>
      </li>
      <li>
        <a href="<%main_site_url%>/local/" rel="local">Local Listing</a>
        <span class="expand"><a class="sprite-expand"></a></span>
        <div class="subnav clearfix">
          <ul>
            <li><a href="<%main_site_url%>/runshops/">Running Stores</a></li>
            <li><a href="<%main_site_url%>/retailers/">Bike Shops</a></li>
            <li><a href="<%main_site_url%>/coaches/">Coaches</a></li>
            <li><a href="<%main_site_url%>/fitters/">Fitter's Database</a></li>
          </ul>
          <ul>
            <li><a href="<%main_site_url%>/triclubs/">Triathlon Clubs</a><hr /></li>
            <li><a href="<%main_site_url%>/calendar/">Race Calendar</a><hr /></li>
            <li><a href="<%main_site_url%>/local/map.php">Map of Everything</a></li>
            <li><a href="<%main_site_url%>/local/user_listings.php">Your Local Listings</a></li>
          </ul>
        </div>
      </li>
      <li>
        <a href="<%main_site_url%>/Articles/index.html" rel="articles">Articles</a>
        <span class="expand"><a class="sprite-expand"></a></span>
        <div class="subnav clearfix">
          <ul>
            <li><a href="<%main_site_url%>/News/index.html">News</a></li>
            <li><a href="<%main_site_url%>/Features/index.html">Features</a></li>
            <li><a href="<%main_site_url%>/Lifestyle/index.html">Lifestyle</a></li>
            <li><a href="<%main_site_url%>/Opinion/index.html">Opinion</a><hr /></li>
          </ul>
          <ul>
            <li><a href="<%main_site_url%>/Interview/index.html">Interviews</a></li>
            <%--<li><a href="<%main_site_url%>">Book Reviews</a><hr /></li>--%>
          </ul>
          <ul>
            <li><a href="<%main_site_url%>/Tech/index.html">Tech</a></li>
            <li><a href="<%main_site_url%>/Training/index.html">Training</a></li>
          </ul>
          <ul>
            <li><a href="<%main_site_url%>/Bike_Fit/index.html">Bike Fit</a><hr /></li>
            <%--<li><a href="<%main_site_url%>">Age Groupers</a><hr /></li>--%>
          </ul>
          <ul>
            <%--<li><a href="<%main_site_url%>">Results</a></li>--%>
          </ul>
        </div>
      </li>
      <li>
        <a href="<%main_site_url%>/Gravel/index.html" rel="gravel">Gravel</a>
      </li>
      <li>
        <a href="<%main_site_url%>/Indoor_Training/index.html" rel="indoor_training">Indoor</a>
      </li>
      <li>
        <a href="<%main_site_url%>/Races/index.html" rel="races">Races</a>
        <span class="expand"><a class="sprite-expand"></a></span>
        <div class="subnav clearfix">
          <ul>
            <li><a href="<%main_site_url%>/calendar/">Race Calendar</a></li>
            <li><a href="<%main_site_url%>/RD_Aids/index.html">RD Aids</a></li>
            <%--<li><a href="<%main_site_url%>">Results</a></li>--%>
          </ul>
        </div>
      </li>
      <li>
      <a href="<%main_site_url%>/podcast/index.html" rel="podcast">Podcast</a>
      </li>
      <li>
      <a href="<%main_site_url%>/Training/index.html" rel="training">Training</a>
        <span class="expand"><a class="sprite-expand"></a></span>
        <div class="subnav clearfix">
          <ul>
            <li><a href="<%main_site_url%>/Training/Beginners/index.html">Beginner</a></li>
            <li><a href="<%main_site_url%>/Training/General_Training/index.html">General Training</a></li>
            <li><a href="<%main_site_url%>/Training/General_Physiology/index.html">General Physiology</a><hr /></li>
          </ul>
          <ul>
            <li><a href="<%main_site_url%>/Training/Swimming/index.html">Swimming</a></li>
            <li><a href="<%main_site_url%>/Training/Running/index.html">Running</a></li>
            <li><a href="<%main_site_url%>/Training/Cycling/index.html">Cycling</a></li>
            <%--<li><a href="<%main_site_url%>">Stationary Training</a></li>--%>
            <%--<li><a href="<%main_site_url%>/Training/Nordic_Skiing/index.html">Nordic Skiing</a><hr /></li>--%>
          </ul>
          <%--
          <ul>
            <li><a href="<%main_site_url%>">Health, Illness &amp; Injury</a></li>
            <li><a href="<%main_site_url%>">Staying Safe</a><hr /></li>
          </ul>
          --%>
          <ul>
            <li><a href="https://training.eric-jensen.org/">Training Log</a></li>
          </ul>
        </div>
      </li>
      <li>
      <a href="<%main_site_url%>/Bike_Fit/index.html" rel="bikefit">Bike Fit</a>
        <span class="expand"><a class="sprite-expand"></a></span>
        <div class="subnav clearfix">
          <ul>
            <li><a href="<%main_site_url%>/Bike_Fit/General_Fit_Articles/index.html">General</a></li>
            <li><a href="<%main_site_url%>/Bike_Fit/Bike_Fit_Equipment_and_Tools/index.html">Equipment and tools</a></li>
            <li><a href="<%main_site_url%>/Bike_Fit/Geometry_and_Handling/index.html">Geometry &amp; Handling</a></li>
            <li><a href="<%main_site_url%>/Bike_Fit/Choosing_a_Tri_Bike_via_Stack_and_Reach/index.html">Choosing via Stack/Reach</a><hr /></li>
            <li><a href="<%main_site_url%>/Bike_Fit/Road_Bike_Fit/index.html">Road Bike Fit</a><hr /></li>
          </ul>
          <ul>
            <li><a href="<%main_site_url%>/Bike_Fit/F_I_S_T__Workshops/index.html">F.I.S.T. Workshops</a></li>
            <li><a href="<%main_site_url%>/Bike_Fit/F_I_S_T__Tri_bike_fit_system/index.html">F.I.S.T. Tri Bike System</a><hr /></li>
          </ul>
          <ul>
            <li><a href="<%main_site_url%>/fit_calculator/stem_calc.php">STEM Calculator</a></li>
            <li><a href="<%main_site_url%>/fit_calculator/bar_bore_calc.php">Bar to HT Calculator</a></li>
            <li><a href="<%main_site_url%>/fit_calculator/fit_calculator.php">TRI Geometry Calculator</a><hr /></li>
            <li><a href="<%main_site_url%>/stackreach/">Stack/Reach Database</a><hr /></li>
          </ul>
          <ul>
            <li><a href="<%main_site_url%>/fitters/">Fitter's Database</a></li>
            <li><a href="<%forum_url || 'http://forum.slowtwitch.com'%>?forum=10">Fitter's Forum</a></li>
          </ul>
        </div>
      </li>
      <li<%if slowtwitch_forum%> class="selected"<%endif%>>
        <a href="<%forum_url || 'http://forum.slowtwitch.com'%>">Forum</a>
      </li>
    </ul>
  </div><!-- end navbar -->
</div><!-- end header -->