{% if media is defined and media is valuableArray %}
    {% for medium in media %}
        {% set big = '' %}
        {% if first and loop.index < 5 %}
            {% set big = 'mostlikes' %}
        {% endif %}

        <div data-info="{{ medium.rel_id }}" class="imgWrapper square {{ big }}" style="position:relative;">
            {% set liked = false %}
            {% set class = '' %}
            {% if loggedin %}
                {% if not medium.my_like %}
                    {% set class = '' %}
                    {% set liked = '0' %}
                    {% set title = "LIKE_IT"|translate %}
                {% else %}
                    {% set class = 'faLiked' %}
                    {% set liked = '1' %}
                    {% set title = "DONT_LIKE_IT"|translate %}
                {% endif %}
            {% endif %}

            <a href="{{ medium.image }}" class="img fancybox" rel="ligthbox mediagroup[]"
               data-date="{{ showDate(medium.time) }}"
               data-role="mediaGallery"
               data-avatar="{{ medium.avatar }}"
               data-liked="{{ liked }}"
               data-lClass="{{ class }}"
               data-member="{{ medium.membername }}"
               data-rel="{{ medium.rel_id }}"
               data-likes="{{ medium.count_likes }}"
               style="background-image:url('{{ medium.image }}');"></a>

            {% if loggedin %}
                <a data-liked="{{ liked }}" href="javascript:void(0);" id="likeClick_{{ medium.rel_id }}"
                   class="infoBox hide likeClick_{{ medium.rel_id }} {{ class }}" title="{{ title }}"
                   onclick="likeAction(event,{{ medium.rel_id }},this);">
                    <i class="fa fa-thumbs-up {{ class }}" title="{{ title }}"></i>
                    <span class="likeText">{{ title }}</span>
                    (<span class="likesCount" id="likesCount_{{ medium.rel_id }}">{{ medium.count_likes }}</span>)</a>
            {% endif %}
        </div>
    {% endfor %}
{% endif %}