## -*- coding: utf-8 -*-
<%namespace name="base" file="base_helper.tmpl" import="*"/>
${set_locale(lang)}
${base.html_headstart()}
<%block name="extra_head">
### Leave this block alone.
</%block>
${template_hooks['extra_head']()}
</head>
<body>
<div class="container" id="container">
    <!--Body content-->
    <!--End of body content-->
    <div>
    <a href="${blog_url}"><h1>${blog_title}</h1></a>
    </div>
    <div id="content">
        ${template_hooks['page_header']()}
        <%block name="content"></%block>
    </div>
    <div class="row-fluid">
        <div class="span6" style="text-align: right; border-right: 2px solid #ccc; padding-right: 20px;">
            <ul class="unstyled bottom">
                %for url, text in navigation_links[lang]:
                    % if rel_link(permalink, url) == "#":
                        <li class="active"><a href="${url}">${text}</a>
                    %else:
                        <li><a href="${url}">${text}</a>
                    %endif
                %endfor
                ${template_hooks['menu']()}
            </ul>
        </div>
        <div class="span6" style="margin-left: 20px;">
            <ul class="unstyled bottom">
            <%block name="belowtitle">
            %if len(translations) > 1:
                    <li>
                    %for langname in translations.keys():
                        %if langname != lang:
                            <a href="${rel_link(permalink, _link("index", None, langname))}">${messages[langname]["LANGUAGE"]}</a>
                        %endif
                    %endfor
                    </li>
            %endif
            </%block>
            <%block name="sourcelink"> </%block>
            <li>Shares: <div id="share"></div></li>
            </ul>
            <div>
            %if search_form:
                ${search_form}
            %endif
            ${template_hooks['menu_alt']()}
            </div>
        </div>
    </div>
    <hr>
    <div class="footer">
    ${content_footer}
    ${template_hooks['page_footer']()}
    </div>
</div>
    ${base.late_load_js()}
    <script type="text/javascript" src="/assets/js/jquery.sharrre-1.3.4.min.js"></script>
    <script type="text/javascript">
        jQuery("a.image-reference").colorbox({rel:"gal",maxWidth:"80%",maxHeight:"80%",scalePhotos:true});
        $('#share').sharrre({
        share: {
            googlePlus: true,
            twitter: true
        },
        buttons: {
            googlePlus: {annotation:'bubble'},
            twitter: {count: 'horizontal'}
        },
        hover: function(api, options){
            $(api.element).find('.buttons').show();
        },
        hide: function(api, options){
            $(api.element).find('.buttons').hide();
        },
        enableTracking: true,
        urlCurl: ""
        });
    </script>
    ${body_end}
    ${template_hooks['body_end']()}
</body>
