if (pos != -1) {

                    filtered.push(data[i]);

                }

            }

            res.results = filtered;

        }

        $(countnode).html(res.results.length);

        return res;

    }

    var myDataTable = new YAHOO.widget.DataTable("datatable_list_wrap", columns, myDataSource, {

        sortedBy: {key:sortkey, dir:"asc"},

        paginator: YUI_paginator(rows !== undefined && rows ? rows : 25, ['user-paginator']),

        MSG_SORTASC: _TM['MSG_SORTASC'],

        MSG_SORTDESC: _TM['MSG_SORTDESC'],

        MSG_EMPTY: _TM['MSG_EMPTY'],

        MSG_ERROR: _TM['MSG_ERROR'],

        MSG_LOADING: _TM['MSG_LOADING']

        });

    myDataTable.subscribe('postRenderEvent',function(oArgs) {

        tooltip_activate();

        quick_repo_menu();

        });

    var filterTimeout = null;

    var $q_filter = $('#q_filter');

    var updateFilter = function () {

        // Reset timeout

        filterTimeout = null;

        // Reset sort

        var state = myDataTable.getState();

        state.sortedBy = {key:sortkey, dir:YAHOO.widget.DataTable.CLASS_ASC};

        // Get filtered data

        myDataSource.sendRequest($q_filter.val(), {

            success : myDataTable.onDataReturnInitializeTable,

            failure : myDataTable.onDataReturnInitializeTable,

            scope   : myDataTable,

            argument: state});

        };

    $q_filter.click(function(){

            if(!$q_filter.hasClass('loaded')){

                //TODO: load here full list later to do search within groups

                $q_filter.addClass('loaded');

            }

        });

    $q_filter.keyup(function (e) {

            clearTimeout(filterTimeout);

            filterTimeout = setTimeout(updateFilter, 600);

        });

}

/**

 Branch Sorting callback for select2, modifying the filtered result so prefix

 matches come before matches in the line.

 **/

var branchSort = function(results, container, query) {

    if (query.term) {

        return results.sort(function (a, b) {

            // Put closed branches after open ones (a bit of a hack ...)

            var aClosed = a.text.indexOf("(closed)") > -1,

                bClosed = b.text.indexOf("(closed)") > -1;

            if (aClosed && !bClosed) {

                return 1;

            }

            if (bClosed && !aClosed) {

                return -1;

            }

            // Put prefix matches before matches in the line

            var aPos = a.text.toLowerCase().indexOf(query.term.toLowerCase()),

                bPos = b.text.toLowerCase().indexOf(query.term.toLowerCase());

            if (aPos === 0 && bPos !== 0) {

                return -1;

            }

            if (bPos === 0 && aPos !== 0) {

                return 1;

            }

            // Default sorting

            if (a.text > b.text) {

                return 1;

            }

            if (a.text < b.text) {

                return -1;

            }

            return 0;

        });

    }

    return results;

};

// global hooks after DOM is loaded

