# hidden-by-default ones

        if len(revs_ids) > revs_limit + 1:

            uniq_id = revs_ids[0]

            html_tmpl = (

                '<span> %s <a class="show_more" id="_%s" '

                'href="#more">%s</a> %s</span>'

            )

            if not feed:

                cs_links.append(html_tmpl % (

                      _('and'),

                      uniq_id, _('%s more') % (len(revs_ids) - revs_limit),

                      _('revisions')

                    )

                )

            if not feed:

                html_tmpl = '<span id="%s" style="display:none">, %s </span>'

            else:

                html_tmpl = '<span id="%s"> %s </span>'

            morelinks = ', '.join(

              [lnk(rev, repo_name) for rev in revs[revs_limit:]]

            )

            if len(revs_ids) > revs_top_limit:

                morelinks += ', ...'

            cs_links.append(html_tmpl % (uniq_id, morelinks))

        if len(revs) > 1:

            cs_links.append(compare_view)

        return ''.join(cs_links)

    def get_fork_name():

        repo_name = action_params

        url_ = url('summary_home', repo_name=repo_name)

        return _('Fork name %s') % link_to(action_params, url_)

    def get_user_name():

        user_name = action_params

        return user_name

    def get_users_group():

        group_name = action_params

        return group_name

    def get_pull_request():

        from kallithea.model.db import PullRequest

        pull_request_id = action_params

        nice_id = PullRequest.make_nice_id(pull_request_id)

        deleted = user_log.repository is None

        if deleted:

            repo_name = user_log.repository_name

        else:

            repo_name = user_log.repository.repo_name

        return link_to(_('Pull request %s') % nice_id,

                    url('pullrequest_show', repo_name=repo_name,

                    pull_request_id=pull_request_id))

    def get_archive_name():

        archive_name = action_params

        return archive_name

    # action : translated str, callback(extractor), icon

    action_map = {

    'user_deleted_repo':           (_('[deleted] repository'),

                                    None, 'icon-trashcan'),

    'user_created_repo':           (_('[created] repository'),

                                    None, 'icon-plus'),

    'user_created_fork':           (_('[created] repository as fork'),

                                    None, 'icon-fork'),

    'user_forked_repo':            (_('[forked] repository'),

                                    get_fork_name, 'icon-fork'),

    'user_updated_repo':           (_('[updated] repository'),

                                    None, 'icon-pencil'),

    'user_downloaded_archive':      (_('[downloaded] archive from repository'),

                                    get_archive_name, 'icon-download-cloud'),

    'admin_deleted_repo':          (_('[delete] repository'),

                                    None, 'icon-trashcan'),

    'admin_created_repo':          (_('[created] repository'),

                                    None, 'icon-plus'),

    'admin_forked_repo':           (_('[forked] repository'),

                                    None, 'icon-fork'),

    'admin_updated_repo':          (_('[updated] repository'),

                                    None, 'icon-pencil'),

    'admin_created_user':          (_('[created] user'),

                                    get_user_name, 'icon-user'),

    'admin_updated_user':          (_('[updated] user'),

                                    get_user_name, 'icon-user'),

    'admin_created_users_group':   (_('[created] user group'),

                                    get_users_group, 'icon-pencil'),

    'admin_updated_users_group':   (_('[updated] user group'),

                                    get_users_group, 'icon-pencil'),

    'user_commented_revision':     (_('[commented] on revision in repository'),

                                    get_cs_links, 'icon-comment'),

    'user_commented_pull_request': (_('[commented] on pull request for'),

                                    get_pull_request, 'icon-comment'),

    'user_closed_pull_request':    (_('[closed] pull request for'),

                                    get_pull_request, 'icon-ok'),

    'push':                        (_('[pushed] into'),

                                    get_cs_links, 'icon-move-up'),

    'push_local':                  (_('[committed via Kallithea] into repository'),

                                    get_cs_links, 'icon-pencil'),

    'push_remote':                 (_('[pulled from remote] into repository'),

                                    get_cs_links, 'icon-move-up'),

    'pull':                        (_('[pulled] from'),

                                    None, 'icon-move-down'),

    'started_following_repo':      (_('[started following] repository'),

                                    None, 'icon-heart'),

    'stopped_following_repo':      (_('[stopped following] repository'),

                                    None, 'icon-heart-empty'),

    }

    action_str = action_map.get(action, action)

    if feed:

        action = action_str[0].replace('[', '').replace(']', '')

    else:

        action = action_str[0] \

            .replace('[', '<b>') \

            .replace(']', '</b>')

    action_params_func = lambda: ""

    if callable(action_str[1]):

        action_params_func = action_str[1]

    def action_parser_icon():

        action = user_log.action

        action_params = None

        x = action.split(':')

        if len(x) > 1:

            action, action_params = x

        ico = action_map.get(action, ['', '', ''])[2]

        html = """<i class="%s"></i>""" % ico

        return literal(html)

    # returned callbacks we need to call to get

    return [lambda: literal(action), action_params_func, action_parser_icon]

