{

						opacity: { to: yt.opacity }

					}, yt.speed, YAHOO.util.Easing.easeOut

				);

				newAnim.animate();

			}

		}

	},

	move_yuitip: function(e, el){

		YUE.stopEvent(e);

		var movePos = YUE.getXY(e);

		YUD.setStyle(yt.tipBox, 'top', (movePos[1] + yt.offset[1]) + 'px');

		YUD.setStyle(yt.tipBox, 'left', (movePos[0] + yt.offset[0]) + 'px');

	},

	close_yuitip: function(e, el){

		YUE.stopEvent(e);

		if(yt.useAnim === true){

			var newAnim = new YAHOO.util.Anim(yt.tipBox,

				{

					opacity: { to: 0 }

				}, yt.speed, YAHOO.util.Easing.easeOut

			);

			newAnim.animate();

		} else {

			YUD.setStyle(yt.tipBox, 'display', 'none');

		}

		YUD.setAttribute(el,'title', YUD.getAttribute(el, 'tt_title'));

	}

}

/**

 * Quick filter widget

 * 

 * @param target: filter input target

 * @param nodes: list of nodes in html we want to filter.

 * @param display_element function that takes current node from nodes and

 *    does hide or show based on the node

 * 

 */

var q_filter = function(target,nodes,display_element){

	var nodes = nodes;

	var q_filter_field = YUD.get(target);

	var F = YAHOO.namespace(target);

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

	    clearTimeout(F.filterTimeout); 

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

	});

	F.filterTimeout = null;

	var show_node = function(node){

		YUD.setStyle(node,'display','')

	}

	var hide_node = function(node){

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

	}

	F.updateFilter  = function() { 

	   // Reset timeout 

	   F.filterTimeout = null;

	   var obsolete = [];

	   var req = q_filter_field.value.toLowerCase();

	   var l = nodes.length;

	   var i;

	   var showing = 0;

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

## -*- coding: utf-8 -*-

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

<%def name="title()">

    ${_('Repositories administration')} · ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

</%def>

<%def name="page_nav()">

    ${self.menu('admin')}

</%def>

<%def name="main()">

<div class="box">

    <div class="title">

        ${self.breadcrumbs()}

        <ul class="links">

          <li>

            <span>${h.link_to(_(u'Add repository'),h.url('new_repo'))}</span>

          </li>

        </ul>

    </div>

    <div class="table yui-skin-sam" id="repos_list_wrap"></div>

    <div id="user-paginator" style="padding: 0px 0px 0px 20px"></div>

</div>

<script>

  var url = "${h.url('formatted_users', format='json')}";

  var data = ${c.data|n};

  var myDataSource = new YAHOO.util.DataSource(data);

  myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;

  myDataSource.responseSchema = {

      resultsList: "records",

      fields: [

         {key:"menu"},

         {key:"raw_name"},

         {key:"name"},

         {key:"desc"},

         {key:"last_changeset"},

         {key:"owner"},

         {key:"action"},

      ]

   };

  myDataSource.doBeforeCallback = function(req,raw,res,cb) {

      // This is the filter function

      var data     = res.results || [],

          filtered = [],

          i,l;

      if (req) {

          req = req.toLowerCase();

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

              var pos = data[i].raw_name.toLowerCase().indexOf(req)

    paginator: new YAHOO.widget.Paginator({

        rowsPerPage: 25,

        alwaysVisible: false,

        template : "{PreviousPageLink} {FirstPageLink} {PageLinks} {LastPageLink} {NextPageLink}",

        pageLinks: 5,

        containerClass: 'pagination-wh',

        currentPageClass: 'pager_curpage',

        pageLinkClass: 'pager_link',

        nextPageLinkLabel: '>',

        previousPageLinkLabel: '<',

        firstPageLinkLabel: '<<',

        lastPageLinkLabel: '>>',

        containers:['user-paginator']

    }),

    MSG_SORTASC:"${_('Click to sort ascending')}",

    MSG_SORTDESC:"${_('Click to sort descending')}",

    MSG_EMPTY:"${_('No records found.')}",

    MSG_ERROR:"${_('Data error.')}",

    MSG_LOADING:"${_('Loading...')}",

  }

  );

  myDataTable.subscribe('postRenderEvent',function(oArgs) {

      tooltip_activate();

      quick_repo_menu();

  });

  var filterTimeout = null;

  updateFilter  = function () {

      // Reset timeout

      filterTimeout = null;

      // Reset sort

      var state = myDataTable.getState();

      state.sortedBy = {key:'name', dir:YAHOO.widget.DataTable.CLASS_ASC};

      // Get filtered data

      myDataSource.sendRequest(YUD.get('q_filter').value,{

          success : myDataTable.onDataReturnInitializeTable,

          failure : myDataTable.onDataReturnInitializeTable,

          scope   : myDataTable,

          argument: state

      });

  };

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

      if(!YUD.hasClass('q_filter', 'loaded')){

          //TODO: load here full list later to do search within groups

          YUD.addClass('q_filter', 'loaded');

      }

   });

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

      clearTimeout(filterTimeout);

      filterTimeout = setTimeout(updateFilter,600);

  });

