{% if site.ssi_board %}
<section>
  <h1>Announcements</h1>
  <ul id="ssi_threads">
    <li class="loading">Status updating...</li>
  </ul>
  <script type="text/javascript">
    $(document).ready(function(){
        if (!window.jXHR){
            var jxhr = document.createElement('script');
            jxhr.type = 'text/javascript';
            jxhr.src = '{{ root_url}}/javascripts/libs/jXHR.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(jxhr, s);
        }

        smf_ssi.showThreads({
            board: {{site.ssi_board}},
            limit: {{site.ssi_limit}},
            length: {{site.ssi_length}},
            target: '#ssi_threads'
        });
    });
  </script>
  <script src="{{ root_url }}/javascripts/ssi.js" type="text/javascript"> </script>
</section>
{% endif %}