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

	      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)

	                }

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

	        }

	    }

	};

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

	    F.initFilter();

	})

	YUE.on(n_filter,'click',function(){

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

			n_filter.value = '';

			YUD.removeClass(n_filter,'init');

		}

	 });

	YUE.on(n_filter,'keyup',function(e){

	    clearTimeout(F.filterTimeout); 

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

	});

};

var initCodeMirror = function(textAreadId,resetUrl){  

    var myCodeMirror = CodeMirror.fromTextArea(YUD.get(textAreadId),{

           mode:  "null",

           lineNumbers:true

         });

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

        window.location=resetUrl

    });

    YUE.on('file_enable','click',function(){

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

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

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

    });

    YUE.on('upload_file_enable','click',function(){

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

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

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

    });	

};

var getIdentNode = function(n){

	//iterate thru nodes untill matched 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);

	}

};

var  getSelectionLink = function(selection_link_label) {

	return function(){

	    //get selection from start/to nodes    	

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

	    	s = window.getSelection();

	       	from = getIdentNode(s.anchorNode);

	       	till = getIdentNode(s.focusNode);

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

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

	        if (f_int > t_int){

	        	//highlight from bottom 

	        	offset = -35;

	        	ranges = [t_int,f_int];

	        }

	        else{

	        	//highligth from top 

	        	offset = 35;

	        	ranges = [f_int,t_int];

	        }

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

	            if(YUD.get('linktt') == null){

	                hl_div = document.createElement('div');

	                hl_div.id = 'linktt';

	            }

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

		    var r_button = YUD.getElementsByClassName('read-notification',null,obj.children[0])[0];

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

                contact = myUsers[i];

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

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

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

<%inherit file="/base/base.html"/>

<%def name="title()">

    ${_('%s files') % c.repo_name} - ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    ${h.link_to(_(u'Home'),h.url('/'))}

    »

    ${h.link_to(c.repo_name,h.url('files_home',repo_name=c.repo_name))}

    »

    ${_('files')}

    %if c.file:

        @ r${c.changeset.revision}:${h.short_id(c.changeset.raw_id)}

    %endif

</%def>

<%def name="page_nav()">

    ${self.menu('files')}

</%def>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

	    <ul class="links">

		    <li>

		      <span style="text-transform: uppercase;"><a href="#">${_('branch')}: ${c.changeset.branch}</a></span>

	        </li>

	    </ul>

    </div>

    <div class="table">

		<div id="files_data">

			<%include file='files_ypjax.html'/>

		</div>

    </div>

</div>

<script type="text/javascript">

var CACHE = {};

var CACHE_EXPIRE = 60*1000; //cache for 60s

//used to construct links from the search list

//send the nodelist request to this url

var ypjax_links = function(){

    YUE.on(YUQ('.ypjax-link'), 'click',function(e){

    	//don't do ypjax on middle click

    	if(e.which == 2 || !History.enabled){

    		return true;

    	}

        var el = e.currentTarget;

        var url = el.href;

        var _base_url = '${h.url("files_home",repo_name=c.repo_name,revision='',f_path='')}';

        _base_url = _base_url.replace('//','/')

        //extract rev and the f_path from url.

        parts = url.split(_base_url)

        if(parts.length != 2){

        	return false;

        }

        var parts2 = parts[1].split('/');

      	var rev = parts2.shift(); // pop the first element which is the revision

      	var f_path = parts2.join('/');

        var title = "${_('%s files') % c.repo_name}" + " - " + f_path;

        // Change our States and save some data for handling events

        var data = {url:url,title:title, url_base:_url_base,

                    node_list_url:_node_list_url};

        History.pushState(data, title, url);

        //now we're sure that we can do ypjax things

        YUE.preventDefault(e)

        return false;

    });

}

var callbacks = function(State){

    ypjax_links();

    tooltip_activate();

    fileBrowserListeners(State.url, State.data.node_list_url, State.data.url_base);

    YUE.on('hlcode','mouseup',getSelectionLink("${_('Selection link')}"));

    // Inform Google Analytics of the change

    if ( typeof window.pageTracker !== 'undefined' ) {

        window.pageTracker._trackPageview(State.url);

    }

}

YUE.onDOMReady(function(){

    ypjax_links();

    var container = 'files_data';

    //Bind to StateChange Event

    History.Adapter.bind(window,'statechange',function(){

        var State = History.getState();

        cache_key = State.url;

        //check if we have this request in cache maybe ?

        var _cache_obj = CACHE[cache_key];

        var _cur_time = new Date().getTime();

        // get from cache if it's there and not yet expired !

        if(_cache_obj !== undefined && _cache_obj[0] > _cur_time){

            YUD.get(container).innerHTML=_cache_obj[1];

            YUD.setStyle(container,'opacity','1.0');

            //callbacks after ypjax call

            callbacks(State);

        }

        else{

          ypjax(State.url,container,function(o){

          	//callbacks after ypjax call

          	callbacks(State);

          	if (o !== undefined){

          	  //store our request in cache

          	  var _expire_on = new Date().getTime()+CACHE_EXPIRE;

              CACHE[cache_key] = [_expire_on, o.responseText];

            }

          });

        }

    });

    // init the search filter

    var _State = {

       url: "${h.url.current()}",

       data: {

       }

    }

    fileBrowserListeners(_State.url, _State.data.node_list_url, _State.data.url_base);

});

</script>

</%def>