#==============================================================================

# PERMS

#==============================================================================

from kallithea.lib.auth import HasPermissionAny, \

    HasRepoPermissionLevel, HasRepoGroupPermissionLevel

#==============================================================================

# GRAVATAR URL

#==============================================================================

def gravatar_div(email_address, cls='', size=30, **div_attributes):

    """Return an html literal with a span around a gravatar if they are enabled.

    Extra keyword parameters starting with 'div_' will get the prefix removed

    and '_' changed to '-' and be used as attributes on the div. The default

    class is 'gravatar'.

    """

    from tg import tmpl_context as c

    if not c.visual.use_gravatar:

        return ''

    if 'div_class' not in div_attributes:

        div_attributes['div_class'] = "gravatar"

    attributes = []

    for k, v in sorted(div_attributes.items()):

        assert k.startswith('div_'), k

        attributes.append(' %s="%s"' % (k[4:].replace('_', '-'), escape(v)))

    return literal("""<span%s>%s</span>""" %

                   (''.join(attributes),

                    gravatar(email_address, cls=cls, size=size)))

def gravatar(email_address, cls='', size=30):

    """return html element of the gravatar

    This method will return an <img> with the resolution double the size (for

    retina screens) of the image. If the url returned from gravatar_url is

    empty then we fallback to using an icon.

    """

    from tg import tmpl_context as c

    if not c.visual.use_gravatar:

        return ''

    src = gravatar_url(email_address, size * 2)

    if src:

        # here it makes sense to use style="width: ..." (instead of, say, a

        # stylesheet) because we using this to generate a high-res (retina) size

    else:

        # if src is empty then there was no gravatar, so we use a font icon

        html = ("""<i class="icon-user {cls}" style="font-size: {size}px;"></i>"""

            .format(cls=cls, size=size, src=src))

    return literal(html)

def gravatar_url(email_address, size=30, default=''):

    # doh, we need to re-import those to mock it later

    from kallithea.config.routing import url

    from kallithea.model.db import User

    from tg import tmpl_context as c

    if not c.visual.use_gravatar:

        return ""

    _def = 'anonymous@kallithea-scm.org'  # default gravatar

    email_address = email_address or _def

    if email_address == _def:

        return default

    parsed_url = urlparse.urlparse(url.current(qualified=True))

    url = (c.visual.gravatar_url or User.DEFAULT_GRAVATAR_URL ) \

               .replace('{email}', email_address) \

               .replace('{md5email}', hashlib.md5(safe_str(email_address).lower()).hexdigest()) \

               .replace('{netloc}', parsed_url.netloc) \

               .replace('{scheme}', parsed_url.scheme) \

               .replace('{size}', safe_str(size))

    return url

def changed_tooltip(nodes):

    """

    Generates a html string for changed nodes in changeset page.

    It limits the output to 30 entries

    :param nodes: LazyNodesGenerator

    """

    if nodes:

        pref = ': <br/> '

        suf = ''

        if len(nodes) > 30:

            suf = '<br/>' + _(' and %s more') % (len(nodes) - 30)

        return literal(pref + '<br/> '.join([safe_unicode(x.path)

                                             for x in nodes[:30]]) + suf)

    else:

        return ': ' + _('No files')

