{% if results|length > 0 %}
    <li>
        <p><i class="icon-info-sign"></i>&nbsp;Hover Over A Suggestion to Hear a Preview</p>
    </li>
{% for related in results %}
    <li activity_id="{{ related.activity_id }}" title="{{ related.title }}" data-id="{{ related.activity_id }}" user="{{ related.user }}" video-url="{{ related.video_url }}" video-type="{{ related.video_type }}" youtube_id="{{ related.youtube_id }}" class="item-post">
    <div class="inner">
        <div class="thumb">
            <a class="clip-link tips video-link" activity_id="{{ related.activity_id }}" youtube_id="{{ related.youtube_id }}" data-id="{{  related.vid }}" title="{{  related.html_title }}" href="#" data-href="{{ related.video_url }}">
			<span class="clip">
				<img onerror="this.src='https://songslike.us-east-1.linodeobjects.com/noimage.png';" src="{{ related.thumbnail }}" alt="{{ related.html_title }}" />
			    <img onerror="this.src='https://songslike.us-east-1.linodeobjects.com/noimage.png';" style="border-radius:50%;position:relative;top:-37px;width:35px;height:35px;left:2px;" src="{{ related.avatar }}" alt="{{ related.html_title }}" /><span class="vertical-align"></span>
                <span class="vertical-align"></span>
			</span>
                <span class="timer">{{ related.duration }}</span>
                <span class="overlay"></span>
            </a>

        </div>
        <div class="data">
            <span class="title"><a class="video-link" user="{{ related.user }}" activity_id="{{ related.activity_id }}" href="#" data-href="{{ related.video_url }}" youtube_id="{{ related.youtube_id }}" rel="bookmark" title="{{ related.html_title }}">{{ related.cut_title }}</a></span>
            <span class="usermeta">
							{{ (related.approved == "1") ? 'suggested by' : 'auditioned by you' }} <a href="{{ related.profile_url }}" title="{{ related.related_name }}'s replayScore&#153; {{ related.replay_score }}x"> {{ related.related_name }} </a> to <span style="color:#84d684;">{{ related.playlist_name }}</span>
							<!-- Group Goes Here <p>'.number_format($related->views).' '._lang('views').'</p> -->
      <p style="padding-top:3px;">
          <span style='font-weight:normal;color:#428bca;font-size:10px;'><img src='{{ image_path }}genius.png' style='border:none;width:16px;height:16px' />&nbsp;geniusScore&#153</span>&nbsp;<span style="font-weight: bold;font-size: 10px;">{{ related.genius_score }}x</span>

</p>
                <p style="">
                    <span style="font-weight:normal;font-size:10px;color:#428bca;"><img src='{{ image_path }}replay.png' style='border:none;width:16px;height:16px' />&nbsp;replayScore&#153;</span>&nbsp;<span style="font-weight: bold;font-size: 10px;padding-left:3px;">{{ related.overall_replay_score }}x</span>
                </p>


                <p style="">{{ related.time_ago }}</p>
						</span>
        </div>
    </div>
</li>

    {% if loop.index == 1 %}
    <hr>
    {% endif %}
{% endfor %}
{% else %}

    {% if r == 'friends' %}
        <li>
            <p><i class="icon-info-sign"></i>&nbsp;No Suggestions ...</p>
        </li>
    {% elseif r == 'me' %}
        <li>
        {% if profile_id == 0 %}
        <p><i class="icon-info-sign"></i>&nbsp;No Suggestions ...</p>
            {% else %}
                <p><i class="icon-info-sign"></i>&nbsp;No Suggestions ...</p>
        {% endif %}
        </li>
    {% else %}
        <li>
            <p><i class="icon-info-sign"></i>&nbsp;No Suggestions ...</p>
        </li>
    {% endif %}

{% endif %}

<li class="item-post">
    <ins class="adsbygoogle"
         style="display:block;margin-bottom:10px;"
         data-ad-format="fluid"
         data-ad-layout-key="-fb+5w+4e-db+86"
         data-ad-client="ca-pub-1833995108668961"
         data-ad-slot="2663622289"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
</li>


<li id="feedLoader" class="item-post" style="text-align:center;">
    <img  style="border:none;width:35px;margin-left:45%;height:30px;" src="{{ image_path }}loading.gif"/>
</li>