</script>

</%def>

## -*- coding: utf-8 -*-

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

<%def name="title()">

    ${_('My account')} ${c.rhodecode_user.username} · ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    ${_('My Account')}

</%def>

<%def name="page_nav()">

    ${self.menu('admin')}

</%def>

<%def name="main()">

<div class="box box-left">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <!-- end box / title -->

    ${c.form|n}

</div>

<div class="box box-right">

    <!-- box / title -->

    <div class="title">

        <h5>

        </h5>

         <ul class="links" style="color:#DADADA">

           <li>

             <span><a id="show_perms" class="link-white current" href="#perms">${_('My permissions')}</a> </span>

           </li>

           <li>

             <span><a id="show_my" class="link-white" href="#my">${_('My repos')}</a> </span>

           </li>

           <li>

             <span><a id="show_pullrequests" class="link-white" href="#pullrequests">${_('My pull requests')}</a> </span>

           </li>

         </ul>

    </div>

    <!-- end box / title -->

    <div id="perms_container">

        <div id="perms" class="table">

           %for section in sorted(c.rhodecode_user.permissions.keys()):

            <div class="perms_section_head">${section.replace("_"," ").capitalize()}</div>

            <div id='tbl_list_wrap_${section}' class="yui-skin-sam">

            <table id="tbl_list_${section}">

              <thead>

                  <tr>

                  <th class="left">${_('Name')}</th>

                  <th class="left">${_('Permission')}</th>

              </thead>

              <tbody>

            %for k in sorted(c.rhodecode_user.permissions[section], key=lambda s: s.lower):

           <%

           if section != 'global':

               section_perm = c.rhodecode_user.permissions[section].get(k)

               _perm = section_perm.split('.')[-1]

           else:

               _perm = section_perm = None

           %>

            %if _perm not in ['none']:

                <tr>

                    <td>

                        %if section == 'repositories':

                            <a href="${h.url('summary_home',repo_name=k)}">${k}</a>

                        %elif section == 'repositories_groups':

                            <a href="${h.url('repos_group_home',group_name=k)}">${k}</a>

                        %else:

                            ${k}

                        %endif

                    </td>

                    <td>

                        %if section == 'global':

        paginator: new YAHOO.widget.Paginator({

            rowsPerPage: 50,

            alwaysVisible: false,

            template : "{PreviousPageLink} {FirstPageLink} {PageLinks} {LastPageLink} {NextPageLink}",

            pageLinks: 5,

            containerClass: 'pagination-wh',

            currentPageClass: 'pager_curpage',

            pageLinkClass: 'pager_link',

            nextPageLinkLabel: '>',

            previousPageLinkLabel: '<',

            firstPageLinkLabel: '<<',

            lastPageLinkLabel: '>>',

            containers:['user-paginator']

        }),

        MSG_SORTASC:"${_('Click to sort ascending')}",

        MSG_SORTDESC:"${_('Click to sort descending')}",

        MSG_EMPTY:"${_('No records found.')}",

        MSG_ERROR:"${_('Data error.')}",

        MSG_LOADING:"${_('Loading...')}",

      }

      );

      myDataTable.subscribe('postRenderEvent',function(oArgs) {

          tooltip_activate();

          quick_repo_menu();

      });

      var filterTimeout = null;

      updateFilter = function() {

          // Reset timeout

          filterTimeout = null;

          // Reset sort

          var state = myDataTable.getState();

          state.sortedBy = {key:'name', dir:YAHOO.widget.DataTable.CLASS_ASC};

          // Get filtered data

          myDataSource.sendRequest(YUD.get('q_filter').value,{

              success : myDataTable.onDataReturnInitializeTable,

              failure : myDataTable.onDataReturnInitializeTable,

              scope   : myDataTable,

              argument: state

          });

      };

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

          if(!YUD.hasClass('q_filter', 'loaded')){

              //TODO: load here full list later to do search within groups

              YUD.addClass('q_filter', 'loaded');

          }

       });

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

          clearTimeout(filterTimeout);

          filterTimeout = setTimeout(updateFilter,600);

      });

    }

