<div class="followBlocks">
<xen:if is="{$following}">
<div class="section infoBlock">
<div class="secondaryContent avatarHeap">
<h3 class="textWithCount" title="{xen:phrase x_is_following_y_members, 'name={$user.username}', 'count={xen:number $followingCount}'}">
<span class="text">{xen:phrase following}</span>
<a href="{xen:link 'members/following', $user}" class="count OverlayTrigger">{xen:number $followingCount}</a>
</h3>
<ol>
<xen:foreach loop="$following" key="$followUserId" value="$followUser">
<li>
<xen:avatar user="$followUser" size="s" text="{$followUser.username}" class="Tooltip" title="{$followUser.username}" itemprop="contact" />
</li>
</xen:foreach>
</ol>
</div>
<xen:if is="{$followingCount} > {xen:count $following, false}">
<div class="sectionFooter"><a href="{xen:link 'members/following', $user}" class="OverlayTrigger">{xen:phrase show_all}</a></div>
</xen:if>
</div>
</xen:if>
<xen:if is="{$followers}">
<div class="section infoBlock">
<div class="secondaryContent avatarHeap">
<h3 class="textWithCount" title="{xen:phrase x_is_being_followed_by_y_members, 'name={$user.username}', 'count={xen:number $followersCount}'}">
<span class="text">{xen:phrase followers}</span>
<a href="{xen:link 'members/followers', $user}" class="count OverlayTrigger">{xen:number $followersCount}</a>
</h3>
<ol>
<xen:foreach loop="$followers" key="$followUserId" value="$followUser">
<li>
<xen:avatar user="$followUser" size="s" text="{$followUser.username}" class="Tooltip" title="{$followUser.username}" itemprop="contact" />
</li>
</xen:foreach>
</ol>
</div>
<xen:if is="{$followersCount} > {xen:count $followers, false}">
<div class="sectionFooter"><a href="{xen:link 'members/followers', $user}" class="OverlayTrigger">{xen:phrase show_all}</a></div>
</xen:if>
</div>
</xen:if>
</div>