var _td = YUD.getElementsByClassName('code',null,tr)[0];

	  if(YUD.hasClass(tr,'form-open') || YUD.hasClass(tr,'context') || YUD.hasClass(_td,'no-comment')){

		  return

	  }	

	  YUD.addClass(tr,'form-open');

	  YUD.addClass(tr,'hl-comment');

	  var node = YUD.getElementsByClassName('full_f_path',null,tr.parentNode.parentNode.parentNode)[0];

	  var f_path = YUD.getAttribute(node,'path');

	  var lineno = getLineNo(tr);

	  var form = createInlineForm(tr, f_path, lineno, submit_url);

	  var parent = tr;

	  while (1){

		  var n = parent.nextElementSibling;

		  // next element are comments !

		  if(YUD.hasClass(n,'inline-comments')){

			  parent = n;

		  }

		  else{

			  break;

		  }

	  }	  

	  YUD.insertAfter(form,parent);

	  var f = YUD.get(form);

	  var overlay = YUD.getElementsByClassName('overlay',null,f)[0];

	  var _form = YUD.getElementsByClassName('inline-form',null,f)[0];

	  YUE.on(YUD.get(_form), 'submit',function(e){

		  YUE.preventDefault(e);

		  //ajax submit

		  var text = YUD.get('text_'+lineno).value;

		  var postData = {

	            'text':text,

	            'f_path':f_path,

	            'line':lineno

		  };

		  if(lineno === undefined){

			  alert('missing line !');

			  return

		  }

		  if(f_path === undefined){

			  alert('missing file path !');

			  return

		  }

		  if(text == ""){

			  return

		  }

		  var success = function(o){

			  YUD.removeClass(tr, 'form-open');

			  removeInlineForm(f);			  

			  var json_data = JSON.parse(o.responseText);

	          renderInlineComment(json_data);

		  };

		  if (YUD.hasClass(overlay,'overlay')){

			  var w = _form.offsetWidth;

			  var h = _form.offsetHeight;

			  YUD.setStyle(overlay,'width',w+'px');

			  YUD.setStyle(overlay,'height',h+'px');

		  }		  

		  YUD.addClass(overlay, 'submitting');		  

		  ajaxPOST(submit_url, postData, success);

	  });

	  setTimeout(function(){

		  // callbacks

		  tooltip_activate();

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

	                         _USERS_AC_DATA, _GROUPS_AC_DATA);

		  var _e = YUD.get('text_'+lineno);

		  if(_e){

			  _e.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 n = YUD.get('comment-tr-'+comment_id);

        var root = prevElementSibling(prevElementSibling(n));

        n.parentNode.removeChild(n);

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

        placeAddButton(root);

    }

    ajaxPOST(url,postData,success);

}

var updateReviewers = function(reviewers_ids){

	var url = AJAX_UPDATE_PULLREQUEST;

	var postData = {'_method':'put',

			        'reviewers_ids': reviewers_ids};

	var success = function(o){

		window.location.reload();

	}

	ajaxPOST(url,postData,success);

}

var createInlineAddButton = function(tr){

	var label = TRANSLATION_MAP['add another comment'];

	var html_el = document.createElement('div');

	YUD.addClass(html_el, 'add-comment');

	html_el.innerHTML = '<span class="ui-btn">{0}</span>'.format(label);

	var add = new YAHOO.util.Element(html_el);

	add.on('click', function(e) {

		injectInlineForm(tr);

	});

	return add;

};

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(target_tr){

	if(!target_tr){

		return

	}

	var last_node = target_tr;

    //scann	

	  while (1){

		  var n = last_node.nextElementSibling;

		  // next element are comments !

		  if(YUD.hasClass(n,'inline-comments')){

			  last_node = n;

			  //also remove the comment button from previous

			  var comment_add_buttons = YUD.getElementsByClassName('add-comment',null,last_node);

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

				  var b = comment_add_buttons[i];

				  b.parentNode.removeChild(b);

			  }

		  }

		  else{

			  break;

		  }

	  }

    var add = createInlineAddButton(target_tr);

    // get the comment div

    var comment_block = YUD.getElementsByClassName('comment',null,last_node)[0];

    // attach add button

    YUD.insertAfter(add,comment_block);	

}

/**

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

 */