</script>

</%def>

## -*- coding: utf-8 -*-

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

<%def name="title()">

    ${_('Users administration')} · ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

</%def>

<%def name="page_nav()">

    ${self.menu('admin')}

</%def>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

        <ul class="links">

          <li>

            <span>${h.link_to(_(u'Add new user'),h.url('new_user'))}</span>

          </li>

        </ul>

    </div>

    <!-- end box / title -->

    <div class="table yui-skin-sam" id="users_list_wrap"></div>

    <div id="user-paginator" style="padding: 0px 0px 0px 20px"></div>

</div>

<script>

  var url = "${h.url('formatted_users', format='json')}";

  var data = ${c.data|n};

  var myDataSource = new YAHOO.util.DataSource(data);

  myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;

  myDataSource.responseSchema = {

      resultsList: "records",

      fields: [

          {key: "gravatar"},

          {key: "raw_username"},

          {key: "username"},

          {key: "firstname"},

          {key: "lastname"},

          {key: "last_login"},

          {key: "last_login_raw"},

          {key: "active"},

          {key: "admin"},

          {key: "ldap"},

          {key: "action"},

      ]

   };

  myDataSource.doBeforeCallback = function(req,raw,res,cb) {

      // This is the filter function

      var data     = res.results || [],

          filtered = [],

  var myDataTable = new YAHOO.widget.DataTable("users_list_wrap", myColumnDefs, myDataSource,{

    sortedBy:{key:"username",dir:"asc"},

    paginator: new YAHOO.widget.Paginator({

        rowsPerPage: 15,

        alwaysVisible: false,

        template : "{PreviousPageLink} {FirstPageLink} {PageLinks} {LastPageLink} {NextPageLink}",

        pageLinks: 5,

        containerClass: 'pagination-wh',

        currentPageClass: 'pager_curpage',

        pageLinkClass: 'pager_link',

        nextPageLinkLabel: '>',

        previousPageLinkLabel: '<',

        firstPageLinkLabel: '<<',

        lastPageLinkLabel: '>>',

        containers:['user-paginator']

    }),

    MSG_SORTASC:"${_('Click to sort ascending')}",

    MSG_SORTDESC:"${_('Click to sort descending')}",

    MSG_EMPTY:"${_('No records found.')}",

    MSG_ERROR:"${_('Data error.')}",

    MSG_LOADING:"${_('Loading...')}",

  }

  );

  myDataTable.subscribe('postRenderEvent',function(oArgs) {

  });

  var filterTimeout = null;

  updateFilter  = function () {

      // Reset timeout

      filterTimeout = null;

      // Reset sort

      var state = myDataTable.getState();

          state.sortedBy = {key:'username', dir:YAHOO.widget.DataTable.CLASS_ASC};

      // Get filtered data

      myDataSource.sendRequest(YUD.get('q_filter').value,{

          success : myDataTable.onDataReturnInitializeTable,

          failure : myDataTable.onDataReturnInitializeTable,

          scope   : myDataTable,

          argument: state

      });

  };

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

      clearTimeout(filterTimeout);

      filterTimeout = setTimeout(updateFilter,600);

  });

