#context-bar a.users { background-image: url("../images/icons/user_edit.png"); }

#context-bar a.groups { background-image: url("../images/icons/group_edit.png"); }

#context-bar a.permissions { background-image: url("../images/icons/key.png"); }

#context-bar a.ldap { background-image: url("../images/icons/server_key.png"); }

#context-bar a.defaults { background-image: url("../images/icons/wrench.png"); }

#context-bar a.settings { background-image: url("../images/icons/cog_edit.png"); }

#context-bar a.compare_request { background-image: url('../images/icons/arrow_inout.png')}

#context-bar a.locking_del { background-image: url('../images/icons/lock_delete.png')}

#context-bar a.locking_add { background-image: url('../images/icons/lock_add.png')}

#content #context-bar {

    position: relative;

    overflow: visible;

}

#header #header-inner #quick a,

#content #context-bar,

#content #context-bar a {

    color: #FFFFFF;

}

#header #header-inner #quick a:hover,

#content #context-bar a:hover {

    text-decoration: none;

}

    max-height: 400px;

    overflow-x: hidden;

    overflow-y: auto;

}

#header #header-inner #quick ul a,

ul.horizontal-list li a {

    white-space: nowrap;

}

#breadcrumbs {

    float: left;

    padding-left: 5px;

    font-weight: bold;

    font-size: 14px;

}

#breadcrumbs span {

    font-weight: bold;

    font-size: 1.8em;

}

#header #header-inner #quick ul,

#revision-changer,

#context-pages,

#context-pages ul {

    background: #3b6998; /* Old browsers */

    background: -moz-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4574a2), color-stop(100%,#2f5d8b)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* IE10+ */

    background: linear-gradient(to bottom, #4574a2 0%, #2f5d8b 100%); /* W3C */

    /*Filter on IE will also use overflow:hidden implicitly, and that would clip our inner menus.*/

    margin: auto;

    margin-bottom: 5px;

    display: block;

    clear: both;

    float: none;

}

#content #context-pages .follow .show-following,

#content #context-pages .following .show-follow {

    display: none;

}

#context-pages {

    float: right;

    border-left: 1px solid rgba(0,0,0,0.1);

}

#context-pages li.current {

    background: #535353; /* Old browsers */

    background: -moz-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(100%,#484848)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* IE10+ */

              return h.literal('following')

          else:

              return h.literal('follow')

  %>

  <%

    def is_current(selected):

        if selected == current:

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

    %>

  <!--- CONTEXT BAR -->

  <div id="context-bar" class="box">

      <div id="breadcrumbs">

        ${h.link_to(_(u'Repositories'),h.url('home'))}

        »

        ${h.repo_link(c.rhodecode_db_repo.groups_and_repo)}

      </div>

      <ul id="context-pages" class="horizontal-list">

        <li ${is_current('summary')}><a href="${h.url('summary_home', repo_name=c.repo_name)}" class="summary">${_('Summary')}</a></li>

        <li ${is_current('changelog')}><a href="${h.url('changelog_home', repo_name=c.repo_name)}" class="changelogs">${_('Changelog')}</a></li>

        <li ${is_current('files')}><a href="${h.url('files_home', repo_name=c.repo_name)}" class="files"></span>${_('Files')}</a></li>

        <li ${is_current('switch-to')}>

          <a href="#" id="branch_tag_switcher_2" class="dropdown switch-to"></span>${_('Switch To')}</a>

          <ul id="switch_to_list_2" class="switch_to submenu">

            <li><a href="#">${_('loading...')}</a></li>

          </ul>

        </li>

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

          <a href="#" class="dropdown options"></span>${_('Options')}</a>

		          %endif

		      %endif

             </ul>

        </li>

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

          <a href="${h.url('pullrequest_show_all',repo_name=c.repo_name)}" title="${_('Show Pull Requests')}" class="pull-request">${_('Pull Requests')}

            %if c.repository_pull_requests:

              <span>${c.repository_pull_requests}</span>

            %endif

          </a>

        </li>

      </ul>

  </div>

  <script type="text/javascript">

      YUE.on('branch_tag_switcher_2','mouseover',function(){

         var loaded = YUD.hasClass('branch_tag_switcher_2','loaded');

         if(!loaded){

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

             ypjax("${h.url('branch_tag_switcher',repo_name=c.repo_name)}",'switch_to_list_2',

                 function(o){},

                 function(o){YUD.removeClass('branch_tag_switcher_2','loaded');}

                 ,null);

         }

         return false;