{% set groups = h.get_facet_items_dict('groups', limit=30) %}
<style>
#pop-groups {
	 line-height: 1.3;
    padding: 5px 15px 10px;
    word-break: break-all;
}

#pop-groups a + a{
	margin-left: 5px;
}
</style>
<div>
      <h3 style="padding-left: 15px;">Popular Groups</h3>
		  		<div id="pop-groups">
    				{% for group in groups %}
					{% set weight = 30 - loop.index %}
      				<a href="{% url_for controller='package', action='search', groups=group.name %}" rel={{weight}}>{{ h.truncate(group.display_name, 26) }}</a>
    				{% endfor %}
  				</div>
</div>
     	  	
<script type="text/javascript" >
loadCloud('pop-groups')
</script>