</script>

</%def>

## -*- coding: utf-8 -*-

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

<%def name="title()">

    ${_('%s Bookmarks') % c.repo_name} · ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    ${_('Bookmarks')}

</%def>

<%def name="page_nav()">

    ${self.menu('repositories')}

</%def>

<%def name="main()">

${self.context_bar('switch-to')}

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <!-- end box / title -->

    <div class="table">

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

    </div>

</div>

<script type="text/javascript">

// main table sorting

var myColumnDefs = [

    {key:"name",label:"${_('Name')}",sortable:true},

    {key:"date",label:"${_('Date')}",sortable:true,

        sortOptions: { sortFunction: dateSort }},

    {key:"author",label:"${_('Author')}",sortable:true},

    {key:"revision",label:"${_('Revision')}",sortable:true,

        sortOptions: { sortFunction: revisionSort }},

];

var myDataSource = new YAHOO.util.DataSource(YUD.get("bookmarks_data"));

myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;

myDataSource.responseSchema = {

    fields: [

        {key:"name"},

        {key:"date"},

        {key:"author"},

        {key:"revision"},

    ]

};

var myDataTable = new YAHOO.widget.DataTable("table_wrap", myColumnDefs, myDataSource,

        {

         sortedBy:{key:"name",dir:"asc"},

## -*- coding: utf-8 -*-

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

<%def name="title()">

    ${_('%s Branches') % c.repo_name} · ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    ${_('Branches')}

</%def>

<%def name="page_nav()">

    ${self.menu('repositories')}

</%def>

<%def name="main()">

${self.context_bar('switch-to')}

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <!-- end box / title -->

    %if c.repo_branches:

    <div class="info_box" id="compare_branches" style="clear: both;padding: 10px 19px;text-align: right;"><a href="#" class="ui-btn small">${_('Compare branches')}</a></div>

    %endif

    <div class="table">

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

    </div>

</div>

<script type="text/javascript">

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

    YUE.preventDefault(e);

    var org = YUQ('input[name=compare_org]:checked')[0];

    var other = YUQ('input[name=compare_other]:checked')[0];

    if(org && other){

        var compare_url = "${h.url('compare_url',repo_name=c.repo_name,org_ref_type='branch',org_ref='__ORG__',other_ref_type='branch',other_ref='__OTHER__')}";

        var u = compare_url.replace('__ORG__',org.value)

                           .replace('__OTHER__',other.value);

        window.location=u;

    }

});

// main table sorting

var myColumnDefs = [

    {key:"name",label:"${_('Name')}",sortable:true},

    {key:"date",label:"${_('Date')}",sortable:true,

        sortOptions: { sortFunction: dateSort }},

    {key:"author",label:"${_('Author')}",sortable:true},

    {key:"revision",label:"${_('Revision')}",sortable:true,

        sortOptions: { sortFunction: revisionSort }},

    {key:"compare",label:"${_('Compare')}",sortable:false,},

];

var myDataSource = new YAHOO.util.DataSource(YUD.get("branches_data"));

