{% load mezzanine_tags %}

{% if page.slide_set.all %}
<div class="fullscreen-slides" style="height: 80vh; width: 100vh;"></div>
<script>
  $(function() {
    $.vegas('slideshow', {
      backgrounds: [
        {% for image in page.slide_set.all %}
          {src: '{{ MEDIA_URL }}{% thumbnail image.file 1920 1080 %}'}{% if not forloop.last %},{% endif %}
        {% endfor %}
      ], fade: 2000
    });
  });
</script>
{% endif %}