$(document).ready(function(){

    $('.diff-collapse-button').click(function(e) {

        var $button = $(e.currentTarget);

        var $target = $('#' + $button.prop('target'));

        if($target.hasClass('hidden')){

            $target.removeClass('hidden');

            $button.html("↑ {0} ↑".format(_TM['Collapse Diff']));

        }

        else if(!$target.hasClass('hidden')){

            $target.addClass('hidden');

            $button.html("↓ {0} ↓".format(_TM['Expand Diff']));

        }

    });

});

            ${h.form(h.url('login_home', came_from=request.path_qs))}

            <div class="form">

                <div class="fields">

                    <div class="field">

                        <div class="label">

                            <label for="username">${_('Username')}:</label>

                        </div>

                        <div class="input">

                            ${h.text('username',class_='focus')}

                        </div>

                    </div>

                    <div class="field">

                        <div class="label">

                            <label for="password">${_('Password')}:</label>

                        </div>

                        <div class="input">

                            ${h.password('password',class_='focus')}

                        </div>

                    </div>

                    <div class="buttons">

                        <div class="password_forgoten">${h.link_to(_('Forgot password ?'),h.url('reset_password'))}</div>

                        <div class="register">

                        %if h.HasPermissionAny('hg.admin', 'hg.register.auto_activate', 'hg.register.manual_activate')():

                         ${h.link_to(_("Don't have an account ?"),h.url('register'))}

                        %endif

                        </div>

                        <div class="submit">

                            ${h.submit('sign_in',_('Log In'),class_="btn btn-mini")}

                        </div>

                    </div>

                </div>

            </div>

            ${h.end_form()}

          %else:

            <div class="links_left">

                <div class="big_gravatar">

                  ${h.gravatar(c.authuser.email, size=48)}

                </div>

                <div class="full_name">${c.authuser.full_name_or_username}</div>

                <div class="email">${c.authuser.email}</div>

            </div>

            <div class="links_right">

            <ol class="links">

              <li><a href="${h.url('notifications')}">${_('Notifications')}: ${c.unread_notifications}</a></li>

              <li>${h.link_to(_('My Account'),h.url('my_account'))}</li>

              %if not c.authuser.is_external_auth:

                ## Cannot log out if using external (container) authentication.

                <li class="logout">${h.link_to(_('Log Out'), h.url('logout_home'))}</li>

              %endif

            </ol>

            </div>

          %endif

        </div>

      </div>

    </li>

    <script type="text/javascript">

        $(document).ready(function(){

            var visual_show_public_icon = "${c.visual.show_public_icon}" == "True";

            var cache = {}

            /*format the look of items in the list*/

            var format = function(state){

                if (!state.id){

                  return state.text; // optgroup

                }

                var obj_dict = state.obj;

                var tmpl = '';

                if(obj_dict && state.type == 'repo'){

                    tmpl += '<span class="repo-icons">';

                    if(obj_dict['repo_type'] === 'hg'){

                        tmpl += '<span class="repotag">hg</span> ';

                    }

                    else if(obj_dict['repo_type'] === 'git'){

                        tmpl += '<span class="repotag">git</span> ';

                    }

                    if(obj_dict['private']){

                        tmpl += '<i class="icon-keyhole-circled"></i> ';

                    }

                    else if(visual_show_public_icon){

                        tmpl += '<i class="icon-globe"></i> ';

                    }

                    tmpl += '</span>';

                }

                if(obj_dict && state.type == 'group'){

                        tmpl += '<i class="icon-folder"></i> ';

                }

                tmpl += state.text;

                return tmpl;

            }

            $("#repo_switcher").select2({

                placeholder: '<i class="icon-database"></i> ${_('Repositories')}',

                dropdownAutoWidth: true,

                formatResult: format,

                formatSelection: format,

                formatNoMatches: function(term){

                    return "${_('No matches found')}";

                },

                containerCssClass: "repo-switcher",

                dropdownCssClass: "repo-switcher-dropdown",

                escapeMarkup: function(m){

                    // don't escape our custom placeholder

                    if(m.substr(0,29) == '<i class="icon-database"></i>'){

                        return m;

                    }

                    return Select2.util.escapeMarkup(m);

                },

                query: function(query){

                  var key = 'cache';

                  var cached = cache[key] ;

                  if(cached) {

                    var data = {results: []};

                    //filter results

                    $.each(cached.results, function(){

                        var section = this.text;

                        var children = [];

                        $.each(this.children, function(){

                            if(query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0 ){

                                children.push({'id': this.id, 'text': this.text, 'type': this.type, 'obj': this.obj});

                            }

                        });

                        if(children.length !== 0){

                            data.results.push({'text': section, 'children': children});

                        }

                    });

                    query.callback(data);

                  }else{

                      $.ajax({

                        url: "${h.url('repo_switcher_data')}",

                        data: {},

                        dataType: 'json',

                        type: 'GET',

                        success: function(data) {

                          cache[key] = data;

                          query.callback({results: data.results});

                        }

                      });

                  }

                }

            });

            $("#repo_switcher").on('select2-selecting', function(e){

                e.preventDefault();

                window.location = pyroutes.url('summary_home', {'repo_name': e.val});

            });

        });

        ## Global mouse bindings ##

        // general help "?"

        Mousetrap.bind(['?'], function(e) {

            $('#help_kb').modal({});

        });

        // / open the quick filter

        Mousetrap.bind(['/'], function(e) {

            $("#repo_switcher").select2("open");

            // return false to prevent default browser behavior

            // and stop event from bubbling

            return false;

        });

        // ctrl/command+b, show the the main bar

        Mousetrap.bind(['command+b', 'ctrl+b'], function(e) {

            if($('#header-inner').hasClass('hover') && $('#content').hasClass('hover')){

                $('#header-inner').removeClass('hover');

                $('#content').removeClass('hover');

            }

            else{

                $('#header-inner').addClass('hover');

                $('#content').addClass('hover');

            }

            return false;

        });

        // general nav g + action

        Mousetrap.bind(['g h'], function(e) {

            window.location = pyroutes.url('home');

        });

        Mousetrap.bind(['g g'], function(e) {

            window.location = pyroutes.url('gists', {'private':1});

        });

        Mousetrap.bind(['g G'], function(e) {

            window.location = pyroutes.url('gists', {'public':1});

        });

        Mousetrap.bind(['n g'], function(e) {