{% extends "1-col.html" %}

{% block head_title %}{% if page.meta_title %}{{ page.meta_title}}{% else %}{{ page.title }}{% endif %}{% endblock %}

{% block meta_description %}{{ page.meta_description }}{% endblock %}

{% block about_active %}
    {% if page.slug == 'about-us' %}active{% endif %}
{% endblock %}

{% block gallstones_active %}
    {% if page.slug == 'gallstones' %}active{% endif %}
{% endblock %}

{% block tests_active %}
    {% if page.slug == 'tests' %}active{% endif %}
{% endblock %}

{% block surgery_active %}
    {% if page.slug == 'surgery' %}active{% endif %}
{% endblock %}

{% block links_active %}
    {% if page.slug == 'links' %}active{% endif %}
{% endblock %}

{% block banner %}
    {% if page.get_banners %}
        <div id="rotator-outer">
            <div id="rotator">
                {% for banner in page.get_banners %}
                    <img src="{{ banner.image.url }}" width="960" height="280" />
                {% endfor %}
            </div>
            <div id="pager"></div>
        </div>
    {% endif %}
{% endblock %}

{% block whole_content %}

    <h1>{{ page }}</h1>
    <p>{{ page.content|safe }}</p>

    {% for subpage in page.get_pages %}
        <div class="item">
            <h3><a href="{% url 'page' subpage.slug %}">{{ subpage }}</a></h3>
            <p>{{ subpage.content|striptags|truncatewords:50|safe }}<br />
            <a href="{% url 'page' subpage.slug %}">Read More &raquo;</a></p>
            <div class="clear"></div>
        </div>
    {% endfor %}

{% endblock %}