e.stopImmediatePropagation();

    var $tipBox = $('#tip-box');

    $tipBox.css('top', (e.pageY + 15) + 'px');

    $tipBox.css('left', (e.pageX + 15) + 'px');

};

var _close_tooltip = function(e){

    e.stopImmediatePropagation();

    var $tipBox = $('#tip-box');

    $tipBox.hide();

    var el = e.currentTarget;

    $(el).attr('title', $(el).attr('tt_title'));

};

/**

 * Quick filter widget

 *

 * @param target: filter input target

 * @param nodes: list of nodes in html we want to filter.

 * @param display_element function that takes current node from nodes and

 *    does hide or show based on the node

 */

var q_filter = (function() {

    var _namespace = {};

    var namespace = function (target) {

        if (!(target in _namespace)) {

            _namespace[target] = {};

        }

        return _namespace[target];

    };

    return function (target, $nodes, display_element) {

        var $nodes = $nodes;

        var $q_filter_field = $('#' + target);

        var F = namespace(target);

        $q_filter_field.keyup(function (e) {

            clearTimeout(F.filterTimeout);

            F.filterTimeout = setTimeout(F.updateFilter, 600);

        });

        F.filterTimeout = null;

        F.updateFilter = function () {

            // Reset timeout

            F.filterTimeout = null;

            var obsolete = [];

            var req = $q_filter_field.val().toLowerCase();

            var showing = 0;

            $nodes.each(function () {

                var n = this;

                var target_element = display_element(n);

                if (req && n.innerHTML.toLowerCase().indexOf(req) == -1) {

                    $(target_element).hide();

                }

                else {

                    $(target_element).show();

                    showing += 1;

                }

            });

            $('#repo_count').html(showing);

            /* FIXME: don't hardcode */

        }

    }

})();

/* return jQuery expression with a tr with body in 3rd column and class cls and id named after the body */

var _table_tr = function(cls, body){

    // like: <div class="comment" id="comment-8" line="o92"><div class="comment-wrapp">...

    // except new inlines which are different ...

    var comment_id = ($(body).attr('id') || 'comment-new').split('comment-')[1];

    var tr_id = 'comment-tr-{0}'.format(comment_id);

    return $(('<tr id="{0}" class="{1}">'+

                  '<td class="lineno-inline new-inline"></td>'+

                  '<td class="lineno-inline old-inline"></td>'+

                  '<td>{2}</td>'+

                 '</tr>').format(tr_id, cls, body));

};

/** return jQuery expression with new inline form based on template **/

var _createInlineForm = function(parent_tr, f_path, line) {

    var $tmpl = $('#comment-inline-form-template').html().format(f_path, line);

    var $form = _table_tr('comment-form-inline', $tmpl)

    // create event for hide button

    $form.find('.hide-inline-form').click(function(e) {

        var newtr = e.currentTarget.parentNode.parentNode.parentNode.parentNode.parentNode;

        if($(newtr).next().hasClass('inline-comments-button')){

            $(newtr).next().show();

        }

        $(newtr).remove();

        $(parent_tr).removeClass('form-open');

        $(parent_tr).removeClass('hl-comment');

    });

    return $form

};

/**

 * Inject inline comment for an given TR. This tr should always be a .line .

 * The form will be inject after any comments.

 */

