{% load i18n media_tags %}

{% if multimedia_list %}

<link href="{{ MEDIA_URL }}merengue/css/shadowbox.css" rel="stylesheet" type="text/css" />
<link href="{{ MEDIA_URL }}merengue/css/slideshow.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="{{ MEDIA_URL }}merengue/js/mootools.v1.11.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}merengue/js/shadowbox/shadowbox-mootools.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}merengue/js/shadowbox/shadowbox.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}merengue/js/shadowbox/shadowbox-{{ LANGUAGE_CODE }}.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}merengue/js/multimedia/jquery.slideshow.js"></script>

<div class="MultimediaSlide">
<div id="slideshow">
  <div class="screenShotTable">
    <div class="simpleImgGallery2">
      <div class="imageController">
        <img  class="icon prevImg" alt="Previous" src="{{ MEDIA_URL }}merengue/img/multimedia/slide_previous.gif"/>
        <span class="imagesNumber">
          <span class="imgNow" >1</span>
          <span>/</span>
          <span class="imgMax">1</span>
         </span>
         <img class="icon nextImg" alt="Next"
              src="{{ MEDIA_URL }}merengue/img/multimedia/slide_next.gif"/>
      </div>
      <div class="MultimediaSlideActionLinks">
        <span class="galleryButton toStreet" style="display: none;">
          <a class="street_view_shadowlink" rel="shadowbox;height=380;width=500;type=iframe" href="."  title="{% trans "Street view" %}" target="_blank"><img src="{{ MEDIA_URL }}merengue/img/multimedia/mediacontents/photography_icon_streetview.png"/></a>
        {% comment %}<a class="street_view_shadowlink" rel="shadowbox;height=380;width=500;type=iframe" href="{% url street_view basecontent_id=content.id %}"  title="{% trans "Street view" %}" target="_blank">
          <img src="{{ MEDIA_URL }}img/photography_icon_streetview.png"/>
        </a>{% endcomment %}
        </span>
      </div>
    </div> 
    <div class="MultimediaSlideVisualZone">
{% for multimedia in multimedia_list %}
  <div class="MultimediaItem hide">
    <span class="MultimediaItemClass hide">{{ multimedia.class_name }}</span>
    <div class="MultimediaItemThumbnail">
      {% multimedia_slide_link multimedia content %}
    </div>
  </div>
{% endfor %}
    </div>
  </div>
</div>

<div class="MultimediaSlideConfiguration hide">
  <span class="MultimediaConfigurationMediaURL">{{ MEDIA_URL }}</span>
  <span class="MultimediaConfigurationActionLinksOrder">photo video panoramicview image3d audio audioguide postcard background screensaver</span>
</div>
</div>
{% endif %}
