<%def name="file_class(node)">

	%if node.is_file():

		<%return "browser-file" %>

	%else:

		<%return "browser-dir"%>

	%endif

</%def>

<div id="body" class="browserblock">

    <div class="browser-header">

		<div class="browser-nav">

			${h.form(h.url.current())}

			<div class="info_box">

	          <span class="rev">${_('view')}@rev</span> 

	          <a class="rev" href="${c.url_prev}" title="${_('previous revision')}">&laquo;</a>

	          ${h.text('at_rev',value=c.changeset.revision,size=5)}

	          <a class="rev" href="${c.url_next}" title="${_('next revision')}">&raquo;</a>

	          ## ${h.submit('view',_('view'),class_="ui-button-small")}

		    </div>           

			${h.end_form()}

		</div>

	    <div class="browser-branch">

	       ${h.checkbox('stay_at_branch',c.changeset.branch,c.changeset.branch==c.branch)}

	       <label>${_('follow current branch')}</label>

	    </div>

        <div class="browser-search">

              <div id="search_activate_id" class="search_activate">

                  <a id="filter_activate" href="#">${_('search file list')}</a>

              </div>

              <div  id="add_node_id" class="add_node">

                  <a href="${h.url('files_add_home',repo_name=c.repo_name,revision=c.changeset.raw_id,f_path=c.f_path)}">${_('add new file')}</a>

              </div>        

        <div>

            <div id="node_filter_box_loading" style="display:none">${_('Loading file list...')}</div>

            <div id="node_filter_box" style="display:none">

            ${h.files_breadcrumbs(c.repo_name,c.changeset.raw_id,c.files_list.path)}/<input type="text" value="type to search..." name="filter" size="25" id="node_filter" autocomplete="off">

            <script type="text/javascript">

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

                if(e.target.checked){

                    var uri = "${h.url.current(branch='__BRANCH__')}"

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

                    window.location = uri;

                }

                else{

                    window.location = "${h.url.current()}";

                }

            })            

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

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

            var url = '${h.url("files_nodelist_home",repo_name="__REPO__",revision="__REVISION__",f_path="__FPATH__")}';

            var node_url = '${h.url("files_home",repo_name="__REPO__",revision="__REVISION__",f_path="__FPATH__")}';

            url  = url.replace('__REPO__','${c.repo_name}');

            url  = url.replace('__REVISION__','${c.changeset.raw_id}');

            url  = url.replace('__FPATH__','${c.files_list.path}');

            node_url  = node_url.replace('__REPO__','${c.repo_name}');

            node_url  = node_url.replace('__REVISION__','${c.changeset.raw_id}');

            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',url,{

                  success:function(o){

                  	nodes = JSON.parse(o.responseText);

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

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

                  },