var placeInline = function(target_container,lineno,html){

	  var lineid = "{0}_{1}".format(target_container,lineno);

	  var target_line = YUD.get(lineid);

	  var comment = new YAHOO.util.Element(tableTr('inline-comments',html))

	  // check if there are comments already !

	  var parent = target_line.parentNode;

	  var root_parent = parent;

	  while (1){

		  var n = parent.nextElementSibling;

		  // next element are comments !

		  if(YUD.hasClass(n,'inline-comments')){

			  parent = n;

		  }

		  else{

			  break;

		  }

	  }

	  // put in the comment at the bottom

	  YUD.insertAfter(comment,parent);

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

      placeAddButton(root_parent);

	  return target_line;

}

/**

 * make a single inline comment and place it inside

 */

var renderInlineComment = function(json_data){

    try{

	  var html =  json_data['rendered_text'];

	  var lineno = json_data['line_no'];

	  var target_id = json_data['target_id'];

	  placeInline(target_id, lineno, html);

    }catch(e){

  	  console.log(e);

    }

}

/**

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

 */

var renderInlineComments = function(file_comments){

	for (f in file_comments){

        // holding all comments for a FILE

		var box = file_comments[f];

		var target_id = YUD.getAttribute(box,'target_id');

		// actually comments with line numbers

        var comments = box.children;

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

        	var data = {

        		'rendered_text': comments[i].outerHTML,

        		'line_no': YUD.getAttribute(comments[i],'line'),

        		'target_id': target_id

        	}

        	renderInlineComment(data);

        }

    }	

}

