{% extends "layout.twig" %}

{% block content %}

    {% if (entry.isRedirectTo.one()) %}
        {% redirect entry.isRedirectTo.one().url %}
    {% endif %}

    {% if entry.level == 1 %}
        {% set parentEntry = entry %}
    {% elseif entry.level == 2 %}
        {% set parentEntry = entry.parent %}
    {% elseif entry.level == 3  %}
        {% set parentEntry = entry.parent.parent %}
    {% endif %}

    {% if (parentEntry.pageWithStructuredNavigation) %}

        {% include "content-page/page-navigation.twig" %}

    {% else %}

        {% if entry.isOverview %}

            {% include "content-page/overview.twig" %}

        {% else %}

            {% if entry.level == 2 %}
                {% redirect entry.parent.url %}
            {% endif %}

            {% include "content-page/page.twig" %}

        {% endif %}

    {% endif %}
{% endblock %}

{% block inPageJavaScript %}
<script src="{{ rev('sticky-sidebar.js') }}"></script>
<script>
$(function() {
    if ($("#sidebarSticky").length) {
        new StickySidebar('#sidebarRight', {
            containerSelector: '#mainContent',
            innerWrapperSelector: '#sidebarSticky',
            topSpacing: 117,
            bottomSpacing: 20
        });

        setActiveClassSticySidebar = function () {
            $("#mainContent .contentblockHeading").withinviewport().each(function () {
                $('#sidebarSticky a').removeClass('active');
                $('#sidebarSticky a[view-id="' + $(this)[0].id + '"]').addClass('active');
                return false;
            });
        };

        $(window).bind("scroll", function () {
            setActiveClassSticySidebar();
        });

        setActiveClassSticySidebar();

        $("#sidebarSticky a").click(function () {
            $('#sidebarSticky a').removeClass('active');
            $(this).addClass('active');
        });
    }
});
</script>
{% endblock %}