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

    	   var n = nodes[i];

    	   var target_element = display_element(n)

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

    		   hide_node(target_element);

    	   }

    	   else{

    		   show_node(target_element);

    		   showing+=1;

    	   }

       }	  	   

	   // if repo_count is set update the number

	   var cnt = YUD.get('repo_count');

	   if(cnt){

		   YUD.get('repo_count').innerHTML = showing;

	   }       

	}	

};

var tableTr = function(cls,body){

	var tr = document.createElement('tr');

	YUD.addClass(tr, cls);

	var cont = new YAHOO.util.Element(body);

	var comment_id = fromHTML(body).children[0].id.split('comment-')[1];

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

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

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

                     '<td>{0}</td>'.format(body);

	return tr;

};

/** comments **/

var removeInlineForm = function(form) {

	form.parentNode.removeChild(form);

};

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

	var tmpl = YUD.get('comment-inline-form-template').innerHTML;

	tmpl = tmpl.format(f_path, line);

	var form = tableTr('comment-form-inline',tmpl)

	// create event for hide button

	form = new YAHOO.util.Element(form);

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

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

		if(YUD.hasClass(newtr.nextElementSibling,'inline-comments-button')){

			YUD.setStyle(newtr.nextElementSibling,'display','');

		}

		removeInlineForm(newtr);

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

	});

	return form

};

/**

 * Inject inline comment for on given TR this tr should be always an .line

 * tr containing the line. Code will detect comment, and always put the comment

 * block at the very bottom

 */

var injectInlineForm = function(tr){

	  if(!YUD.hasClass(tr, 'line')){

		  return

	  }

	  var submit_url = AJAX_COMMENT_URL;

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

		  return

	  }	

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

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

	  form.on('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 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;

			  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

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

    }

}

	            }

	            anchor = '#L'+ranges[0]+'-'+ranges[1];

	            hl_div.innerHTML = '';

	            l = document.createElement('a');

	            l.href = location.href.substring(0,location.href.indexOf('#'))+anchor;

	            l.innerHTML = selection_link_label;

	            hl_div.appendChild(l);

	            YUD.get('body').appendChild(hl_div);

	            xy = YUD.getXY(till.id);

	            YUD.addClass('linktt','yui-tt');

	            YUD.setStyle('linktt','top',xy[1]+offset+'px');

	            YUD.setStyle('linktt','left',xy[0]+'px');

	            YUD.setStyle('linktt','visibility','visible');

	        }

	        else{

	        	YUD.setStyle('linktt','visibility','hidden');

	        }

	    }

	}

};

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

    var callback = { 

		success:function(o){

		    var obj = YUD.get(String("notification_"+notification_id));

		    if(obj.parentNode !== undefined){

				obj.parentNode.removeChild(obj);

			}

			_run_callbacks(callbacks);

		},

	    failure:function(o){

	        alert("error");

	    },

	};

    var postData = '_method=delete';

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

    var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, 

    											  callback, postData);

};	

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

    var callback = { 

		success:function(o){

		    var obj = YUD.get(String("notification_"+notification_id));

		    YUD.removeClass(obj, 'unread');

		    if(r_button.parentNode !== undefined){

		    	r_button.parentNode.removeChild(r_button);

			}		    

			_run_callbacks(callbacks);

		},

	    failure:function(o){

	        alert("error");

	    },

	};

    var postData = '_method=put';

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

    var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, 

    											  callback, postData);

};	

/** MEMBERS AUTOCOMPLETE WIDGET **/

var MembersAutoComplete = function (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++) {

                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 usersGroups

    var matchGroups = function (sQuery) {

            // Case insensitive matching

            var query = sQuery.toLowerCase();

            var i = 0;

            var l = myGroups.length;

	        for(var i = 0;node = options[i];i++){

	                field.appendChild(new Option(node.text, node.value,

	                        false, false));

	        }

	    }

	    // add action

	    if (this.id=='add_element'){

	        var c = get_checked(available);

	        add_to(choosen,c[0]);

	        fill_with(available,c[1]);

	    }

	    // remove action

	    if (this.id=='remove_element'){

	        var c = get_checked(choosen);

	        add_to(available,c[0]);

	        fill_with(choosen,c[1]);

	    }

	    // add all elements

	    if(this.id=='add_all_elements'){

	        for(var i=0; node = available.options[i];i++){

	                choosen.appendChild(new Option(node.text,

	                        node.value, false, false));

	        }

	        available.options.length = 0;

	    }

	    //remove all elements

	    if(this.id=='remove_all_elements'){

	        for(var i=0; node = choosen.options[i];i++){

	            available.appendChild(new Option(node.text,

	                    node.value, false, false));

	        }

	        choosen.options.length = 0;

	    }

	}

	YUE.addListener(['add_element','remove_element',

	               'add_all_elements','remove_all_elements'],'click',

	               prompts_action_callback)

	if (form_id !== undefined) {

		YUE.addListener(form_id,'submit',function(){

		    var choosen = YUD.get(selected_container);

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

		        choosen.options[i].selected = 'selected';

		    }

		});

	}

	        </span>

	        <div class="cs_files">

	                %for change,filenode,diff,cs1,cs2,stat in c.changes:

	                    <div class="cs_${change}">

                            <div class="node">

                            %if change != 'removed':

                                ${h.link_to(h.safe_unicode(filenode.path),c.anchor_url(filenode.changeset.raw_id,filenode.path,request.GET)+"_target")}

                            %else:

                                ${h.link_to(h.safe_unicode(filenode.path),h.url.current(anchor=h.FID('',filenode.path)))}

                            %endif

                            </div>

		                    <div class="changes">${h.fancy_file_stats(stat)}</div>

	                    </div>

	                %endfor

	                % if c.cut_off:

	                  ${_('Changeset was too big and was cut off...')}

	                % 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('changeset_comment',repo_name=c.repo_name,revision=c.changeset.raw_id)}";

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

    </script>

    ## diff block

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

    ${diff_block.diff_block(c.changes)}

    ## 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()}

    ## main comment form and it status

    ${comment.comments(h.url('changeset_comment', repo_name=c.repo_name, revision=c.changeset.raw_id),

                       h.changeset_status(c.rhodecode_db_repo, c.changeset.raw_id))}

    ## FORM FOR MAKING JS ACTION AS CHANGESET COMMENTS

    <script type="text/javascript">

      YUE.onDOMReady(function(){

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

      })

    </script>

    </div>

</%def>