self.rhodecode_user = c.rhodecode_user = auth_user

            if not self.rhodecode_user.is_authenticated and \

                       self.rhodecode_user.user_id is not None:

                self.rhodecode_user.set_authenticated(

                    cookie_store.get('is_authenticated')

                )

            log.info('IP: %s User: %s accessed %s' % (

               self.ip_addr, auth_user, safe_unicode(_get_access_path(environ)))

            )

            return WSGIController.__call__(self, environ, start_response)

        finally:

            meta.Session.remove()

class BaseRepoController(BaseController):

    """

    Base class for controllers responsible for loading all needed data for

    repository loaded items are

    c.rhodecode_repo: instance of scm repository

    c.rhodecode_db_repo: instance of db

    c.repository_followers: number of followers

    c.repository_forks: number of forks

    c.repository_following: weather the current user is following the current repo

    """

    def __before__(self):

        super(BaseRepoController, self).__before__()

        if c.repo_name:

            dbr = c.rhodecode_db_repo = Repository.get_by_repo_name(c.repo_name)

            c.rhodecode_repo = c.rhodecode_db_repo.scm_instance

            # update last change according to VCS data

            dbr.update_changeset_cache(dbr.get_changeset())

            if c.rhodecode_repo is None:

                log.error('%s this repository is present in database but it '

                          'cannot be created as an scm instance', c.repo_name)

                redirect(url('home'))

            # some globals counter for menu

            c.repository_followers = self.scm_model.get_followers(dbr)

            c.repository_forks = self.scm_model.get_forks(dbr)

            c.repository_pull_requests = self.scm_model.get_pull_requests(dbr)

            c.repository_following = self.scm_model.is_following_repo(c.repo_name,

                                                self.rhodecode_user.user_id)

            def before_cursor_execute(conn, cursor, statement,

                                    parameters, context, executemany):

                context._query_start_time = time.time()

                log.info(color_sql(">>>>> STARTING QUERY >>>>>"))

            def after_cursor_execute(conn, cursor, statement,

                                    parameters, context, executemany):

                total = time.time() - context._query_start_time

                log.info(color_sql("<<<<< TOTAL TIME: %f <<<<<" % total))

            event.listen(engine, "before_cursor_execute",

                         before_cursor_execute)

            event.listen(engine, "after_cursor_execute",

                         after_cursor_execute)

    return engine

def age(prevdate, show_short_version=False):

    """

    turns a datetime into an age string.

    If show_short_version is True, then it will generate a not so accurate but shorter string,

    example: 2days ago, instead of 2 days and 23 hours ago.

    :param prevdate: datetime object

    :param show_short_version: if it should aproximate the date and return a shorter string

    :rtype: unicode

    :returns: unicode words describing age

    """

    now = datetime.datetime.now()

    now = now.replace(microsecond=0)

    order = ['year', 'month', 'day', 'hour', 'minute', 'second']

    deltas = {}

    future = False

    if prevdate > now:

        now, prevdate = prevdate, now

        future = True

    # Get date parts deltas

    for part in order:

        if future:

            from dateutil import relativedelta

            d = relativedelta.relativedelta(now, prevdate)

            deltas[part] = getattr(d, part + 's')

        else:

            deltas[part] = getattr(now, part) - getattr(prevdate, part)

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

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

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

#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;

    background-color: #003B76 !important;

    padding: 0px;

    overflow: visible;

}

#header #header-inner #quick a,

#content #context-bar,

#content #context-bar a,

#content #context-bar button {

}

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

#content #context-bar a:hover,

#content #context-bar button:hover {

}

#content #context-bar .icon {

    display: inline-block;

    width: 16px;

    height: 16px;

    vertical-align: text-bottom;

}

ul.horizontal-list {

    display: block;

}

ul.horizontal-list > li {

    float: left;

    position: relative;

}

#header #header-inner #quick ul,

ul.horizontal-list > li ul {

    position: absolute;

    display: none;

    right: 0;

    z-index: 999;

    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.*/

    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4574a2', endColorstr='#2f5d8b',GradientType=0 ); /* IE6-9 */*/

}

#header #header-inner #quick a,

#context-actions a,

#context-pages a {

    background-repeat: no-repeat;

    background-position: 10px 50%;

    padding-left: 30px;

}

#quick a,