<%page args="parent" />

    <div class="box">

        <!-- box / title -->

        <div class="title">

            <h5>

            </h5>

            %if c.rhodecode_user.username != 'default':

              <ul class="links">

                %if h.HasPermissionAny('hg.admin','hg.create.repository')() or h.HasReposGroupPermissionAny('group.write', 'group.admin')(c.group.group_name if c.group else None):

                  <li>

                  %if c.group:

                        <span>${h.link_to(_('Add repository'),h.url('new_repo',parent_group=c.group.group_id))}</span>

                        %if h.HasPermissionAny('hg.admin')() or h.HasReposGroupPermissionAny('group.admin')(c.group.group_name):

                         <span>${h.link_to(_(u'Add group'),h.url('new_repos_group', parent_group=c.group.group_id))}</span>

                        %endif

                  %else:

                    <span>${h.link_to(_('Add repository'),h.url('new_repo'))}</span>

                    %if h.HasPermissionAny('hg.admin')():

                     <span>${h.link_to(_(u'Add group'),h.url('new_repos_group'))}</span>

                    %endif

                  %endif

                  </li>

                %endif

                %if c.group and h.HasReposGroupPermissionAny('group.admin')(c.group.group_name):

                <li>

                    <span>${h.link_to(_('Edit group'),h.url('edit_repos_group',group_name=c.group.group_name), title=_('You have admin right to this group, and can edit it'))}</span>

                </li>

                %endif

              </ul>

            %endif

        </div>

        <!-- end box / title -->

        <div class="table">

           % if c.groups:

            <div id='groups_list_wrap' class="yui-skin-sam">

              <table id="groups_list">

                  <thead>

                      <tr>

                          <th class="left"><a href="#">${_('Group name')}</a></th>

                          <th class="left"><a href="#">${_('Description')}</a></th>

                          ##<th class="left"><a href="#">${_('Number of repositories')}</a></th>

                      </tr>

                  </thead>

                  ## REPO GROUPS

                  % for gr in c.groups:

                    <tr>

                        <td>

                            <div style="white-space: nowrap">

                            <img class="icon" alt="${_('Repository group')}" src="${h.url('/images/icons/database_link.png')}"/>

                            ${h.link_to(gr.name,url('repos_group_home',group_name=gr.group_name))}

                            </div>

                        </td>

          paginator: new YAHOO.widget.Paginator({

              rowsPerPage: ${c.visual.lightweight_dashboard_items},

              alwaysVisible: false,

              template : "{PreviousPageLink} {FirstPageLink} {PageLinks} {LastPageLink} {NextPageLink}",

              pageLinks: 5,

              containerClass: 'pagination-wh',

              currentPageClass: 'pager_curpage',

              pageLinkClass: 'pager_link',

              nextPageLinkLabel: '>',

              previousPageLinkLabel: '<',

              firstPageLinkLabel: '<<',

              lastPageLinkLabel: '>>',

              containers:['user-paginator']

          }),

          MSG_SORTASC:"${_('Click to sort ascending')}",

          MSG_SORTDESC:"${_('Click to sort descending')}",

          MSG_EMPTY:"${_('No repositories found.')}",

          MSG_ERROR:"${_('Data error.')}",

          MSG_LOADING:"${_('Loading...')}",

        }

        );

        myDataTable.subscribe('postRenderEvent',function(oArgs) {

            tooltip_activate();

            quick_repo_menu();

        });

        var filterTimeout = null;

        updateFilter  = function () {

            // Reset timeout

            filterTimeout = null;

            // Reset sort

            var state = myDataTable.getState();

            state.sortedBy = {key:'name', dir:YAHOO.widget.DataTable.CLASS_ASC};

            // Get filtered data

            myDataSource.sendRequest(YUD.get('q_filter').value,{

                success : myDataTable.onDataReturnInitializeTable,

                failure : myDataTable.onDataReturnInitializeTable,

                scope   : myDataTable,

                argument: state

            });

        };

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

            if(!YUD.hasClass('q_filter', 'loaded')){

                //TODO: load here full list later to do search within groups

                YUD.addClass('q_filter', 'loaded');

            }

         });

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

            clearTimeout(filterTimeout);

            filterTimeout = setTimeout(updateFilter,600);

        });

      </script>

    % endif

## -*- coding: utf-8 -*-

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

<%def name="title()">

    ${_('Journal')} · ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs()">

    <h5>

    <form id="filter_form">

    <input class="q_filter_box ${'' if c.search_term else 'initial'}" id="j_filter" size="15" type="text" name="filter" value="${c.search_term or _('quick filter...')}"/>

    <span class="tooltip" title="${h.tooltip(h.journal_filter_help())}">?</span>

    <input type='submit' value="${_('filter')}" class="ui-btn" style="padding:0px 2px 0px 2px;margin:0px"/>

    ${_('journal')} - ${ungettext('%s entry', '%s entries', c.journal_pager.item_count) % (c.journal_pager.item_count)}

    </form>

    ${h.end_form()}

    </h5>