def fancy_file_stats(stats):

    """

    Displays a fancy two colored bar for number of added/deleted

    lines of code on file

    :param stats: two element list of added/deleted lines of code

    """

    from kallithea.lib.diffs import NEW_FILENODE, DEL_FILENODE, \

        MOD_FILENODE, RENAMED_FILENODE, CHMOD_FILENODE, BIN_FILENODE

    a, d = stats['added'], stats['deleted']

    width = 100

    if stats['binary']:

        # binary mode

        lbl = ''

        bin_op = 1

        if BIN_FILENODE in stats['ops']:

            lbl = 'bin+'

        if NEW_FILENODE in stats['ops']:

            lbl += _('new file')

            bin_op = NEW_FILENODE

        elif MOD_FILENODE in stats['ops']:

            lbl += _('mod')

            bin_op = MOD_FILENODE

        elif DEL_FILENODE in stats['ops']:

            lbl += _('del')

            bin_op = DEL_FILENODE

        elif RENAMED_FILENODE in stats['ops']:

            lbl += _('rename')

            bin_op = RENAMED_FILENODE

        # chmod can go with other operations

        if CHMOD_FILENODE in stats['ops']:

            _org_lbl = _('chmod')

            lbl += _org_lbl if lbl.endswith('+') else '+%s' % _org_lbl

        #import ipdb;ipdb.set_trace()

        b_d = '<div class="bin bin%s progress-bar" style="width:100%%">%s</div>' % (bin_op, lbl)

        b_a = '<div class="bin bin1" style="width:0%"></div>'

        return literal('<div style="width:%spx" class="progress">%s%s</div>' % (width, b_a, b_d))

    t = stats['added'] + stats['deleted']

    unit = float(width) / (t or 1)

    # needs > 9% of width to be visible or 0 to be hidden

    a_p = max(9, unit * a) if a > 0 else 0

    d_p = max(9, unit * d) if d > 0 else 0

    p_sum = a_p + d_p

    if p_sum > width:

        # adjust the percentage to be == 100% since we adjusted to 9

        if a_p > d_p:

            a_p = a_p - (p_sum - width)

        else:

            d_p = d_p - (p_sum - width)

    a_v = a if a > 0 else ''

    d_v = d if d > 0 else ''

    d_a = '<div class="added progress-bar" style="width:%s%%">%s</div>' % (

        a_p, a_v

    )

    d_d = '<div class="deleted progress-bar" style="width:%s%%">%s</div>' % (

        d_p, d_v

    )

    return literal('<div class="pull-right progress" style="width:%spx">%s%s</div>' % (width, d_a, d_d))

_URLIFY_RE = re.compile(r'''

# URL markup

(?P<url>%s) |

# @mention markup

(?P<mention>%s) |

# Changeset hash markup

(?<!\w|[-_])

  (?P<hash>[0-9a-f]{12,40})

(?!\w|[-_]) |

# Markup of *bold text*

(?:

  (?:^|(?<=\s))

  (?P<bold> [*] (?!\s) [^*\n]* (?<!\s) [*] )

  (?![*\w])

) |

# "Stylize" markup

\[see\ \=&gt;\ *(?P<seen>[a-zA-Z0-9\/\=\?\&\ \:\/\.\-]*)\] |

\[license\ \=&gt;\ *(?P<license>[a-zA-Z0-9\/\=\?\&\ \:\/\.\-]*)\] |

\[(?P<tagtype>requires|recommends|conflicts|base)\ \=&gt;\ *(?P<tagvalue>[a-zA-Z0-9\-\/]*)\] |

\[(?:lang|language)\ \=&gt;\ *(?P<lang>[a-zA-Z\-\/\#\+]*)\] |

\[(?P<tag>[a-z]+)\]

''' % (url_re.pattern, MENTIONS_REGEX.pattern),

    re.VERBOSE | re.MULTILINE | re.IGNORECASE)

