{namespace z=ZWEI14\T3template\ViewHelpers}

<section id="c{data.uid}" class="headerContainer">
    <div class="headerBorder">
        <div class="container">
            <div class="headerBorderInner"></div>
        </div>
    </div>

    <div class="headerCaption">
        <div class="container">
            <div class="headerCaptionInner">
                <div class="borderTop"></div>
                <div class="borderBottom"></div>

                <h1>Welcome <z:getFirstname /> <z:getLastname /></h1>
            </div>
        </div>
    </div>
</section>

<script type="text/javascript">
    $(function() <f:format.raw value="{" />
        var borderHeight = function() <f:format.raw value="{" />
            $("#c{data.uid} .headerCaption .container").each(function(i, el) <f:format.raw value="{" />
                var $el = $(el),
                    heightWrapper = $el.outerHeight(),
                    heightHeadline = $el.find('.headerCaptionInner').outerHeight(),
                    heightBorder = (heightWrapper - heightHeadline) / 2;

                $el.find('.headerCaptionInner > div').height(heightBorder);
            });
        };

        borderHeight();

        setTimeout(function() <f:format.raw value="{" />
            $("#c{data.uid}").addClass('init');
        }, 500);

        $(window).resize(function() <f:format.raw value="{" />
            borderHeight();
        });
    });
</script>