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

	        }

	    }

	};

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

    }

}

        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>