</%def>

<%def name="page_nav()">

    ${self.menu('journal')}

</%def>

<%def name="head_extra()">

<link href="${h.url('journal_atom', api_key=c.rhodecode_user.api_key)}" rel="alternate" title="${_('ATOM journal feed')}" type="application/atom+xml" />

<link href="${h.url('journal_rss', api_key=c.rhodecode_user.api_key)}" rel="alternate" title="${_('RSS journal feed')}" type="application/rss+xml" />

</%def>

<%def name="main()">

    <div class="box box-left">

        <!-- box / title -->

        <div class="title">

         ${self.breadcrumbs()}

         <ul class="links">

           <li>

             <span><a id="refresh" href="${h.url('journal')}"><img class="icon" title="${_('Refresh')}" alt="${_('Refresh')}" src="${h.url('/images/icons/arrow_refresh.png')}"/></a></span>

           </li>

           <li>

             <span><a href="${h.url('journal_atom', api_key=c.rhodecode_user.api_key)}"><img class="icon" title="${_('ATOM feed')}" alt="${_('ATOM feed')}" src="${h.url('/images/icons/rss_16.png')}"/></a></span>

           </li>

         </ul>

        </div>

        <div id="journal">${c.journal_data}</div>

    </div>

    <div class="box box-right">

        <!-- box / title -->

        <div class="title">

            <h5>

            </h5>

             <ul class="links" style="color:#DADADA">

               <li>

                 <span><a id="show_watched" class="link-white current" href="#watched">${_('Watched')}</a> </span>

               </li>

               <li>

                 <span><a id="show_my" class="link-white" href="#my">${_('My repos')}</a> </span>

               </li>

             </ul>

        </div>

        <!-- end box / title -->

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

            <div class="table yui-skin-sam" id="repos_list_wrap"></div>

            <div id="user-paginator" style="padding: 0px 0px 0px 20px"></div>

        </div>

        <div id="watched_container">

            <div class="table yui-skin-sam" id="watched_repos_list_wrap"></div>

            <div id="watched-user-paginator" style="padding: 0px 0px 0px 20px"></div>

        </div>

    </div>

    <script type="text/javascript">

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

        var jfilter = YUD.get('j_filter');

        if(YUD.hasClass(jfilter, 'initial')){

            jfilter.value = '';

        }

    });

    var fix_j_filter_width = function(len){

        YUD.setStyle(YUD.get('j_filter'),'width',Math.max(80, len*6.50)+'px');

    }

    YUE.on('j_filter','keyup',function(){

        fix_j_filter_width(YUD.get('j_filter').value.length);

    });

    YUE.on('filter_form','submit',function(e){

        YUE.preventDefault(e)

        var val = YUD.get('j_filter').value;

        window.location = "${url.current(filter='__FILTER__')}".replace('__FILTER__',val);

    });

    fix_j_filter_width(YUD.get('j_filter').value.length);

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

        ypjax("${h.url.current(filter=c.search_term)}","journal",function(){

            show_more_event();

            tooltip_activate();

          paginator: new YAHOO.widget.Paginator({

              rowsPerPage: 25,

              alwaysVisible: false,

              template : "{PreviousPageLink} {FirstPageLink} {PageLinks} {LastPageLink} {NextPageLink}",

              pageLinks: 5,

              containerClass: 'pagination-wh',

              currentPageClass: 'pager_curpage',

              pageLinkClass: 'pager_link',

              nextPageLinkLabel: '>',

              previousPageLinkLabel: '<',

              firstPageLinkLabel: '<<',

              lastPageLinkLabel: '>>',

              containers:['watched-user-paginator']

          }),

          MSG_SORTASC:"${_('Click to sort ascending')}",

          MSG_SORTDESC:"${_('Click to sort descending')}",

          MSG_EMPTY:"${_('No records found.')}",

          MSG_ERROR:"${_('Data error.')}",

          MSG_LOADING:"${_('Loading...')}",