{{#if data}}

    <div class="s-group-section">

        <a href="#" class="s-help s-help-right-float" title="help" onclick="app.help(event, 'sibling-groups')"></a>

        <h2>Sibling Groups</h2>

        <ul class="s-group-siblings">
            <li>
                <span class="s-group-siblings-c1">Group</span><span class="s-group-siblings-c2">Overlap</span><span>InterPro domains</span></li>

        {{#each data}}
            <li><span class="s-group-siblings-c1"><a href="?level={{../params.level}}&species={{../params.species}}&query={{id}}" title="{{description}}" onclick="app.href(event, this)">{{id}}</a></span><span class="s-group-siblings-c2">{{param}}</span><span>{{#each interpro}}{{link}} {{/each}}</span></li>
        {{/each}}

        {{#if show_switch}}
            <li><span class="s-group-siblings-c1">{{#if show_all}}...{{/if}}</span><span class="s-group-siblings-c2"></span><span><a href="javascript:app.showSiblings({{index}}, {{show_all}})">Show {{#if show_all}}all siblings{{else}}top 5 only{{/if}}</a></span></li>
        {{/if}}
        </ul>
    </div>
{{/if}}