{if count($tags)}
    <div id="tags_filter_box" class="filter_box tag_filter_box{if $tabOpen=='tags_filter_box'} active{/if}">
        <div class="line">
        {foreach $tags as $tag name=tags}
            <a class="tag updater{if isset($filter['tag'][$tag->data['tag_id']])} active{/if}">
                <input type="checkbox" name="filter[tag][{$tag->data['tag_id']}]" value="1" {if isset($filter['tag'][$tag->data['tag_id']])} checked="checked"{/if}/>
                <span> {$tag->data['tag_name']} ({$tag->data['tag_count']})</span>
            </a>
        {/foreach}
        </div>
    </div>
{/if}

<div id="custom_filter_box" class="filter_box main_filter_box">
      <div class="column">
          <h4>{"Include"|gettext}:</h4>
          <input id="status_published" class="checkBox" type="checkbox" name="filter[status][{Category::STATUS_PUBLISHED}]" value="1"{if isset($filter['status'][Category::STATUS_PUBLISHED])} checked="checked"{/if}/>
          <label for="status_published" class="checkbox_label"><span></span>{'Active'|gettext} ({$challengesStatusesCount[Category::STATUS_PUBLISHED]|default:0})</label>
          <input id="status_unpublished" class="checkBox" type="checkbox" name="filter[status][{Category::STATUS_UNPUBLISHED}]" value="1"{if isset($filter['status'][Category::STATUS_UNPUBLISHED])} checked="checked"{/if}/>
          <label for="status_unpublished" class="checkbox_label"><span></span>{'Closed'|gettext} ({$challengesStatusesCount[Category::STATUS_UNPUBLISHED]|default:0})</label>
          <input id="status_archived" class="checkBox" type="checkbox" name="filter[status][{Category::STATUS_ARCHIVED}]" value="1"{if isset($filter['status'][Category::STATUS_ARCHIVED])} checked="checked"{/if}/>
          <label for="status_archived" class="checkbox_label"><span></span>{'Archived'|gettext} ({$challengesStatusesCount[Category::STATUS_ARCHIVED]|default:0})</label>
      </div>
      <div class="clear"><!--IE--></div>
</div>
    
<div class="{$gridType|default:'grid'}" style="height:{if !$gridType || $gridType=='grid'}435{else}663{/if}px;">
    <ul id="challenges">
        {include file=Template::get('category/browseList.html') challenges=$challenges}
    </ul>
    <div class="clear"><!--IE--></div>
</div>
    
<script type="text/javascript">
    var i = 0
    
    if({count($tags)}) {
        $('tags_trigger').show();
    }
    else {
        $('tags_trigger').hide();
    }
    
    $$('#filter_form input').each(function(input){
        input.observe('change', applyFilter);
    });
    
    $$('.updater').each(function(element) {
        element.observe('click', function() {
            input             = element.firstDescendant();

            if(input.name === 'filter[category]') {
                $$('#categories_filter_box a').each(function(el){
                    el.removeClassName('active');
                });
            }

            if(input.checked) {
                input.checked = false;
                element.removeClassName('active');
            }
            else {
                input.checked = true;
                element.addClassName('active');
            }

            applyFilter();
        });
    });
</script>