#context-pages ul ul a {

    padding-left: 10px;

}

ul#context-actions {

    display: inline-block;

    float: right;

    border-radius: 4px;

    background-image: linear-gradient(top, #4574a2 0%, #2f5d8b 100%);

}

#content ul#context-actions li {

    padding: 0px;

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

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

}

#context-actions button,

#context-actions a {

    display: block;

    cursor: pointer;

    background: none;

    border: none;

    margin: 0px;

    height: auto;

    padding: 10px 10px 10px 30px;

    background-repeat: no-repeat;

    background-position: 10px 50%;

    font-size: 1em;

}

#context-actions a {

    padding: 11px 10px 12px 30px;

}

#content  #context-actions button .show-following,

#content  #context-actions button .show-follow {

    display: none;

}

#content #context-bar #context-actions button.follow .show-follow {

    display: block;

}

#content #context-bar #context-actions button.following .show-following {

    display: block;

}

#context-state {

    background-color: #336699;

    border-top: 1px solid #517da8;

    min-height: 36px;

}

#context-pages {

    float: right;

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

}

    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+ */

    background: linear-gradient(to bottom, #5d5d5d 0%, #484848 100%); /* W3C */

}

#content #context-pages .icon {

    margin-right: 5px;

}

#header #header-inner #quick li,

#content #context-pages li {

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

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

    padding: 0;

}

#header #header-inner #quick li:last-child,

#content #context-pages li:last-child {

    border-right: none;

}

    position: relative;

    float: right;

    list-style-type: none;

    list-style-position: outside;

    margin: 4px 8px 0 0;

    padding: 0;

    border-radius: 4px;

}

#header #header-inner #quick li span.short {

    padding: 9px 6px 8px 6px;

}

#header #header-inner #quick li span {

    display: inline;

    margin: 0;

}

#header #header-inner #quick li span.normal {

    border: none;

    padding: 10px 12px 8px;

}

#header #header-inner #quick li span.icon {

    border-left: none;

}

#header #header-inner #quick li span.icon_short {

    top: 0;

    left: 0;

    border-left: none;

    border-right: 1px solid #2e5c89;

    padding: 8px 6px 4px;

}

#header #header-inner #quick li span.icon img, #header #header-inner #quick li span.icon_short img {

    vertical-align: middle;

    margin-bottom: 2px;

}

#header #header-inner #quick ul.repo_switcher {

    max-height: 275px;

    overflow-x: hidden;

    overflow-y: auto;

}

#header #header-inner #quick ul.repo_switcher li.qfilter_rs {

    padding: 2px 3px;

    padding-right: 17px;

}

#content #summary-menu-stats li:hover {

    background: #f0f0f0;

}

#content #summary-menu-stats li:first-child {

    border-top: none;

}

#summary-menu-stats a.followers { background-image: url('../images/icons/heart.png')}

#summary-menu-stats a.forks { background-image: url('../images/icons/arrow_divide.png')}

#summary-menu-stats a.settings { background-image: url('../images/icons/cog_edit.png')}

#summary-menu-stats a.feed { background-image: url('../images/icons/rss_16.png')}

#summary-menu-stats a.repo-size { background-image: url('../images/icons/server.png')}

#summary-menu-stats a {

    display: block;

    padding: 12px 30px;

    background-repeat: no-repeat;

    background-position: 10px 50%;

    padding-right: 10px;

}

#repo_size_2 {

    margin-left: 30px;

    display: block;

    padding-right: 10px;

    padding-bottom: 7px;

}

#summary-menu-stats a:hover {

    text-decoration: none;

}

#summary-menu-stats a span {

    background-color: #DEDEDE;

    color: 888 !important;

    border-radius: 4px;

    padding: 2px 4px;

    font-size: 10px;

}

#summary .metatag {

    display: inline-block;

    padding: 3px 5px;

    margin-bottom: 3px;

    margin-right: 1px;

#graph .container_header {

    padding: 10px;

    height: 25px;

}

#graph_content #rev_range_container {

    float: left;

    margin: 0px 0px 0px 3px;

}

#graph_content #rev_range_clear {

    float: left;

    margin: 0px 0px 0px 3px;

}

#graph_content #changesets {

    table-layout: fixed;

    border-collapse: collapse;

    border-left: none;

    border-right: none;

    border-color: #cdcdcd;

}