var injectInlineForm = function(tr){

    var $tr = $(tr);

    if(!$tr.hasClass('line')){

        return

    }

    var submit_url = AJAX_COMMENT_URL;

    var $td = $tr.find('.code');

    if($tr.hasClass('form-open') || $tr.hasClass('context') || $td.hasClass('no-comment')){

        return

    }

    $tr.addClass('form-open hl-comment');

    var $node = $tr.parent().parent().parent().find('.full_f_path');

    var f_path = $node.attr('path');

    var lineno = _getLineNo(tr);

    var $form = _createInlineForm(tr, f_path, lineno, submit_url);

    var $parent = $tr;

    while ($parent.next().hasClass('inline-comments')){

        var $parent = $parent.next();

    }

    $form.insertAfter($parent);

    var $overlay = $form.find('.submitting-overlay');

    var $inlineform = $form.find('.inline-form');

    $form.submit(function(e){

        e.preventDefault();

        if(lineno === undefined){

            alert('Error submitting, line ' + lineno + ' not found.');

            return;

        }

        if(f_path === undefined){

            alert('Error submitting, file path ' + f_path + ' not found.');

            return;

        }

        var text = $('#text_'+lineno).val();

        if(text == ""){

            return;

        }

        $overlay.show();

        var success = function(json_data){

            $tr.removeClass('form-open');

            $form.remove();

            _renderInlineComment(json_data);

            linkInlineComments($('.firstlink'), $('.comment'));

        };

        var postData = {

                'text': text,

                'f_path': f_path,

                'line': lineno

        };

        ajaxPOST(submit_url, postData, success);

    });

    $('#preview-btn_'+lineno).click(function(e){

        var text = $('#text_'+lineno).val();

        if(!text){

            return

        }

        $('#preview-box_'+lineno).addClass('unloaded');

        $('#preview-box_'+lineno).html(_TM['Loading ...']);

        $('#edit-container_'+lineno).hide();

        $('#edit-btn_'+lineno).show();

        $('#preview-container_'+lineno).show();

        $('#preview-btn_'+lineno).hide();

        var url = pyroutes.url('changeset_comment_preview', {'repo_name': REPO_NAME});

        var post_data = {'text': text};

        ajaxPOST(url, post_data, function(html){

            $('#preview-box_'+lineno).html(html);

            $('#preview-box_'+lineno).removeClass('unloaded');

        })

    })

    $('#edit-btn_'+lineno).click(function(e){

        $('#edit-container_'+lineno).show();

        $('#edit-btn_'+lineno).hide();

        $('#preview-container_'+lineno).hide();

        $('#preview-btn_'+lineno).show();

    })

    setTimeout(function(){

        // callbacks

        tooltip_activate();

        MentionsAutoComplete('text_'+lineno, 'mentions_container_'+lineno,

        $('#text_'+lineno).focus();

    },10)

};

var deleteComment = function(comment_id){

    var url = AJAX_COMMENT_DELETE_URL.replace('__COMMENT_ID__',comment_id);

    var postData = {'_method':'delete'};

    var success = function(o){

        var $deleted = $('#comment-tr-'+comment_id);

        var $prev = $deleted.prev('tr');

        while ($prev.hasClass('inline-comments')){

            $prev = $prev.prev('tr');

        }

        $deleted.remove();

        _placeAddButton($prev);

    }

    ajaxPOST(url,postData,success);

}

var _getLineNo = function(tr) {

    var line;

    var o = $(tr).children()[0].id.split('_');

    var n = $(tr).children()[1].id.split('_');

    if (n.length >= 2) {

        line = n[n.length-1];

    } else if (o.length >= 2) {

        line = o[o.length-1];

    }

    return line

};

var _placeAddButton = function($line_tr){

    var $tr = $line_tr;

    while ($tr.next().hasClass('inline-comments')){

        $tr.find('.add-comment').remove();

        $tr = $tr.next();

    }

    $tr.find('.add-comment').remove();

    var label = TRANSLATION_MAP['Add Another Comment'];

    var $html_el = $('<div class="add-comment"><span class="btn btn-mini">{0}</span></div>'.format(label));

    $html_el.click(function(e) {

        injectInlineForm($line_tr);

    });

    $tr.find('.comment').after($html_el);

};

/**

 * Places the inline comment into the changeset block in proper line position

 */

var _placeInline = function(target_id, lineno, html){

    var $td = $("#{0}_{1}".format(target_id, lineno));

    if (!$td.length){

        return false;

    }

    // check if there are comments already !

    var $line_tr = $td.parent(); // the tr

    var $after_tr = $line_tr;

    while ($after_tr.next().hasClass('inline-comments')){

        $after_tr = $after_tr.next();

    }

    // put in the comment at the bottom

    var $tr = _table_tr('inline-comments', html)

    $tr.find('div.comment').addClass('inline-comment');

    $after_tr.after($tr);

    // scan nodes, and attach add button to last one

    _placeAddButton($line_tr);

    return true;

}

/**

 * make a single inline comment and place it inside

 */

var _renderInlineComment = function(json_data){

    var html =  json_data['rendered_text'];

    var lineno = json_data['line_no'];

    var target_id = json_data['target_id'];

    return _placeInline(target_id, lineno, html);

}

/**

 * Iterates over all the inlines, and places them inside proper blocks of data

 */

var renderInlineComments = function(file_comments){

    for (var f in file_comments){

        // holding all comments for a FILE

        var box = file_comments[f];

        var target_id = $(box).attr('target_id');

        // actual comments with line numbers

        var comments = box.children;

        var obsolete_comments = [];

        for(var i=0; i<comments.length; i++){

            var data = {

                'rendered_text': comments[i].outerHTML,

                'line_no': $(comments[i]).attr('line'),

                'target_id': target_id

            }

            if (_renderInlineComment(data)) {

                obsolete_comments.push(comments[i]);

                $(comments[i]).hide();

            }else{

                var txt = document.createTextNode(

                        "Comment to " + YUD.getAttribute(comments[i].parentNode,'path') +

                        " line " + data.line_no +

                        " which is outside the diff context:");

                comments[i].insertBefore(txt, comments[i].firstChild);

            }

        }

        // now remove all the obsolete comments that have been copied to their

        // respective locations.

        for (var i=0; i < obsolete_comments.length; i++) {

            obsolete_comments[i].parentNode.removeChild(obsolete_comments[i]);

        }

        $(box).show();

    }

}

/**

 * Double link comments

 */

var linkInlineComments = function($firstlinks, $comments){

    if ($comments.length > 0) {

        $firstlinks.html('<a href="#{0}">First comment</a>'.format($comments.attr('id')));

    }

    if ($comments.length <= 1) {

        return;

    }

    $comments.each(function(i, e){

            var prev = '';

            if (i > 0){

                var prev_anchor = $($comments.get(i-1)).attr('id');

                prev = '<a href="#{0}">Previous comment</a>'.format(prev_anchor);

            }

            var next = '';

            if (i+1 < $comments.length){

                var next_anchor = $($comments.get(i+1)).attr('id');

                next = '<a href="#{0}">Next comment</a>'.format(next_anchor);

            }

            $(this).find('.comment-prev-next-links').html(

                '<div class="prev-comment">{0}</div>'.format(prev) +

                '<div class="next-comment">{0}</div>'.format(next));

        });

}

/* activate files.html stuff */

var fileBrowserListeners = function(current_url, node_list_url, url_base){

    var current_url_branch = "?branch=__BRANCH__";

    $('#stay_at_branch').on('click',function(e){

        if(e.currentTarget.checked){

            var uri = current_url_branch;

            uri = uri.replace('__BRANCH__',e.currentTarget.value);

            window.location = uri;

        }

        else{

            window.location = current_url;

        }

    })

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

    var filterTimeout = null;

    var nodes = null;

    var initFilter = function(){

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

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

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

        $.ajax({url: node_list_url, headers: {'X-PARTIAL-XHR': '1'}, cache: false})

            .done(function(json) {

                    nodes = json.nodes;

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

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

                    $node_filter.focus();

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

                        $node_filter.val('');

                        $node_filter.removeClass('init');

                    }

                })

            .fail(function() {

                    console.log('fileBrowserListeners initFilter failed to load');

                })

        ;

    }

    var updateFilter = function(e) {

            _run_callbacks(callbacks);

        };

    var failure = function(o){

            alert("readNotification failure");

        };

    var postData = {'_method': 'put'};

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

    ajaxPOST(sUrl, postData, success, failure);

};