var removeReviewer = function(reviewer_id){

	var el = YUD.get('reviewer_{0}'.format(reviewer_id));

	if (el.parentNode !== undefined){

		el.parentNode.removeChild(el);

	}

}

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

	var current_url_branch = +"?branch=__BRANCH__";

	YUE.on('stay_at_branch','click',function(e){

	    if(e.target.checked){

	        var uri = current_url_branch;

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

	        window.location = uri;

	    }

	    else{

	        window.location = current_url;

	    }

	})            

	var n_filter = YUD.get('node_filter');

	var F = YAHOO.namespace('node_filter');

	F.filterTimeout = null;

	var nodes = null;

	F.initFilter = function(){

	  YUD.setStyle('node_filter_box_loading','display','');

	  YUD.setStyle('search_activate_id','display','none');

	  YUD.setStyle('add_node_id','display','none');

	  YUC.initHeader('X-PARTIAL-XHR',true);

	  YUC.asyncRequest('GET', node_list_url, {

	      success:function(o){

	        nodes = JSON.parse(o.responseText).nodes;

	        YUD.setStyle('node_filter_box_loading','display','none');

	        YUD.setStyle('node_filter_box','display','');

	        n_filter.focus();

			if(YUD.hasClass(n_filter,'init')){

				n_filter.value = '';

				YUD.removeClass(n_filter,'init');

			}   

	      },

	      failure:function(o){

	          console.log('failed to load');

	      }

	  },null);            

	}

	F.updateFilter  = function(e) {

	    return function(){

	        // Reset timeout 

	        F.filterTimeout = null;

	        var query = e.target.value.toLowerCase();

	        var match = [];

	        var matches = 0;

	        var matches_max = 20;

	        if (query != ""){

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

	                var pos = nodes[i].name.toLowerCase().indexOf(query)

	                if(query && pos != -1){

	                    matches++

	                    //show only certain amount to not kill browser 

	                    if (matches > matches_max){

	                        break;

	                    }

	                    var n = nodes[i].name;

	                    var t = nodes[i].type;

	                    var n_hl = n.substring(0,pos)

	                      +"<b>{0}</b>".format(n.substring(pos,pos+query.length))

	                      +n.substring(pos+query.length)

	                    var new_url = url_base.replace('__FPATH__',n);

	                    match.push('<tr><td><a class="browser-{0}" href="{1}">{2}</a></td><td colspan="5"></td></tr>'.format(t,new_url,n_hl));

	                }

	                if(match.length >= matches_max){

	                    match.push('<tr><td>{0}</td><td colspan="5"></td></tr>'.format(_TM['search truncated']));

	                }

	            }                       

	        }

	        if(query != ""){

	            YUD.setStyle('tbody','display','none');

	            YUD.setStyle('tbody_filtered','display','');

	            if (match.length==0){

	              match.push('<tr><td>{0}</td><td colspan="5"></td></tr>'.format(_TM['no matching files']));

	            }                           

	            YUD.get('tbody_filtered').innerHTML = match.join("");   

	        }

	        else{

	            YUD.setStyle('tbody','display','');

	            YUD.setStyle('tbody_filtered','display','none');

	        }

	    }

	};

                <div class="reviewers_member">

                    <div style="float:left;padding:0px 3px 0px 0px" class="tooltip" title="${h.tooltip(h.changeset_status_lbl(status[0][1].status if status else 'not_reviewed'))}">

                      <img src="${h.url(str('/images/icons/flag_status_%s.png' % (status[0][1].status if status else 'not_reviewed')))}"/>

                    </div>

                  <div class="gravatar"><img alt="gravatar" src="${h.gravatar_url(member.email,14)}"/> </div>

                  <div style="float:left">${member.full_name} (${_('owner') if c.pull_request.user_id == member.user_id else _('reviewer')})</div>

                  <input type="hidden" value="${member.user_id}" name="review_members" />

                  %if not c.pull_request.is_closed() and (h.HasPermissionAny('hg.admin', 'repository.admin')() or c.pull_request.user_id == c.rhodecode_user.user_id):

                  <span class="delete_icon action_button" onclick="removeReviewer(${member.user_id})"></span>

                  %endif

                </div>

              </li>

            %endfor

            </ul>

          </div>

          %if not c.pull_request.is_closed():

          <div class='ac'>

            %if h.HasPermissionAny('hg.admin', 'repository.admin')() or c.pull_request.author.user_id == c.rhodecode_user.user_id:

            <div class="reviewer_ac">

               ${h.text('user', class_='yui-ac-input')}

               <span class="help-block">${_('Add reviewer to this pull request.')}</span>

               <div id="reviewers_container"></div>

            </div>

            <div style="padding:0px 10px">

             <span id="update_pull_request" class="ui-btn xsmall">${_('save')}</span>

            </div>

            %endif

          </div>

          %endif

        </div>

       </div>

    </div>

    <script>

    var _USERS_AC_DATA = ${c.users_array|n};

    var _GROUPS_AC_DATA = ${c.users_groups_array|n};

    AJAX_COMMENT_URL = "${url('pullrequest_comment',repo_name=c.repo_name,pull_request_id=c.pull_request.pull_request_id)}";

    AJAX_COMMENT_DELETE_URL = "${url('pullrequest_comment_delete',repo_name=c.repo_name,comment_id='__COMMENT_ID__')}";

    AJAX_UPDATE_PULLREQUEST = "${url('pullrequest_update',repo_name=c.repo_name,pull_request_id=c.pull_request.pull_request_id)}"

    </script>

    ## diff block

    <%namespace name="diff_block" file="/changeset/diff_block.html"/>

    %for fid, change, f, stat in c.files:

      ${diff_block.diff_block_simple([c.changes[fid]])}

    %endfor

    % if c.limited_diff:

      <h4>${_('Changeset was too big and was cut off...')}</h4>

    % endif

    ## template for inline comment form

    <%namespace name="comment" file="/changeset/changeset_file_comment.html"/>

    ${comment.comment_inline_form()}

    ## render comments and inlines

    ${comment.generate_comments()}

    % if not c.pull_request.is_closed():

      ## main comment form and it status

      ${comment.comments(h.url('pullrequest_comment', repo_name=c.repo_name,

                                pull_request_id=c.pull_request.pull_request_id),

                                c.current_changeset_status,

                                close_btn=True, change_status=c.allowed_to_change_status)}

    %endif

    <script type="text/javascript">

      YUE.onDOMReady(function(){

    	  PullRequestAutoComplete('user', 'reviewers_container', _USERS_AC_DATA, _GROUPS_AC_DATA);

          YUE.on(YUQ('.show-inline-comments'),'change',function(e){

              var show = 'none';

              var target = e.currentTarget;

              if(target.checked){

                  var show = ''

              }

              var boxid = YUD.getAttribute(target,'id_for');

              var comments = YUQ('#{0} .inline-comments'.format(boxid));

              for(c in comments){

                 YUD.setStyle(comments[c],'display',show);

              }

              var btns = YUQ('#{0} .inline-comments-button'.format(boxid));

              for(c in btns){

                  YUD.setStyle(btns[c],'display',show);

               }

          })

          YUE.on(YUQ('.line'),'click',function(e){

              var tr = e.currentTarget;

              injectInlineForm(tr);

          });

          // inject comments into they proper positions

          var file_comments = YUQ('.inline-comment-placeholder');

          renderInlineComments(file_comments);

          YUE.on(YUD.get('update_pull_request'),'click',function(e){

          })

      })

    </script>

</div>

</%def>