def urlify_text(s, repo_name=None, link_=None, truncate=None, stylize=False, truncatef=truncate):

    """

    Parses given text message and make literal html with markup.

    The text will be truncated to the specified length.

    Hashes are turned into changeset links to specified repository.

    URLs links to what they say.

    Issues are linked to given issue-server.

    If link_ is provided, all text not already linking somewhere will link there.

    """

    def _replace(match_obj):

        url = match_obj.group('url')

        if url is not None:

            return '<a href="%(url)s">%(url)s</a>' % {'url': url}

        mention = match_obj.group('mention')

        if mention is not None:

            return '<b>%s</b>' % mention

        hash_ = match_obj.group('hash')

        if hash_ is not None and repo_name is not None:

            from kallithea.config.routing import url  # doh, we need to re-import url to mock it later

            return '<a class="changeset_hash" href="%(url)s">%(hash)s</a>' % {

                 'url': url('changeset_home', repo_name=repo_name, revision=hash_),

                 'hash': hash_,

                }

        bold = match_obj.group('bold')

        if bold is not None:

            return '<b>*%s*</b>' % _urlify(bold[1:-1])

        if stylize:

            seen = match_obj.group('seen')

            if seen:

                return '<div class="metatag" data-tag="see">see =&gt; %s</div>' % seen

            license = match_obj.group('license')

            if license:

                return '<div class="metatag" data-tag="license"><a href="http:\/\/www.opensource.org/licenses/%s">%s</a></div>' % (license, license)

            tagtype = match_obj.group('tagtype')

            if tagtype:

                tagvalue = match_obj.group('tagvalue')

                return '<div class="metatag" data-tag="%s">%s =&gt; <a href="/%s">%s</a></div>' % (tagtype, tagtype, tagvalue, tagvalue)

            lang = match_obj.group('lang')

            if lang:

                return '<div class="metatag" data-tag="lang">%s</div>' % lang

            tag = match_obj.group('tag')

            if tag:

                return '<div class="metatag" data-tag="%s">%s</div>' % (tag, tag)

        return match_obj.group(0)

/**

 * Stylesheets for the context bar

 */

i[class^='icon-'] {

    background-repeat: no-repeat;

    background-position: center;

    display: inline-block;

    min-width: 16px;

    min-height: 16px;

    margin: -2px 0 -4px 0;

    /* background-color: red; /* for debugging */

}

/* css classes for diff file status ... it'd be nice if css had a way to

   inherit from another class but alas, we must make sure this content is the

   same from the icon font file */

.icon-diff-M:before {

    font-family: 'kallithea';

    content: '\22a1';

    color: #d0b44c;

}

.icon-diff-D:before {

    font-family: 'kallithea';

    content: '\229f';

    color: #bd2c00;

}

.icon-diff-A:before {

    font-family: 'kallithea';

    content: '\229e';

    color: #6cc644;

}

.icon-diff-R:before {

    font-family: 'kallithea';

    content: '\e81f';

    color: #677a85;

}

nav.navbar #quick a,

#content #context-bar,

#content #context-bar a {

    color: #FFFFFF;

}

nav.navbar #quick a:hover,

#content #context-bar a:hover {

    text-decoration: none;

    background: inherit;

}

.navbar-text {

    margin-top: 0;

    margin-bottom: 0;

}

ul#quick ul.dropdown-menu > li {

    border-bottom: 1px solid rgba(0,0,0,0.1);

    border-top: 1px solid rgba(255,255,255,0.1);

}

ul#quick ul.dropdown-menu > li:first-child {

    border-top: none;

}

ul#quick ul.dropdown-menu > li:last-child {

    border-bottom: none;

}

nav.navbar #quick ul,

#context-pages ul {

    background: #577632;

}

.repo-switcher-dropdown.select2-drop.select2-drop-active .select2-results .select2-highlighted,

ul.dropdown-menu li a:focus,

nav.navbar #quick li:hover,

#quick_login > .pull-right .list-group-item:hover,

#context-pages li:hover,

nav.navbar #quick li.active,

nav.navbar #quick li a.menu_link:focus,

#context-pages li.active {

    background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* W3C */

}

#quick_login > .pull-right .list-group-item {

    background-color: #577632;

    border: 0;

}