#graph_content #changesets td {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    height: 31px;

    border-color: #cdcdcd;

    text-align: left;

}

#graph_content .container .author {

   width: 105px;

}

#graph_content .container .hash {

    width: 100px;

    font-size: 0.85em;

}

#graph_content #changesets .container .date {

    width: 76px;

    color: #666;

    font-size: 10px;

}

    YUC.asyncRequest('POST',TOGGLE_FOLLOW_URL,{

        success:function(o){

        	onSuccessFollow(target);

        }

    },args);

    return false;

}

var showRepoSize = function(target, repo_name, token){

    var args= 'auth_token='+token;

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

        YUD.get(target).innerHTML = _TM['Loading ...'];

        var url = pyroutes.url('repo_size', {"repo_name":repo_name});

        YUC.asyncRequest('POST',url,{

            success:function(o){

            	YUD.get(target).innerHTML = JSON.parse(o.responseText);

            	YUD.addClass(target, 'loaded');

            }

        },args);    	

    }

    return false;	

}

/**

 * TOOLTIP IMPL.

 */

YAHOO.namespace('yuitip');

YAHOO.yuitip.main = {

	$:			YAHOO.util.Dom.get,

	bgColor:	'#000',

	speed:		0.3,

	opacity:	0.9,

	offset:		[15,15],

	useAnim:	false,

	maxWidth:	600,

	add_links:	false,

	yuitips:    [],

	set_listeners: function(tt){

		YUE.on(tt, 'mouseover', yt.show_yuitip,  tt);

		YUE.on(tt, 'mousemove', yt.move_yuitip,  tt);

		YUE.on(tt, 'mouseout',  yt.close_yuitip, tt);		

	},

	init: function(){

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

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

<%def name="title()">

    ${_('Edit repository')} ${c.repo_info.repo_name} - ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

  ${_('Edit Repository Settings')}

</%def>

<%def name="page_nav()">

    ${self.menu('options')}

</%def>

<%def name="main()">

<div class="box box-left">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    ${h.form(url('repo', repo_name=c.repo_info.repo_name),method='put')}

    <div class="form">

        <!-- fields -->

        <div class="fields">

            <div class="field">

                <div class="label">

                    <label for="repo_name">${_('Name')}:</label>

                </div>

                <div class="input">

                    ${h.text('repo_name',class_="medium")}

                </div>

           </div>

           <div class="field">

               <div class="label">

                   <label for="clone_uri">${_('Clone uri')}:</label>

               </div>

               <div class="input">

                   ${h.text('clone_uri',class_="medium")}

                 <span class="help-block">${_('Optional http[s] url from which repository should be cloned.')}</span>

</%def>

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

   %if c.repo_name:

    ${repo_context_bar(current)}

   %endif

</%def>

<%def name="admin_menu()">

  <ul class="admin_menu">

      <li>${h.link_to(_('admin journal'),h.url('admin_home'),class_='journal ')}</li>

      <li>${h.link_to(_('repositories'),h.url('repos'),class_='repos')}</li>

      <li>${h.link_to(_('repository groups'),h.url('repos_groups'),class_='repos_groups')}</li>

      <li>${h.link_to(_('users'),h.url('users'),class_='users')}</li>

      <li>${h.link_to(_('user groups'),h.url('users_groups'),class_='groups')}</li>

      <li>${h.link_to(_('permissions'),h.url('edit_permission',id='default'),class_='permissions')}</li>

      <li>${h.link_to(_('ldap'),h.url('ldap_home'),class_='ldap')}</li>

      <li>${h.link_to(_('defaults'),h.url('defaults'),class_='defaults')}</li>

      <li class="last">${h.link_to(_('settings'),h.url('admin_settings'),class_='settings')}</li>

  </ul>

</%def>

<%def name="admin_menu_simple()">

  <ul>

  </ul>

</%def>

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

  <%

      def follow_class():

          if c.repository_following:

              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="context-top">

      <div id="breadcrumbs">

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

        »

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

      </div>

      ## TODO: this check feels wrong, it would be better to have a check for permissions

      ## also it feels like a job for the controller

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

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

          <li>

           <button class="${follow_class()}" onclick="javascript:toggleFollowingRepo(this,${c.rhodecode_db_repo.repo_id},'${str(h.get_token())}');">

            <!--span class="icon show-follow follow"></span>

            <span class="icon show-following following"></span-->

            <span class="show-follow">${_('Follow')}</span>

            <span class="show-following">${_('Unfollow')}</span>

          </button>

          </li>

          <li><a href="${h.url('repo_fork_home',repo_name=c.repo_name)}" class="fork">${_('Fork')}</a></li>

          %if h.is_hg(c.rhodecode_repo):

          <li><a href="${h.url('pullrequest_home',repo_name=c.repo_name)}" class="pull-request">${_('Create Pull Request')}</a></li>

          %endif

        </ul>

      %endif

    </div>

    <div id="context-state">

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

          <ul>

             %if h.HasRepoPermissionAll('repository.admin')(c.repo_name):

               %if h.HasPermissionAll('hg.admin')('access settings on repository'):

                   <li>${h.link_to(_('Settings'),h.url('edit_repo',repo_name=c.repo_name),class_='settings')}</li>

               %else:

                   <li>${h.link_to(_('Settings'),h.url('repo_settings_home',repo_name=c.repo_name),class_='settings')}</li>

               %endif

             %endif

              %if c.rhodecode_db_repo.fork:

               <li>${h.link_to(_('Compare fork'),h.url('compare_url',repo_name=c.rhodecode_db_repo.fork.repo_name,org_ref_type='branch',org_ref='default',other_repo=c.repo_name,other_ref_type='branch',other_ref=request.GET.get('branch') or 'default'),class_='compare_request')}</li>

              %endif

              <li>${h.link_to(_('Lightweight changelog'),h.url('shortlog_home',repo_name=c.repo_name),class_='shortlog')}</li>

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>${self.title()}</title>

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

        <meta name="robots" content="index, nofollow"/>

        <link rel="icon" href="${h.url('/images/icons/database_gear.png')}" type="image/png" />

        ## CSS ###

        <%def name="css()">

            <link rel="stylesheet" type="text/css" href="${h.url('/css/style.css', ver=c.rhodecode_version)}" media="screen"/>

            <link rel="stylesheet" type="text/css" href="${h.url('/css/pygments.css', ver=c.rhodecode_version)}"/>

            <link rel="stylesheet" type="text/css" href="${h.url('/css/contextbar.css', ver=c.rhodecode_version)}"/>

            ## EXTRA FOR CSS

            ${self.css_extra()}

        </%def>

        <%def name="css_extra()">

        </%def>

        ${self.css()}

        %if c.ga_code:

        <!-- Analytics -->

        <script type="text/javascript">

            var _gaq = _gaq || [];

            _gaq.push(['_setAccount', '${c.ga_code}']);

            _gaq.push(['_trackPageview']);

            (function() {

                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

                })();

        </script>

        %endif

<%def name="title()">

${_('%s Changelog') % c.repo_name} - ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    <% size = c.size if c.size <= c.total_cs else c.total_cs %>

    ${_('Changelog')} - ${ungettext('showing %d out of %d revision', 'showing %d out of %d revisions', size) % (size, c.total_cs)}

</%def>

<%def name="page_nav()">

    ${self.menu('changelog')}

</%def>

<%def name="main()">

${self.context_bar('changelog')}

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        % if c.pagination:

            <div id="graph">

                    <a href="#" class="ui-btn small" id="rev_range_container" style="display:none"></a>

                    <a href="#" class="ui-btn small" id="rev_range_clear" style="display:none">${_('Clear selection')}</a>

                    %if c.rhodecode_db_repo.fork:

                        <a id="compare_fork" title="${_('Compare fork with %s' % c.rhodecode_db_repo.fork.repo_name)}" href="${h.url('compare_url',repo_name=c.rhodecode_db_repo.fork.repo_name,org_ref_type='branch',org_ref='default',other_repo=c.repo_name,other_ref_type='branch',other_ref=request.GET.get('branch') or 'default',merge=1)}" class="ui-btn small">${_('Compare fork with parent')}</a>

                    %endif

                    %if h.is_hg(c.rhodecode_repo):

                    <a id="open_new_pr" href="${h.url('pullrequest_home',repo_name=c.repo_name)}" class="ui-btn small">${_('Open new pull request')}</a>

                    %endif

                </div>

                <div class="container_header">

                    ${h.form(h.url.current(),method='get')}

                    <div style="float:left">

                        ${h.submit('set',_('Show'),class_="ui-btn")}

                        ${h.text('size',size=1,value=c.size)}

                        ${_('revisions')}

                    </div>

                    ${h.end_form()}

                    <div style="float:right">${h.select('branch_filter',c.branch_name,c.branch_filters)}</div>

                </div>

                <div id="graph_nodes">

                    <canvas id="graph_canvas"></canvas>

                </div>

                <div id="graph_content">

                                        %for book in cs.bookmarks:

                                            <div class="bookbook" title="${'%s %s' % (_('bookmark'),book)}">

                                                ${h.link_to(h.shorter(book),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}

                                            </div>

                                        %endfor

                                    %endif

                                    %for tag in cs.tags:

                                        <div class="tagtag"  title="${'%s %s' % (_('tag'),tag)}">

                                            ${h.link_to(h.shorter(tag),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}

                                        </div>

                                    %endfor

                                    %if (not c.branch_name) and cs.branch:

                                        <div class="branchtag" title="${'%s %s' % (_('branch'),cs.branch)}">

                                            ${h.link_to(h.shorter(cs.branch),h.url('changelog_home',repo_name=c.repo_name,branch=cs.branch))}

                                        </div>

                                    %endif

                                </div>

                            </div>

                        </td>

                    </tr>

                %endfor

                </tbody>

                </table>

                <div class="pagination-wh pagination-left">

                    ${c.pagination.pager('$link_previous ~2~ $link_next')}

                </div>

            </div>

        </div>

        <script type="text/javascript" src="${h.url('/js/graph.js')}"></script>

        <script type="text/javascript">

            YAHOO.util.Event.onDOMReady(function(){

                //Monitor range checkboxes and build a link to changesets

                //ranges

                var checkboxes = YUD.getElementsByClassName('changeset_range');

                var url_tmpl = "${h.url('changeset_home',repo_name=c.repo_name,revision='__REVRANGE__')}";

                var pr_tmpl = "${h.url('pullrequest_home',repo_name=c.repo_name)}";

                    var checked_checkboxes = [];

                    for (pos in checkboxes){

                        if(checkboxes[pos].checked){

                            checked_checkboxes.push(checkboxes[pos]);

                        }

                    }

                    if(YUD.get('open_new_pr')){

                            if(checked_checkboxes.length>0){

                            }else{

                            }

                        }

                    if(checked_checkboxes.length>0){

                        var rev_end = checked_checkboxes[0].name;

                        var rev_start = checked_checkboxes[checked_checkboxes.length-1].name;

                        var url = url_tmpl.replace('__REVRANGE__',

                                rev_start+'...'+rev_end);

                        var link = (rev_start == rev_end)

                            ? _TM['Show selected change __S']

                            : _TM['Show selected changes __S -> __E'];

                        link = link.replace('__S',rev_start.substr(0,6));

                        link = link.replace('__E',rev_end.substr(0,6));

                        YUD.get('rev_range_container').href = url;

                        YUD.get('rev_range_container').innerHTML = link;

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

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

                        YUD.get('open_new_pr').href = pr_tmpl + '?rev_start={0}&rev_end={1}'.format(rev_start,rev_end);

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

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

                        }

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

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

                        var cb = checkboxes[i];

                        cb.checked = false;

                    }

                    YUE.preventDefault(e);

                });

                var msgs = YUQ('.message');

                // get first element height

                var el = YUQ('#graph_content .container')[0];

                var row_h = el.clientHeight;

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

                    var m = msgs[i];

                    var h = m.clientHeight;

                    var pad = YUD.getStyle(m,'padding');

                    if(h > row_h){

                        var offset = row_h - (h+12);

                        YUD.setStyle(m.nextElementSibling,'display','block');

                        YUD.setStyle(m.nextElementSibling,'margin-top',offset+'px');

                    };

                }

                YUE.on(YUQ('.expand'),'click',function(e){

                    var elem = e.currentTarget.parentNode.parentNode;

                    YUD.setStyle(e.currentTarget,'display','none');

                    YUD.setStyle(elem,'height','auto');

                    //redraw the graph, line_count and jsdata are global vars

                    var r = new BranchRenderer();

                    r.render(jsdata,100,line_count);

                });