{% load i18n static cms_tags menu_tags sekizai_tags  %}

{% if not request.toolbar.edit_mode %}
	{%addtoblock "js" %} <script src="{% static 'cms/js/libs/jquery.min.js' %}"> </script> {%endaddtoblock%}
{%endif%}

{%addtoblock "js" %} <script src="{% static 'accordion_presentation/js/jquery.cycle2.min.js' %}"> </script> {%endaddtoblock%}

{%addtoblock "css" %}<link href="{% static 'accordion_presentation/css/accordion_presentation.css' %}" rel="stylesheet">{%endaddtoblock "css"%}

{%addtoblock "js" %}<script src="{{ STATIC_URL }}accordion_presentation/js/accordion.js" > </script>{%endaddtoblock "js"%}

		
<div class="ap_content {{accordion.custom_classes}}" data-maxcol="{{ accordion.child_plugin_instances|length }}" >

		<div class="cycle-slideshow ap_slide"  
		    {#data-cycle-fx="scrollHorz" #}
		    data-cycle-fx="tileBlind"
		    data-cycle-timeout=0
		    data-cycle-auto-height="16:9"
		    {% if request.toolbar.edit_mode %}
		    data-cycle-slides="> div"
		    {%else%}
		    data-cycle-slides="> a"
		    {%endif%}
		    {% if accordion.custom_duration%}
		    manual-speed={{accordion.custom_duration}}
		    {%endif%}
		    >
			{%with 1 as step %}
			    {% for plugin in accordion.child_plugin_instances %}
					{% with forloop as parentloop %}{% render_plugin plugin %}{% endwith %}
			    {% endfor %} 
			
			{% endwith %}
		</div>
	
			{%with 2 as step %}
			    {% for plugin in accordion.child_plugin_instances %}
					{% with forloop as parentloop %}{% render_plugin plugin %}{% endwith %}
			    {% endfor %} 
			
			{% endwith %}
	

</div>

{%addtoblock "js" %} 
<script>

resize_image($('.ap_content')[0]);
$( window ).resize(function() {
	resize_image($('.ap_content')[0]);
});
</script>
{%endaddtoblock%}
{%addtoblock "css" %} 
	<style>body{background: #000000;}</style>
{%endaddtoblock%}