{% block init %}
	<script>
		// this breaks the modals
		//$("#LargeModalContent").empty();
	</script>
{% endblock %}

{% block above %}{% endblock %}

{% block modal_content %}
	{% block header %}
		<div class="modal-header">
			<h5 class="modal-title">{% block title %}{% endblock %}</h5>
		    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		    	<span aria-hidden="true">&times;</span>
		    </button>
		</div>
	{% endblock %}
	
	<div class="modal-body">
		{% block body %}{% endblock %}
		{% block extra_body %}{% endblock %}
	</div>
	<div class="modal-footer">
		{% block footer %}{% endblock %}
	</div>
{% endblock %}

{% block open_modal %}
	<script>
		var modal = $("#Modal");
		if (!modal.hasClass("show")){
			modal.modal("show");
		}
	</script>
{% endblock %}

{% block below %}{% endblock %}
{% block script %}{% endblock %}