#content #context-pages .follow .show-following,

#content #context-pages .following .show-follow {

    display: none;

}

nav.navbar #quick li,

nav.navbar #quick_login .pull-right,

#content #context-pages li {

    border-right: 1px solid rgba(0,0,0,0.1);

    border-left: 1px solid rgba(255,255,255,0.1);

    padding: 0;

}

.nav .open > a {

    background: inherit !important;

}

nav.navbar #quick li:last-child,

#content #context-pages li:last-child {

    border-right: none;

}

nav.navbar #quick > li:first-child {

    border-left: none;

}

nav.navbar #quick > li:first-child > a {

    border-radius: 4px 0 0 4px;

}

nav.navbar #quick > li > a,

nav.navbar #quick .select2-container .select2-choice .select2-chosen,

#context-pages > ul > li > a,

#context-pages .select2-container .select2-choice .select2-chosen {

    padding: 0px 15px 1px 15px;

    line-height: 43px;

}

nav.navbar #quick a#quick_login_link {

    padding-left: 0px;

}

nav.navbar #quick a {

    overflow: hidden;

}

#context-pages a.dropdown-toggle:after {

    position: absolute;

    float: right;

    padding-left: 5px;

    padding-right: 5px;

}

    $node_filter.click(function(){

            if($node_filter.hasClass('init')){

                $node_filter.val('');

                $node_filter.removeClass('init');

            }

        });

    $node_filter.keyup(function(e){

            clearTimeout(filterTimeout);

            filterTimeout = setTimeout(updateFilter(e),600);

        });

};

var initCodeMirror = function(textarea_id, baseUrl, resetUrl){

    var myCodeMirror = CodeMirror.fromTextArea($('#' + textarea_id)[0], {

            mode: "null",

            lineNumbers: true,

            indentUnit: 4,

            autofocus: true

        });

    CodeMirror.modeURL = baseUrl + "/codemirror/mode/%N/%N.js";

    $('#reset').click(function(e){

            window.location=resetUrl;

        });

    $('#file_enable').click(function(){

            $('#upload_file_container').hide();

            $('#filename_container').show();

            $('#body').show();

        });

    $('#upload_file_enable').click(function(){

            $('#upload_file_container').show();

            $('#filename_container').hide();

            $('#body').hide();

        });

    return myCodeMirror

};

var setCodeMirrorMode = function(codeMirrorInstance, mode) {

    CodeMirror.autoLoadMode(codeMirrorInstance, mode);

}

var _getIdentNode = function(n){

    //iterate thrugh nodes until matching interesting node

    if (typeof n == 'undefined'){

        return -1

    }

    if(typeof n.id != "undefined" && n.id.match('L[0-9]+')){

        return n

    }

    else{

        return _getIdentNode(n.parentNode);

    }

};

/* generate links for multi line selects that can be shown by files.html page_highlights.

 * This is a mouseup handler for hlcode from CodeHtmlFormatter and pygmentize */

var getSelectionLink = function(e) {

    //get selection from start/to nodes

    if (typeof window.getSelection != "undefined") {

        var s = window.getSelection();

        var from = _getIdentNode(s.anchorNode);

        var till = _getIdentNode(s.focusNode);

        var f_int = parseInt(from.id.replace('L',''));

        var t_int = parseInt(till.id.replace('L',''));

        var yoffset = 35;

        var ranges = [parseInt(from.id.replace('L','')), parseInt(till.id.replace('L',''))];

        if (ranges[0] > ranges[1]){

            //highlight from bottom

            yoffset = -yoffset;

            ranges = [ranges[1], ranges[0]];

        }

        var $hl_div = $('div#linktt');

        // if we select more than 2 lines

        if (ranges[0] != ranges[1]){

            if ($hl_div.length) {

                $hl_div.html('');

            } else {

                $hl_div = $('<div id="linktt" class="hl-tip-box">');

                $('body').prepend($hl_div);

            }

            $hl_div.append($('<a>').html(_TM['Selection Link']).prop('href', location.href.substring(0, location.href.indexOf('#')) + '#L' + ranges[0] + '-'+ranges[1]));

            var xy = $(till).offset();

            $hl_div.css('top', (xy.top + yoffset) + 'px').css('left', xy.left + 'px');

            $hl_div.show();

        }

        else{

            $hl_div.hide();

        }

    }

};