/** MEMBERS AUTOCOMPLETE WIDGET **/

var _MembersAutoComplete = function (divid, cont, users_list, groups_list) {

    var myUsers = users_list;

    var myGroups = groups_list;

    // Define a custom search function for the DataSource of users

    var matchUsers = function (sQuery) {

            // 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;

        };

    // Define a custom search function for the DataSource of userGroups

    var matchGroups = function (sQuery) {

            // Case insensitive matching

            var query = sQuery.toLowerCase();

            var i = 0;

            var l = myGroups.length;

            var matches = [];

            // Match against each name of each contact

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

                var matched_group = myGroups[i];

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

                    matches[matches.length] = matched_group;

                }

            }

            return matches;

        };

    //match all

    var matchAll = function (sQuery) {

            var u = matchUsers(sQuery);

            var g = matchGroups(sQuery);

            return u.concat(g);

        };

    // DataScheme for members

    var memberDS = new YAHOO.util.FunctionDataSource(matchAll);

    memberDS.responseSchema = {

        fields: ["id", "fname", "lname", "nname", "grname", "grmembers", "gravatar_lnk", "gravatar_size"]

    };

    // DataScheme for owner

    var ownerDS = new YAHOO.util.FunctionDataSource(matchUsers);

    ownerDS.responseSchema = {

        fields: ["id", "fname", "lname", "nname", "gravatar_lnk", "gravatar_size"]

    };

    // Instantiate AutoComplete for perms

    var membersAC = new YAHOO.widget.AutoComplete(divid, cont, memberDS);

    membersAC.useShadow = false;

    membersAC.resultTypeList = false;

    membersAC.animVert = false;

    membersAC.animHoriz = false;

    membersAC.animSpeed = 0.1;

    // Instantiate AutoComplete for owner

    var ownerAC = new YAHOO.widget.AutoComplete("user", "owner_container", ownerDS);

    ownerAC.useShadow = false;

    ownerAC.resultTypeList = false;

    ownerAC.animVert = false;

    ownerAC.animHoriz = false;

    ownerAC.animSpeed = 0.1;

    // Helper highlight function for the formatter

    var highlightMatch = function (full, snippet, matchindex) {

            return full.substring(0, matchindex)

            + "<span class='match'>"

            + full.substr(matchindex, snippet.length)

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

        };

    // Custom formatter to highlight the matching letters

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

            var query = sQuery.toLowerCase();

            var _gravatar = function(res, em, size, group){

                var elem = '<img alt="gravatar" class="perm-gravatar-ac" style="width: {0}px; height: {0}px" src="{1}"/>'.format(size, em);

                if (!em) {

                    elem = '<i class="icon-user perm-gravatar-ac" style="font-size: {0}px;"></i>'.format(size);

                }

                if (group !== undefined){

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

                }

                var tmpl = '<div class="ac-container-wrap">{0}{1}</div>'

                return tmpl.format(elem,res)

            }

            // group

            if (oResultData.grname != undefined) {

                var grname = oResultData.grname;

                var grmembers = oResultData.grmembers;

                var grnameMatchIndex = grname.toLowerCase().indexOf(query);

                var grprefix = "{0}: ".format(_TM['Group']);

                var grsuffix = " (" + grmembers + "  )";

                var grsuffix = " ({0}  {1})".format(grmembers, _TM['members']);

                if (grnameMatchIndex > -1) {

                    return _gravatar(grprefix + highlightMatch(grname, query, grnameMatchIndex) + grsuffix,null,null,true);

                }

                return _gravatar(grprefix + oResultData.grname + grsuffix, null, null, true);

            // Users

            } else if (oResultData.nname != undefined) {

                var fname = oResultData.fname || "";

                var lname = oResultData.lname || "";

                var nname = oResultData.nname;

                // Guard against null value

                var fnameMatchIndex = fname.toLowerCase().indexOf(query),

                    lnameMatchIndex = lname.toLowerCase().indexOf(query),

                    nnameMatchIndex = nname.toLowerCase().indexOf(query),

                    displayfname, displaylname, displaynname;

                if (fnameMatchIndex > -1) {

                    displayfname = highlightMatch(fname, query, fnameMatchIndex);

                } else {

                    displayfname = fname;

                }

                if (lnameMatchIndex > -1) {

                    displaylname = highlightMatch(lname, query, lnameMatchIndex);

                } else {

                    displaylname = lname;

                }

                if (nnameMatchIndex > -1) {

                    displaynname = "(" + highlightMatch(nname, query, nnameMatchIndex) + ")";

                } else {

                    displaynname = nname ? "(" + nname + ")" : "";

                }

                return _gravatar(displayfname + " " + displaylname + " " + displaynname, oResultData.gravatar_lnk, oResultData.gravatar_size);

            } else {

                return '';

            }

        };

    membersAC.formatResult = custom_formatter;

    ownerAC.formatResult = custom_formatter;

    var myHandler = function (sType, aArgs) {

            var nextId = divid.split('perm_new_member_name_')[1];

            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

            //fill the autocomplete with value

            if (oData.nname != undefined) {

                //users

                myAC.getInputEl().value = oData.nname;

                $('#perm_new_member_type_'+nextId).val('user');

            } else {

                //groups

                myAC.getInputEl().value = oData.grname;

                $('#perm_new_member_type_'+nextId).val('users_group');

            }

        };

    membersAC.itemSelectEvent.subscribe(myHandler);

    if(ownerAC.itemSelectEvent){

        ownerAC.itemSelectEvent.subscribe(myHandler);

    }

    return {

        memberDS: memberDS,

        ownerDS: ownerDS,

        membersAC: membersAC,

        ownerAC: ownerAC

    };

}

    var myUsers = users_list;

    // Define a custom search function for the DataSource of users

    var matchUsers = function (sQuery) {

            var org_sQuery = sQuery;

            if(this.mentionQuery == null){

                return []

            }

            sQuery = this.mentionQuery;

            // 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

        };

    // DataScheme for owner

    var ownerDS = new YAHOO.util.FunctionDataSource(matchUsers);

    ownerDS.responseSchema = {

        fields: ["id", "fname", "lname", "nname", "gravatar_lnk", "gravatar_size"]

    };

    // Instantiate AutoComplete for mentions

    var ownerAC = new YAHOO.widget.AutoComplete(divid, cont, ownerDS);

    ownerAC.useShadow = false;

    ownerAC.resultTypeList = false;

    ownerAC.suppressInputUpdate = true;

    ownerAC.animVert = false;

    ownerAC.animHoriz = false;

    ownerAC.animSpeed = 0.1;

    // Helper highlight function for the formatter

    var highlightMatch = function (full, snippet, matchindex) {

            return full.substring(0, matchindex)

                + "<span class='match'>"

                + full.substr(matchindex, snippet.length)

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

        };

    // Custom formatter to highlight the matching letters

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

            var org_sQuery = sQuery;

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

                sQuery = this.dataSource.mentionQuery;

            }

            var query = sQuery.toLowerCase();

            var _gravatar = function(res, em, size, group){

                var elem = '<img alt="gravatar" class="perm-gravatar-ac" style="width: {0}px; height: {0}px" src="{1}"/>'.format(size, em);

                if (!em) {

                    elem = '<i class="icon-user perm-gravatar-ac" style="font-size: {0}px;"></i>'.format(size);

                }

                if (group !== undefined){

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

                }

                var tmpl = '<div class="ac-container-wrap">{0}{1}</div>'

                return tmpl.format(elem,res)

            }

            if (oResultData.nname != undefined) {

                var fname = oResultData.fname || "";

                var lname = oResultData.lname || "";

                var nname = oResultData.nname;

                // Guard against null value

                var fnameMatchIndex = fname.toLowerCase().indexOf(query),

                    lnameMatchIndex = lname.toLowerCase().indexOf(query),

                    nnameMatchIndex = nname.toLowerCase().indexOf(query),

                    displayfname, displaylname, displaynname;

                if (fnameMatchIndex > -1) {

                    displayfname = highlightMatch(fname, query, fnameMatchIndex);

                } else {

                    displayfname = fname;

                }

                if (lnameMatchIndex > -1) {

                    displaylname = highlightMatch(lname, query, lnameMatchIndex);

                } else {

                    displaylname = lname;

                }

                if (nnameMatchIndex > -1) {

                    displaynname = "(" + highlightMatch(nname, query, nnameMatchIndex) + ")";

                } else {

                    displaynname = nname ? "(" + nname + ")" : "";

                }

                return _gravatar(displayfname + " " + displaylname + " " + displaynname, oResultData.gravatar_lnk, oResultData.gravatar_size);

            } else {

                return '';

            }

        };

    if(ownerAC.itemSelectEvent){

        ownerAC.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

            //fill the autocomplete with value

            if (oData.nname != undefined) {

                //users

                //Replace the mention name with replaced

                var re = new RegExp();

                var org = myAC.getInputEl().value;

                var chunks = myAC.dataSource.chunks

                // replace middle chunk(the search term) with actuall  match

                chunks[1] = chunks[1].replace('@'+myAC.dataSource.mentionQuery,

                                              '@'+oData.nname+' ');

                myAC.getInputEl().value = chunks.join('')

                myAC.getInputEl().focus(); // Y U NO WORK !?

            } else {

                //groups

                myAC.getInputEl().value = oData.grname;

                $('#perm_new_member_type').val('users_group');

            }

        });

    }

    // in this keybuffer we will gather current value of search !

    // since we need to get this just when someone does `@` then we do the

    // search

    ownerAC.dataSource.chunks = [];

    ownerAC.dataSource.mentionQuery = null;

    ownerAC.get_mention = function(msg, max_pos) {

        var org = msg;

        // Must match utils2.py MENTIONS_REGEX.

        // Only matching on string up to cursor, so it must end with $

        var re = new RegExp('(?:^|[^a-zA-Z0-9])@([a-zA-Z0-9][-_.a-zA-Z0-9]*[a-zA-Z0-9])$')

        var chunks  = [];

        // cut first chunk until current pos

        var to_max = msg.substr(0, max_pos);

        var at_pos = Math.max(0,to_max.lastIndexOf('@')-1);

        var msg2 = to_max.substr(at_pos);

        chunks.push(org.substr(0,at_pos))// prefix chunk

        chunks.push(msg2)                // search chunk

        chunks.push(org.substr(max_pos)) // postfix chunk

        // clean up msg2 for filtering and regex match

        var msg2 = msg2.lstrip(' ').lstrip('\n');

        if(re.test(msg2)){

            var unam = re.exec(msg2)[1];

            return [unam, chunks];

        }

        return [null, null];

    };

    var $divid = $('#'+divid);

    $divid.keyup(function(e){

            var currentMessage = $divid.val();

            var currentCaretPosition = $divid[0].selectionStart;

            var unam = ownerAC.get_mention(currentMessage, currentCaretPosition);

            var curr_search = null;

            if(unam[0]){

                curr_search = unam[0];

            }

            ownerAC.dataSource.chunks = unam[1];

            ownerAC.dataSource.mentionQuery = curr_search;

        });

}

