{% extends 'festival_wireframe.html' %}

{% block title %}
India Theatre Forum - Best Practices
{% endblock %}

{% block extra_head %}
<link rel="stylesheet" href="/static/css/bestpractices.css" />
<script type="text/javascript">

$(document).ready(function() {
  $('.bpItem a').click(function(e) {
    e.preventDefault();
    var id = $(this).parent().attr("data-id");
    if ($(this).parent().find(".bpAjax").is(":visible")) {
      $('.bpAjax').slideUp("fast", function() {
        $(this).remove();
      });
      return false;
    }
    if ($('.bpAjax').is(":visible")) {
      $('.bpAjax').slideUp("fast", function() {
        $(this).remove();
      });  
    }
    var container = $('<div />').addClass("bpAjax").text("Loading...");
    $(this).parent().append(container);
    var url = $(this).attr("href");
    $.get(url, {}, function(response) {
      container.hide().html(response).slideDown("fast", function() {
        var top = container.parent().position().top;
        $('html').scrollTop(top - 3);
        location.hash = id;
      });
    });
  });

  if (location.hash != '') {
    var id = location.hash.replace("#", "");
    var aElem = $('div[data-id=' + id + ']').find('a');
    aElem.click();
  }
});

</script>
{% endblock %}

          {% block leftCol %}
            <ul id="leftNav">
              <li><a href="/itf/">Home</a></li>
              <li><a href="/itf/meetings">Activities</a><div class="helper">ITF Meetings - transcripts, audio, discussions.</div></li>
              <li><a href="/itf/projects">Projects</a><div class="helper">Projects undertaken by the ITF...</div></li>
              <li><a href="/erang">e-Rang</a><div class="helper">The theatre newsletter...</div></li>
              <li><a href="/itf/resources">Resources</a><div class="helper">Downloadable reading materials and resources</div></li>
              <li><a href="/itf/surveys">Surveys</a><div class="helper">Surveys about theatre in India...</div></li>
              <li><a href="/itf/publications">Publications</a><div class="helper">Publications by the ITF..</div></li>
              <li><a href="/itf/people">Participants</a><div class="helper">A list of participants for all ITF meetings</div></li>
              <li class="currentNav"><a href="/itf/bestpractices">Best Practices</a><div class="helper">Best Practices</div></li>              
            </ul>
          {% endblock %}


{% block centerCol %}
  <div id="centerContent">
    <h3>Best Practices</h3>
    <div class="centerText">
      {% block bpTabs %}
      <div id="bpTabs">
        <ul>
          <li class="bpCurrentTab">Intro</li>
          <li><a href="/itf/bestpractices/stories">Stories</a></li>
          <li><a href="/itf/bestpractices/guidelines">Guidelines</a></li>
          <li><a href="/itf/bestpractices/glossary">Glossary</a></li>
          <li><a href="/itf/bestpractices/faq">FAQ</a></li>
          <li><a href="/itf/bestpractices/download">Download</a></li>
        </ul>
      </div>
      <div style="clear:both;"></div>
      {% endblock %}
      {% block bpContent %}
      <div id="intro">
          Best practices - under construction

      </div>    
      <div class="bpContent">
        Download Booklet: <br /><br />
        {% for d in downloads %}
          <div class="bpDownload">
            <a target="_blank" href="d.fil.url" title="Click link to download PDF">{{ d.language }}</a>
          </div>
        {% endfor %}
      </div>
      {% endblock %}
    </div>
  </div>
{% endblock %}