var deleteNotification = function(url, notification_id, callbacks){

    var success = function(o){

            $("#notification_"+notification_id).remove();

            _run_callbacks(callbacks);

        };

    var failure = function(o){

            alert("deleteNotification failure");

        };

    var postData = {};

    var sUrl = url.replace('__NOTIFICATION_ID__',notification_id);

    ajaxPOST(sUrl, postData, success, failure);

};

var readNotification = function(url, notification_id, callbacks){

    var success = function(o){

            var $obj = $("#notification_"+notification_id);

            $obj.removeClass('list-group-item-warning');

            $obj.find('.read-notification').remove();

            _run_callbacks(callbacks);

        };

    var failure = function(o){

            alert("readNotification failure");

        };

    var postData = {};

    var sUrl = url.replace('__NOTIFICATION_ID__',notification_id);

    ajaxPOST(sUrl, postData, success, failure);

};

/**

 * Autocomplete functionality

 */

// Custom search function for the DataSource of users

var autocompleteMatchUsers = function (sQuery, myUsers) {

    // Case insensitive matching

    var query = sQuery.toLowerCase();

    var i = 0;

    var l = myUsers.length;

    var matches = [];

    // Match against each name of each contact

    for (; i < l; i++) {

        var contact = myUsers[i];

        if (((contact.fname+"").toLowerCase().indexOf(query) > -1) ||

             ((contact.lname+"").toLowerCase().indexOf(query) > -1) ||

             ((contact.nname) && ((contact.nname).toLowerCase().indexOf(query) > -1))) {

            matches[matches.length] = contact;

        }

    }

    return matches;

};

// Custom search function for the DataSource of userGroups

var autocompleteMatchGroups = function (sQuery, myGroups) {

    // Case insensitive matching

    var query = sQuery.toLowerCase();

    var i = 0;

    var l = myGroups.length;

    var matches = [];

    // Match against each name of each group

    for (; i < l; i++) {

        var matched_group = myGroups[i];

        if (matched_group.grname.toLowerCase().indexOf(query) > -1) {

            matches[matches.length] = matched_group;

        }

    }

    return matches;

};

// Highlight the snippet if it is found in the full text.

// Snippet must be lowercased already.

var autocompleteHighlightMatch = function (full, snippet) {

    var matchindex = full.toLowerCase().indexOf(snippet);

    if (matchindex <0)

        return full;

    return full.substring(0, matchindex)

        + '<span class="select2-match">'

        + full.substr(matchindex, snippet.length)

        + '</span>' + full.substring(matchindex + snippet.length);

};

// Return html snippet for showing the provided gravatar url

var gravatar = function(gravatar_lnk, size, cssclass) {

    if (!gravatar_lnk) {

        return '';

    }

    if (gravatar_lnk == 'default') {

        return '<i class="icon-user {1}" style="font-size: {0}px;"></i>'.format(size, cssclass);

    }

}

var autocompleteGravatar = function(res, gravatar_lnk, size, group) {

    var elem;

    if (group !== undefined) {

        elem = '<i class="perm-gravatar-ac icon-users"></i>';

    } else {

        elem = gravatar(gravatar_lnk, size, "perm-gravatar-ac");

    }

    return '<div class="ac-container-wrap">{0}{1}</div>'.format(elem, res);

}

// Custom formatter to highlight the matching letters

