{% extends "sphinxdoc/layout.html" %}
{%- macro customrelbar(showrel=True) %}
    <div class="related">
      <h3>{{ _('Navigation') }}</h3>
      <ul>
        {%- if showrel %}
            {%- for rellink in rellinks %}
            <li class="right" {% if loop.first %}style="margin-right: 10px"{% endif %}>
              <a href="{{ pathto(rellink[0]) }}" title="{{ rellink[1]|striptags }}"
                 {{ accesskey(rellink[2]) }}>{{ rellink[3] }}</a>
              {%- if not loop.first %}{{ reldelim2 }}{% endif %}</li>
            {%- endfor %}
        {%- endif %}
        {%- block rootrellink %}
        <li><a href="{{ pathto(master_doc) }}">{{ shorttitle|e }}</a>{{ reldelim1 }}</li>
        {%- endblock %}
        {%- for parent in parents %}
          <li><a href="{{ parent.link|e }}" {% if loop.last %}{{ accesskey("U") }}{% endif %}>{{ parent.title }}</a>{{ reldelim1 }}</li>
        {%- endfor %}
        <li><a href="#">{{ title }}</a></li>
      </ul>
    </div>
{%- endmacro %}
{%- macro index_sidebar() %}
    <div class="sphinxsidebar">
        <div class="sphinxsidebarwrapper">
            <h1>Download</h1>
            <p>Current release: <a href="{{ pathto('downloads') }}">{{ version }}</a></p>
            <h1>GeoExt News</h1>
            <script src="http://landmark-project.com/feed2js/feed2js.php?src=http%3A%2F%2Fgeoext.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Falt%3Drss&num=3&desc=75"></script>
            <span><a href="http://geoext.blogspot.com" title="GeoExt Blog">more ...</a></span>
        </div>
    </div>
{%- endmacro %}

{% block extrahead %}
    <link rel="stylesheet" href="{{ pathto('_static/geoext.css', 1) }}" type="text/css" />
{% endblock %}

{% block header %}
    <div class="header">
        <div class="wrap">
            <h1 id="logo"><a href="{{ pathto('index') }}">GeoExt</a></h1>
            <ul id="top-nav">
                <li class="first"><a href="{{ pathto('docs') }}">Documentation</a></li>
                <li><a href="{{ pathto('examples/index') }}">Demos</a></li>
                <li><a href="{{ pathto('downloads') }}">Download</a></li>
                <li><a href="http://www.geoext.org/trac/geoext/">Development</a></li>
            </ul>
            {%- if pagename != "search" %}
            <div id="searchbox">
                <form class="search" action="{{ pathto('search') }}" method="get">
                    <input id="searchbox-query" type="text" name="q" size="25" value="Search &hellip;" tabindex="3" onblur="if(this.value=='') this.value='Search &hellip;';" onfocus="if(this.value=='Search &hellip;') this.value='';" />
                    <input id="searchbox-submit" type="image" value="Search" src="{{ pathto('_static/img/search_icon_green.png', 1)}}" />
                    <input type="hidden" name="check_keywords" value="yes" />
                    <input type="hidden" name="area" value="default" />
                </form>
            </div>
            <script type="text/javascript">$('#searchbox').show(0);</script>
            {%- endif %}
        </div>
    </div>
{% endblock %}

{% block relbar1 %}
    {%- if pagename != 'index' %}{{ customrelbar(False) }}{% endif %}
{% endblock %}

{% block sidebarsearch %}{% endblock %}

{%- block sidebar1 %}
    {%- if pagename == 'index' %}{{ index_sidebar() }}{% else %}{{ super() }}{% endif %}
{% endblock %}
{%- block sidebar2 %}{% endblock %}

{%- block relbar2 %}
    {%- if pagename != 'index' %}{{ customrelbar(True) }}{% endif %}
{% endblock %}