<span class="changeset_id">${p_cs.revision}:<span class="changeset_hash">${h.link_to(h.short_id(p_cs.raw_id),

                                            h.url('changeset_home',repo_name=c.repo_name,revision=p_cs.raw_id),title=p_cs.message)}</span></span>

                                        </div>

                                    %endfor

                                   %else:

                                        <div class="parent">${_('No parents')}</div>

                                   %endif

                                <span class="logtags">

                                    %if len(cs.parents)>1:

                                    <span class="merge">${_('merge')}</span>

                                    %endif

                                    %if cs.branch:

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

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

                                    </span>

                                    %endif

                                    %if h.is_hg(c.rhodecode_repo):

                                      %for book in cs.bookmarks:

                                      <span 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))}

                                      </span>

                                      %endfor

                                    %endif

                                    %for tag in cs.tags:

                                        <span 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))}</span>

                                    %endfor

                                </span>

                        </div>

                    </div>

                %endfor

                <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 clicked_cb = e.currentTarget;

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

                            // modify open pull request to show we have selected cs

                            YUD.get('open_new_pr').innerHTML = _TM['Open new pull request for selected changesets'];

                          }else{

                            YUD.get('open_new_pr').innerHTML = _TM['Open new pull request'];

                          }

                        }

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

                        }

                        else{

                            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

                        set_canvas(100);

                        var r = new BranchRenderer();

                        r.render(jsdata,100,line_count);

                    })

                    // Fetch changeset details

                    YUE.on(YUD.getElementsByClassName('changed_total'),'click',function(e){

                        var id = e.currentTarget.id;

                        var url = "${h.url('changelog_details',repo_name=c.repo_name,cs='__CS__')}";

                        var url = url.replace('__CS__',id.replace('changed_total_',''));

                        ypjax(url,id,function(){tooltip_activate()});

                    });

                    // change branch filter

                    YUE.on(YUD.get('branch_filter'),'change',function(e){

                        var selected_branch = e.currentTarget.options[e.currentTarget.selectedIndex].value;

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

                        var url = "${h.url('changelog_home',repo_name=c.repo_name,branch='__BRANCH__')}";