var autocompleteFormatter = function (oResultData, sQuery, sResultMatch) {

    var query;

    if (sQuery && sQuery.toLowerCase) // YAHOO AutoComplete

        query = sQuery.toLowerCase();

    else if (sResultMatch && sResultMatch.term) // select2 - parameter names doesn't match

        query = sResultMatch.term.toLowerCase();

    // group

    if (oResultData.grname) {

        return autocompleteGravatar(

            "{0}: {1} ({2} {3})".format(

                _TM['Group'],

                autocompleteHighlightMatch(oResultData.grname, query),

                oResultData.grmembers,

                _TM['members']),

            null, null, true);

    }

    // users

    if (oResultData.nname) {

        var displayname = autocompleteHighlightMatch(oResultData.nname, query);

        if (oResultData.fname && oResultData.lname) {

            displayname = "{0} {1} ({2})".format(

                autocompleteHighlightMatch(oResultData.fname, query),

                autocompleteHighlightMatch(oResultData.lname, query),

                displayname);

        }

        return autocompleteGravatar(displayname, oResultData.gravatar_lnk, oResultData.gravatar_size);

    }

    return '';

};

// Generate a basic autocomplete instance that can be tweaked further by the caller

var autocompleteCreate = function ($inputElement, matchFunc) {

    var $container = $('<div/>').insertAfter($inputElement);

    var datasource = new YAHOO.util.FunctionDataSource(matchFunc);

    var autocomplete = new YAHOO.widget.AutoComplete($inputElement[0], $container[0], datasource);

    autocomplete.useShadow = false;

    autocomplete.resultTypeList = false;

    autocomplete.animVert = false;

    autocomplete.animHoriz = false;

    autocomplete.animSpeed = 0.1;

    autocomplete.formatResult = autocompleteFormatter;

    return autocomplete;

}

var SimpleUserAutoComplete = function ($inputElement, users_list) {

    $inputElement.select2(

    {

        formatInputTooShort: $inputElement.attr('placeholder'),

        initSelection : function (element, callback) {

            var val = $inputElement.val();

            $.each(users_list, function(i, user) {

                if (user.nname == val)

                    callback(user);

            });

        },

        minimumInputLength: 1,

        query: function (query) {

            query.callback({results: autocompleteMatchUsers(query.term, users_list)});

        },

        formatSelection: autocompleteFormatter,

        formatResult: autocompleteFormatter,

        escapeMarkup: function(m) { return m; },

        id: function(item) { return item.nname; },

    });

}

var MembersAutoComplete = function ($inputElement, $typeElement, users_list, groups_list) {

    var matchAll = function (sQuery) {

        var u = autocompleteMatchUsers(sQuery, users_list);

        var g = autocompleteMatchGroups(sQuery, groups_list);

        return u.concat(g);

    };

    $inputElement.select2(

    {

        placeholder: $inputElement.attr('placeholder'),

        minimumInputLength: 1,

        query: function (query) {

            query.callback({results: matchAll(query.term)});

        },

        formatSelection: autocompleteFormatter,

        formatResult: autocompleteFormatter,

        escapeMarkup: function(m) { return m; },

    }).on("select2-selecting", function(e) {

        // e.choice.id is automatically used as selection value - just set the type of the selection

        if (e.choice.nname != undefined) {

            $typeElement.val('user');

        } else {

            $typeElement.val('users_group');

        }

    });

}

var MentionsAutoComplete = function ($inputElement, users_list) {

    var matchUsers = function (sQuery) {

            var org_sQuery = sQuery;

            if(this.mentionQuery == null){

                return []

            }

            sQuery = this.mentionQuery;

            return autocompleteMatchUsers(sQuery, users_list);

    }

    var mentionsAC = autocompleteCreate($inputElement, matchUsers);

    mentionsAC.suppressInputUpdate = true;

    // Overwrite formatResult to take into account mentionQuery

    mentionsAC.formatResult = function (oResultData, sQuery, sResultMatch) {

        var org_sQuery = sQuery;

        if (this.dataSource.mentionQuery != null) {

            sQuery = this.dataSource.mentionQuery;

        }

        return autocompleteFormatter(oResultData, sQuery, sResultMatch);

    }

    // Handler for selection of an entry

    if(mentionsAC.itemSelectEvent){

        mentionsAC.itemSelectEvent.subscribe(function (sType, aArgs) {

            var myAC = aArgs[0]; // reference back to the AC instance

            var elLI = aArgs[1]; // reference to the selected LI element

            var oData = aArgs[2]; // object literal of selected item's result data