data: {},

                      dataType: 'json',

                      type: 'GET',

                      success: function(data) {

                          bcache[key] = data;

                          query.callback(data);

                      }

                  });

              }

          }

      });

      $("#branch_switcher").on('select2-selecting', function(e) {

          e.preventDefault();

          var context = $('#context-bar .current').data('context');

          if (context == 'files') {

              window.location = pyroutes.url('files_home', {

                  'repo_name': REPO_NAME,

                  'revision': e.choice.id,

                  'f_path': '',

                  'at': e.choice.text

              });

          } else if (context == 'changelog') {

              if (e.choice.type == 'tag' || e.choice.type == 'book') {

              }

              $("#branch_filter").val(e.choice.text).change();

          } else {

              window.location = pyroutes.url('changelog_home', {

                  'repo_name': '${c.repo_name}',

                  'branch': e.choice.text

              });

          }

      });

    });

  </script>

  <!--- END CONTEXT BAR -->

</%def>

<%def name="menu(current=None)">

  <%

  def is_current(selected):

      if selected == current:

          return h.literal('class="current"')

  %>

  <ul id="quick" class="horizontal-list">

    <!-- repo switcher -->

    <li ${is_current('repositories')}>

  var pendingajax = undefined;

  var otherrepoChanged = function(){

      var $other_ref = $('#other_ref');

      $other_ref.prop('disabled', true);

      var repo_name = $('#other_repo').val();

      if (pendingajax) {

          pendingajax.abort();

          pendingajax = undefined;

      }

      pendingajax = ajaxGET(pyroutes.url('pullrequest_repo_info', {"repo_name": repo_name}),

          function(data){

              pendingajax = undefined;

              $('#other_repo_desc').html(data.description);

              // replace options of other_ref with the ones for the current other_repo

              $other_ref.empty();

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

              {

                var $optgroup = $('<optgroup/>').prop('label', data.refs[i][1]);

                var options = data.refs[i][0];

                var length = options.length;

                for(var j = 0; j < length; j++)

                {

                }

                $other_ref.append($optgroup);

              }

              $other_ref.val(data.selected_ref);

              // re-populate the select2 thingy

              $("#other_ref").select2({

                  dropdownAutoWidth: true

              });

              $other_ref.prop('disabled', false);

              loadPreview();

          });

  };

  var loadPreview = function(){

      //url template

      var url = "${h.url('compare_url',

                         repo_name='__other_repo__',

                         org_ref_type='rev',

                         org_ref_name='__other_ref_name__',

                         other_repo='__org_repo__',

                         other_ref_type='rev',

                         other_ref_name='__org_ref_name__',