var addReviewMember = function(id,fname,lname,nname,gravatar_link,gravatar_size){

    var displayname = "{0} {1}".format(fname, lname);

    var gravatarelm = '<img alt="gravatar" style="width: {0}px; height: {0}px" src="{1}"/>'.format(gravatar_size, gravatar_link);

    if (!gravatar_link)

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

    // WARNING: the HTML below is duplicate with

    // kallithea/templates/pullrequests/pullrequest_show.html

    // If you change something here it should be reflected in the template too.

    var element = (

        '     <li id="reviewer_{2}">\n'+

        '       <div class="reviewers_member">\n'+

        '           <div class="reviewer_status tooltip" title="not_reviewed">\n'+

        '             <i class="icon-circle changeset-status-not_reviewed"></i>\n'+

        '           </div>\n'+

        '         <div class="reviewer_gravatar gravatar">{0}</div>\n'+

        '         <div style="float:left;">{1}</div>\n'+

        '         <input type="hidden" value="{2}" name="review_members" />\n'+

        '         <div class="reviewer_member_remove action_button" onclick="removeReviewMember({2})">\n'+

        '             <i class="icon-minus-circled"></i>\n'+

        '         </div> (add not saved)\n'+

        '       </div>\n'+

        '     </li>\n'

        ).format(gravatarelm, displayname, id);

    // check if we don't have this ID already in

    var ids = [];

    $('#review_members').find('li').each(function() {

            ids.push(this.id);

        });

    if(ids.indexOf('reviewer_'+id) == -1){

        //only add if it's not there

        $('#review_members').append(element);

    }

}

var removeReviewMember = function(reviewer_id, repo_name, pull_request_id){

    var $li = $('#reviewer_{0}'.format(reviewer_id));

    $li.find('div div').css("text-decoration", "line-through");

    $li.find('input').attr('name', 'review_members_removed');

    $li.find('.reviewer_member_remove').replaceWith(' (remove not saved)');

}

    var myUsers = users_list;

    // Define a custom search function for the DataSource of users

    var matchUsers = function (sQuery) {

            // 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;

        };

    // DataScheme for owner

    var ownerDS = new YAHOO.util.FunctionDataSource(matchUsers);

    ownerDS.responseSchema = {

        fields: ["id", "fname", "lname", "nname", "gravatar_lnk", "gravatar_size"]

    };

    // Instantiate AutoComplete for mentions

    var reviewerAC = new YAHOO.widget.AutoComplete(divid, cont, ownerDS);

    reviewerAC.useShadow = false;

    reviewerAC.resultTypeList = false;

    reviewerAC.suppressInputUpdate = true;

    reviewerAC.animVert = false;

    reviewerAC.animHoriz = false;

    reviewerAC.animSpeed = 0.1;

    // Helper highlight function for the formatter

    var highlightMatch = function (full, snippet, matchindex) {

            return full.substring(0, matchindex)