diff --git a/rhodecode/templates/summary/summary.html b/rhodecode/templates/summary/summary.html
--- a/rhodecode/templates/summary/summary.html
+++ b/rhodecode/templates/summary/summary.html
@@ -1,11 +1,37 @@
 <%inherit file="/base/base.html"/>
 
 <%def name="title()">
-    ${_('%s Summary') % c.repo_name} &middot; ${c.rhodecode_name}
+    ${_('%s Summary') % c.repo_name}
+    %if c.rhodecode_name:
+        &middot; ${c.rhodecode_name}
+    %endif
 </%def>
 
 <%def name="breadcrumbs_links()">
     ${_('Summary')}
+
+    ## locking icon
+    %if c.rhodecode_db_repo.enable_locking:
+     %if c.rhodecode_db_repo.locked[0]:
+       <span class="locking_locked tooltip" title="${_('Repository locked by %s') % h.person_by_id(c.rhodecode_db_repo.locked[0])}"></span>
+     %else:
+       <span class="locking_unlocked tooltip" title="${_('Repository unlocked')}"></span>
+     %endif
+    %endif
+
+    ##FORK
+    %if c.rhodecode_db_repo.fork:
+    <span>
+        - <i class="icon-code-fork"></i> ${_('Fork of')} "<a href="${h.url('summary_home',repo_name=c.rhodecode_db_repo.fork.repo_name)}">${c.rhodecode_db_repo.fork.repo_name}</a>"
+    </span>
+    %endif
+
+    ##REMOTE
+    %if c.rhodecode_db_repo.clone_uri:
+    <span>
+       - <i class="icon-code-fork"></i> ${_('Clone from')} "<a href="${h.url(str(h.hide_credentials(c.rhodecode_db_repo.clone_uri)))}">${h.hide_credentials(c.rhodecode_db_repo.clone_uri)}</a>"
+    <span>
+    %endif
 </%def>
 
 <%def name="page_nav()">
@@ -13,8 +39,8 @@
 </%def>
 
 <%def name="head_extra()">
-<link href="${h.url('atom_feed_home',repo_name=c.dbrepo.repo_name,api_key=c.rhodecode_user.api_key)}" rel="alternate" title="${_('%s ATOM feed') % c.repo_name}" type="application/atom+xml" />
-<link href="${h.url('rss_feed_home',repo_name=c.dbrepo.repo_name,api_key=c.rhodecode_user.api_key)}" rel="alternate" title="${_('%s RSS feed') % c.repo_name}" type="application/rss+xml" />
+<link href="${h.url('atom_feed_home',repo_name=c.rhodecode_db_repo.repo_name,api_key=c.rhodecode_user.api_key)}" rel="alternate" title="${_('%s ATOM feed') % c.repo_name}" type="application/atom+xml" />
+<link href="${h.url('rss_feed_home',repo_name=c.rhodecode_db_repo.repo_name,api_key=c.rhodecode_user.api_key)}" rel="alternate" title="${_('%s RSS feed') % c.repo_name}" type="application/rss+xml" />
 
 <script>
 redirect_hash_branch = function(){
@@ -37,11 +63,7 @@ ${self.repo_context_bar('summary')}
     <%
     summary = lambda n:{False:'summary-short'}.get(n)
     %>
-    %if c.show_stats:
-        <div class="box box-left">
-    %else:
-        <div class="box">
-    %endif
+    <div class="box">
     <!-- box / title -->
     <div class="title">
         ${self.breadcrumbs()}
@@ -49,94 +71,28 @@ ${self.repo_context_bar('summary')}
     <!-- end box / title -->
     <div class="form">
       <div id="summary" class="fields">
-
-             <div class="field">
-              <div class="label-summary">
-                  <label>${_('Name')}:</label>
-              </div>
-              <div class="input ${summary(c.show_stats)}">
-
-                   ## locking icon
-                    %if c.rhodecode_db_repo.enable_locking:
-                      %if c.rhodecode_db_repo.locked[0]:
-                        <span class="locking_locked tooltip" title="${_('Repository locked by %s') % h.person_by_id(c.rhodecode_db_repo.locked[0])}"></span>
-                      %else:
-                        <span class="locking_unlocked tooltip" title="${_('Repository unlocked')}"></span>
-                      %endif
-                    %endif
-                 ##REPO TYPE
-                 %if h.is_hg(c.dbrepo):
-                   <img style="margin-bottom:2px" class="icon" title="${_('Mercurial repository')}" alt="${_('Mercurial repository')}" src="${h.url('/images/icons/hgicon.png')}"/>
-                 %endif
-                 %if h.is_git(c.dbrepo):
-                   <img style="margin-bottom:2px" class="icon" title="${_('Git repository')}" alt="${_('Git repository')}" src="${h.url('/images/icons/giticon.png')}"/>
-                 %endif
-
-                 ##PUBLIC/PRIVATE
-                 %if c.dbrepo.private:
-                    <img style="margin-bottom:2px" class="icon" title="${_('Private repository')}" alt="${_('Private repository')}" src="${h.url('/images/icons/private_repo.png')}"/>
-                 %else:
-                    <img style="margin-bottom:2px" class="icon" title="${_('Public repository')}" alt="${_('Public repository')}" src="${h.url('/images/icons/public_repo.png')}"/>
-                 %endif
-
-                  ##REPO NAME
-                  <span class="repo_name" title="${_('Non changable ID %s') % c.dbrepo.repo_id}">${h.repo_link(c.dbrepo.groups_and_repo)}</span>
+        <div class="field">
+            <div class="label-summary">
+              <label>${_('Clone url')}:</label>
+            </div>
+            <div class="input ${summary(c.show_stats)}">
+              <input style="width:80%" type="text" id="clone_url" readonly="readonly" value="${c.clone_repo_url}"/>
+              <input style="display:none;width:80%" type="text" id="clone_url_id" readonly="readonly" value="${c.clone_repo_url_id}"/>
+              <div style="display:none" id="clone_by_name" class="btn btn-small clone">${_('Show by Name')}</div>
+              <div id="clone_by_id" class="btn btn-small clone">${_('Show by ID')}</div>
+            </div>
+        </div>
 
-                  ##FORK
-                  %if c.dbrepo.fork:
-                    <div style="margin-top:5px;clear:both">
-                        <img class="icon" alt="${_('Public')}" title="${_('Fork of')} ${c.dbrepo.fork.repo_name}" src="${h.url('/images/icons/arrow_divide.png')}"/>
-                        ${_('Fork of')}
-                        <a href="${h.url('summary_home',repo_name=c.dbrepo.fork.repo_name)}">${c.dbrepo.fork.repo_name}</a>
-                    </div>
-                  %endif
-                  ##REMOTE
-                  %if c.dbrepo.clone_uri:
-                    <div style="margin-top:5px;clear:both">
-                        ${_('Clone from')}
-                        <img class="icon" alt="${_('Remote clone')}" title="${_('Clone from')} ${h.hide_credentials(c.dbrepo.clone_uri)}" src="${h.url('/images/icons/connect.png')}"/>
-                        <a href="${h.url(str(h.hide_credentials(c.dbrepo.clone_uri)))}">${h.hide_credentials(c.dbrepo.clone_uri)}</a>
-                    </div>
-                  %endif
-              </div>
-             </div>
-
-             <div class="field">
-              <div class="label-summary">
-                  <label>${_('Description')}:</label>
-              </div>
-              %if c.visual.stylify_metatags:
-                <div class="input ${summary(c.show_stats)} desc">${h.urlify_text(h.desc_stylize(c.dbrepo.description))}</div>
-              %else:
-                <div class="input ${summary(c.show_stats)} desc">${h.urlify_text(c.dbrepo.description)}</div>
-              %endif
-             </div>
-
-             <div class="field">
-              <div class="label-summary">
-                  <label>${_('Contact')}:</label>
-              </div>
-              <div class="input ${summary(c.show_stats)}">
-                  <div class="gravatar">
-                      <img alt="gravatar" src="${h.gravatar_url(c.dbrepo.user.email)}"/>
-                  </div>
-                      ${_('Username')}: ${c.dbrepo.user.username}<br/>
-                      ${_('Name')}: ${c.dbrepo.user.name} ${c.dbrepo.user.lastname}<br/>
-                      ${_('Email')}: <a href="mailto:${c.dbrepo.user.email}">${c.dbrepo.user.email}</a>
-              </div>
-             </div>
-
-             <div class="field">
-              <div class="label-summary">
-                  <label>${_('Clone url')}:</label>
-              </div>
-              <div class="input ${summary(c.show_stats)}">
-                  <input style="width:${'75%' if c.show_stats else '80%'}" type="text" id="clone_url" readonly="readonly" value="${c.clone_repo_url}"/>
-                  <input style="display:none;width:${'75%' if c.show_stats else '80%'}" type="text" id="clone_url_id" readonly="readonly" value="${c.clone_repo_url_id}"/>
-                  <div style="display:none" id="clone_by_name" class="ui-btn clone">${_('Show by Name')}</div>
-                  <div id="clone_by_id" class="ui-btn clone">${_('Show by ID')}</div>
-              </div>
-             </div>
+        <div class="field">
+          <div class="label-summary">
+              <label>${_('Description')}:</label>
+          </div>
+             %if c.visual.stylify_metatags:
+               <div class="input ${summary(c.show_stats)} desc">${h.urlify_text(h.desc_stylize(c.rhodecode_db_repo.description))}</div>
+             %else:
+               <div class="input ${summary(c.show_stats)} desc">${h.urlify_text(c.rhodecode_db_repo.description)}</div>
+             %endif
+        </div>
 
              <div class="field">
               <div class="label-summary">
@@ -148,7 +104,7 @@ ${self.repo_context_bar('summary')}
                 %else:
                    ${_('Statistics are disabled for this repository')}
                    %if h.HasPermissionAll('hg.admin')('enable stats on from summary'):
-                        ${h.link_to(_('Enable'),h.url('edit_repo',repo_name=c.repo_name),class_="ui-btn")}
+                        ${h.link_to(_('Enable'),h.url('edit_repo',repo_name=c.repo_name, anchor='repo_enable_statistics'),class_="btn btn-mini")}
                    %endif
                 %endif
               </div>
@@ -164,11 +120,13 @@ ${self.repo_context_bar('summary')}
                 %elif not c.enable_downloads:
                   ${_('Downloads are disabled for this repository')}
                     %if h.HasPermissionAll('hg.admin')('enable downloads on from summary'):
-                        ${h.link_to(_('Enable'),h.url('edit_repo',repo_name=c.repo_name),class_="ui-btn")}
+                        ${h.link_to(_('Enable'),h.url('edit_repo',repo_name=c.repo_name, anchor='repo_enable_downloads'),class_="btn btn-mini")}
                     %endif
                 %else:
-                    <span id="${'zip_link'}">${h.link_to(_('Download as zip'), h.url('files_archive_home',repo_name=c.dbrepo.repo_name,fname='tip.zip'),class_="archive_icon ui-btn")}</span>
-                    ${h.select('download_options',c.rhodecode_repo.get_changeset().raw_id,c.download_options)}
+                    <span id="${'zip_link'}">
+                        <a class="btn btn-small" href="${h.url('files_archive_home',repo_name=c.rhodecode_db_repo.repo_name,fname='tip.zip')}"><i class="icon-archive"></i> ${_('Download as zip')}</a>
+                    </span>
+                    ${h.hidden('download_options')}
                     <span style="vertical-align: bottom">
                       <input id="archive_subrepos" type="checkbox" name="subrepos" />
                       <label for="archive_subrepos" class="tooltip" title="${h.tooltip(_('Check this to download archive with subrepos'))}" >${_('with subrepos')}</label>
@@ -180,76 +138,55 @@ ${self.repo_context_bar('summary')}
         <div id="summary-menu-stats">
           <ul>
             <li>
-               <a class="followers" title="${_('Followers')}" href="${h.url('repo_followers_home',repo_name=c.repo_name)}">
-                ${_('Followers')}
-                <span style="float:right" id="current_followers_count">${c.repository_followers}</span>
+               <a title="${_('Owner')} ${c.rhodecode_db_repo.user.email}">
+                <i class="icon-user"></i> ${c.rhodecode_db_repo.user.username}
+                  <div class="gravatar" style="float: right; margin: 0px 0px 0px 0px" title="${c.rhodecode_db_repo.user.name} ${c.rhodecode_db_repo.user.lastname}">
+                     <img alt="gravatar" src="${h.gravatar_url(c.rhodecode_db_repo.user.email, 18)}"/>
+                  </div>
               </a>
             </li>
             <li>
-              <a class="forks" title="${_('Forks')}" href="${h.url('repo_forks_home',repo_name=c.repo_name)}">
-                ${_('Forks')}
-                <span style="float:right">${c.repository_forks}</span>
+               <a title="${_('Followers')}" href="${h.url('repo_followers_home',repo_name=c.repo_name)}">
+                <i class="icon-heart"></i> ${_('Followers')}
+                <span class="stats-bullet" id="current_followers_count">${c.repository_followers}</span>
+              </a>
+            </li>
+            <li>
+              <a title="${_('Forks')}" href="${h.url('repo_forks_home',repo_name=c.repo_name)}">
+                <i class="icon-code-fork"></i> ${_('Forks')}
+                <span class="stats-bullet">${c.repository_forks}</span>
               </a>
             </li>
 
             %if c.rhodecode_user.username != 'default':
             <li class="repo_size">
-              <a href="#" class="repo-size" onclick="javascript:showRepoSize('repo_size_2','${c.dbrepo.repo_name}','${str(h.get_token())}')">${_('Repository Size')}</a>
-              <span id="repo_size_2"></span>
+              <a href="#" onclick="javascript:showRepoSize('repo_size_2','${c.rhodecode_db_repo.repo_name}','${str(h.get_token())}')"><i class="icon-archive"></i> ${_('Repository Size')}</a>
+              <span  class="stats-bullet" id="repo_size_2"></span>
             </li>
             %endif
 
             <li>
             %if c.rhodecode_user.username != 'default':
-              ${h.link_to(_('Feed'),h.url('atom_feed_home',repo_name=c.dbrepo.repo_name,api_key=c.rhodecode_user.api_key),class_='feed')}
+              <a href="${h.url('atom_feed_home',repo_name=c.rhodecode_db_repo.repo_name,api_key=c.rhodecode_user.api_key)}"><i class="icon-rss-sign"></i> ${_('Feed')}</a>
             %else:
-              ${h.link_to(_('Feed'),h.url('atom_feed_home',repo_name=c.dbrepo.repo_name),class_='feed')}
+              <a href="${h.url('atom_feed_home',repo_name=c.rhodecode_db_repo.repo_name)}"><i class="icon-rss-sign"></i> ${_('Feed')}</a>
             %endif
             </li>
 
-            %if h.HasRepoPermissionAll('repository.admin')(c.repo_name):
-             <li>
-                  ${h.link_to(_('Settings'),h.url('edit_repo',repo_name=c.repo_name),class_='settings')}
-             </li>
+            %if c.show_stats:
+            <li>
+              <a title="${_('Statistics')}" href="${h.url('repo_stats_home',repo_name=c.repo_name)}">
+                <i class="icon-bar-chart"></i> ${_('Statistics')}
+              </a>
+            </li>
             %endif
           </ul>
         </div>
     </div>
 </div>
 
-%if c.show_stats:
-<div class="box box-right"  style="min-height:455px">
-    <!-- box / title -->
-    <div class="title">
-        <h5>${_('Commit activity by day / author')}</h5>
-    </div>
 
-    <div class="graph">
-         <div style="padding:0 10px 10px 17px;">
-         %if c.no_data:
-           ${c.no_data_msg}
-           %if h.HasPermissionAll('hg.admin')('enable stats on from summary'):
-                ${h.link_to(_('enable'),h.url('edit_repo',repo_name=c.repo_name),class_="ui-btn")}
-           %endif
-        %else:
-            ${_('Stats gathered: ')} ${c.stats_percentage}%
-        %endif
-        </div>
-        <div id="commit_history" style="width:450px;height:300px;float:left"></div>
-        <div style="clear: both;height: 10px"></div>
-        <div id="overview" style="width:450px;height:100px;float:left"></div>
-
-        <div id="legend_data" style="clear:both;margin-top:10px;">
-            <div id="legend_container"></div>
-            <div id="legend_choices">
-                <table id="legend_choices_tables" class="noborder" style="font-size:smaller;color:#545454"></table>
-            </div>
-        </div>
-    </div>
-</div>
-%endif
-
-<div class="box">
+<div class="box" style="margin-top: -20px">
     <div class="title">
         <div class="breadcrumbs">
         %if c.repo_changesets:
@@ -269,7 +206,7 @@ ${self.repo_context_bar('summary')}
 %if c.readme_data:
 <div id="readme" class="anchor">
 <div class="box" style="background-color: #FAFAFA">
-    <div class="title" title="${_('Readme file from revision %s') % c.rhodecode_db_repo.landing_rev}">
+    <div class="title" title="${_('Readme file from revision %s:%s') % (c.rhodecode_db_repo.landing_rev[0], c.rhodecode_db_repo.landing_rev[1])}">
         <div class="breadcrumbs">
             <a href="${h.url('files_home',repo_name=c.repo_name,revision='tip',f_path=c.readme_file)}">${c.readme_file}</a>
         </div>
@@ -316,32 +253,70 @@ YUE.on('clone_by_id','click',function(e)
     YUD.setStyle('clone_url','display','none');
 })
 
-
-var tmpl_links = {};
-%for cnt,archive in enumerate(c.rhodecode_repo._get_archives()):
-  tmpl_links["${archive['type']}"] = '${h.link_to('__NAME__', h.url('files_archive_home',repo_name=c.dbrepo.repo_name, fname='__CS__'+archive['extension'],subrepos='__SUB__'),class_='archive_icon ui-btn')}';
-%endfor
-
-YUE.on(['download_options','archive_subrepos'],'change',function(e){
-   var sm = YUD.get('download_options');
-   var new_cs = sm.options[sm.selectedIndex];
+$(document).ready(function(){
+    var cache = {}
+    $("#download_options").select2({
+        placeholder: _TM['Select changeset'],
+        dropdownAutoWidth: true,
+        query: function(query){
+          var key = 'cache';
+          var cached = cache[key] ;
+          if(cached) {
+            var data = {results: []};
+            //filter results
+            $.each(cached.results, function(){
+                var section = this.text;
+                var children = [];
+                $.each(this.children, function(){
+                    if(query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0 ){
+                        children.push({'id': this.id, 'text': this.text})
+                    }
+                })
+                data.results.push({'text': section, 'children': children})
+            });
+            query.callback(data);
+          }else{
+              $.ajax({
+                url: pyroutes.url('repo_refs_data', {'repo_name': '${c.repo_name}'}),
+                data: {},
+                dataType: 'json',
+                type: 'GET',
+                success: function(data) {
+                  cache[key] = data;
+                  query.callback({results: data.results});
+                }
+              })
+          }
+        },
+    });
+    // on change of download options
+    $('#download_options').change(function(e){
+       var new_cs = e.added
 
-   for(k in tmpl_links){
-       var s = YUD.get(k+'_link');
-       if(s){
-         var title_tmpl = "${_('Download %s as %s') % ('__CS_NAME__','__CS_EXT__')}";
-         title_tmpl= title_tmpl.replace('__CS_NAME__',new_cs.text);
-         title_tmpl = title_tmpl.replace('__CS_EXT__',k);
+       for(k in tmpl_links){
+           var s = $('#'+k+'_link');
+           if(s){
+             var title_tmpl = "${_('Download %s as %s') % ('__CS_NAME__','__CS_EXT__')}";
+             title_tmpl= title_tmpl.replace('__CS_NAME__',new_cs.text);
+             title_tmpl = title_tmpl.replace('__CS_EXT__',k);
+             title_tmpl = '<i class="icon-archive"></i> '+ title_tmpl;
+             var url = tmpl_links[k].replace('__CS__',new_cs.id);
+             var subrepos = $('#archive_subrepos').is(':checked');
+             url = url.replace('__SUB__',subrepos);
+             url = url.replace('__NAME__',title_tmpl);
 
-         var url = tmpl_links[k].replace('__CS__',new_cs.value);
-         var subrepos = YUD.get('archive_subrepos').checked;
-         url = url.replace('__SUB__',subrepos);
-         url = url.replace('__NAME__',title_tmpl);
-         s.innerHTML = url
+             s.html(url)
+           }
        }
-   }
-});
+    });
+
+    var tmpl_links = {};
+    %for cnt,archive in enumerate(c.rhodecode_repo._get_archives()):
+      tmpl_links["${archive['type']}"] = '${h.link_to('__NAME__', h.url('files_archive_home',repo_name=c.rhodecode_db_repo.repo_name, fname='__CS__'+archive['extension'],subrepos='__SUB__'),class_='btn btn-small')}';
+    %endfor
+})
 </script>
+
 %if c.show_stats:
 <script type="text/javascript">
 var data = ${c.trending_languages|n};
@@ -421,328 +396,6 @@ YUE.on('code_stats_show_more','click',fu
             'display','none');
 });
 </script>
-<script type="text/javascript">
-/**
- * Plots summary graph
- *
- * @class SummaryPlot
- * @param {from} initial from for detailed graph
- * @param {to} initial to for detailed graph
- * @param {dataset}
- * @param {overview_dataset}
- */
-function SummaryPlot(from,to,dataset,overview_dataset) {
-    var initial_ranges = {
-        "xaxis":{
-            "from":from,
-            "to":to,
-        },
-    };
-    var dataset = dataset;
-    var overview_dataset = [overview_dataset];
-    var choiceContainer = YUD.get("legend_choices");
-    var choiceContainerTable = YUD.get("legend_choices_tables");
-    var plotContainer = YUD.get('commit_history');
-    var overviewContainer = YUD.get('overview');
-
-    var plot_options = {
-        bars: {show:true,align:'center',lineWidth:4},
-        legend: {show:true, container:"legend_container"},
-        points: {show:true,radius:0,fill:false},
-        yaxis: {tickDecimals:0,},
-        xaxis: {
-            mode: "time",
-            timeformat: "%d/%m",
-            min:from,
-            max:to,
-        },
-        grid: {
-            hoverable: true,
-            clickable: true,
-            autoHighlight:true,
-            color: "#999"
-        },
-        //selection: {mode: "x"}
-    };
-    var overview_options = {
-        legend:{show:false},
-        bars: {show:true,barWidth: 2,},
-        shadowSize: 0,
-        xaxis: {mode: "time", timeformat: "%d/%m/%y",},
-        yaxis: {ticks: 3, min: 0,tickDecimals:0,},
-        grid: {color: "#999",},
-        selection: {mode: "x"}
-    };
-
-    /**
-    *get dummy data needed in few places
-    */
-    function getDummyData(label){
-        return {"label":label,
-         "data":[{"time":0,
-             "commits":0,
-                 "added":0,
-                 "changed":0,
-                 "removed":0,
-            }],
-            "schema":["commits"],
-            "color":'#ffffff',
-        }
-    }
-
-    /**
-     * generate checkboxes accordindly to data
-     * @param keys
-     * @returns
-     */
-    function generateCheckboxes(data) {
-        //append checkboxes
-        var i = 0;
-        choiceContainerTable.innerHTML = '';
-        for(var pos in data) {
-
-            data[pos].color = i;
-            i++;
-            if(data[pos].label != ''){
-                choiceContainerTable.innerHTML +=
-                    '<tr><td><input type="checkbox" id="id_user_{0}" name="{0}" checked="checked" /> \
-                     <label for="id_user_{0}">{0}</label></td></tr>'.format(data[pos].label);
-            }
-        }
-    }
-
-    /**
-     * ToolTip show
-     */
-    function showTooltip(x, y, contents) {
-        var div=document.getElementById('tooltip');
-        if(!div) {
-            div = document.createElement('div');
-            div.id="tooltip";
-            div.style.position="absolute";
-            div.style.border='1px solid #fdd';
-            div.style.padding='2px';
-            div.style.backgroundColor='#fee';
-            document.body.appendChild(div);
-        }
-        YUD.setStyle(div, 'opacity', 0);
-        div.innerHTML = contents;
-        div.style.top=(y + 5) + "px";
-        div.style.left=(x + 5) + "px";
-
-        var anim = new YAHOO.util.Anim(div, {opacity: {to: 0.8}}, 0.2);
-        anim.animate();
-    }
-
-    /**
-     * This function will detect if selected period has some changesets
-       for this user if it does this data is then pushed for displaying
-       Additionally it will only display users that are selected by the checkbox
-    */
-    function getDataAccordingToRanges(ranges) {
-
-        var data = [];
-        var new_dataset = {};
-        var keys = [];
-        var max_commits = 0;
-        for(var key in dataset){
-
-            for(var ds in dataset[key].data){
-                commit_data = dataset[key].data[ds];
-                if (commit_data.time >= ranges.xaxis.from && commit_data.time <= ranges.xaxis.to){
-
-                    if(new_dataset[key] === undefined){
-                        new_dataset[key] = {data:[],schema:["commits"],label:key};
-                    }
-                    new_dataset[key].data.push(commit_data);
-                }
-            }
-            if (new_dataset[key] !== undefined){
-                data.push(new_dataset[key]);
-            }
-        }
-
-        if (data.length > 0){
-            return data;
-        }
-        else{
-            //just return dummy data for graph to plot itself
-            return [getDummyData('')];
-        }
-    }
-
-    /**
-    * redraw using new checkbox data
-    */
-    function plotchoiced(e,args){
-        var cur_data = args[0];
-        var cur_ranges = args[1];
-
-        var new_data = [];
-        var inputs = choiceContainer.getElementsByTagName("input");
-
-        //show only checked labels
-        for(var i=0; i<inputs.length; i++) {
-            var checkbox_key = inputs[i].name;
-
-            if(inputs[i].checked){
-                for(var d in cur_data){
-                    if(cur_data[d].label == checkbox_key){
-                        new_data.push(cur_data[d]);
-                    }
-                }
-            }
-            else{
-                //push dummy data to not hide the label
-                new_data.push(getDummyData(checkbox_key));
-            }
-        }
-
-        var new_options = YAHOO.lang.merge(plot_options, {
-            xaxis: {
-                min: cur_ranges.xaxis.from,
-                max: cur_ranges.xaxis.to,
-                mode:"time",
-                timeformat: "%d/%m",
-            },
-        });
-        if (!new_data){
-            new_data = [[0,1]];
-        }
-        // do the zooming
-       plot = YAHOO.widget.Flot(plotContainer, new_data, new_options);
-
-       plot.subscribe("plotselected", plotselected);
-
-       //resubscribe plothover
-       plot.subscribe("plothover", plothover);
-
-       // don't fire event on the overview to prevent eternal loop
-       overview.setSelection(cur_ranges, true);
-
-    }
-
-    /**
-     * plot only selected items from overview
-     * @param ranges
-     * @returns
-     */
-    function plotselected(ranges,cur_data) {
-        //updates the data for new plot
-        var data = getDataAccordingToRanges(ranges);
-        generateCheckboxes(data);
-
-        var new_options = YAHOO.lang.merge(plot_options, {
-            xaxis: {
-                min: ranges.xaxis.from,
-                max: ranges.xaxis.to,
-                mode:"time",
-                timeformat: "%d/%m",
-            },
-        });
-        // do the zooming
-        plot = YAHOO.widget.Flot(plotContainer, data, new_options);
-
-        plot.subscribe("plotselected", plotselected);
-
-        //resubscribe plothover
-        plot.subscribe("plothover", plothover);
-
-        // don't fire event on the overview to prevent eternal loop
-        overview.setSelection(ranges, true);
-
-        //resubscribe choiced
-        YUE.on(choiceContainer.getElementsByTagName("input"), "click", plotchoiced, [data, ranges]);
-    }
-
-    var previousPoint = null;
-
-    function plothover(o) {
-        var pos = o.pos;
-        var item = o.item;
-
-        //YUD.get("x").innerHTML = pos.x.toFixed(2);
-        //YUD.get("y").innerHTML = pos.y.toFixed(2);
-        if (item) {
-            if (previousPoint != item.datapoint) {
-                previousPoint = item.datapoint;
-
-                var tooltip = YUD.get("tooltip");
-                if(tooltip) {
-                      tooltip.parentNode.removeChild(tooltip);
-                }
-                var x = item.datapoint.x.toFixed(2);
-                var y = item.datapoint.y.toFixed(2);
-
-                if (!item.series.label){
-                    item.series.label = 'commits';
-                }
-                var d = new Date(x*1000);
-                var fd = d.toDateString()
-                var nr_commits = parseInt(y);
-
-                var cur_data = dataset[item.series.label].data[item.dataIndex];
-                var added = cur_data.added;
-                var changed = cur_data.changed;
-                var removed = cur_data.removed;
-
-                var nr_commits_suffix = " ${_('commits')} ";
-                var added_suffix = " ${_('files added')} ";
-                var changed_suffix = " ${_('files changed')} ";
-                var removed_suffix = " ${_('files removed')} ";
-
-                if(nr_commits == 1){nr_commits_suffix = " ${_('commit')} ";}
-                if(added==1){added_suffix=" ${_('file added')} ";}
-                if(changed==1){changed_suffix=" ${_('file changed')} ";}
-                if(removed==1){removed_suffix=" ${_('file removed')} ";}
-
-                showTooltip(item.pageX, item.pageY, item.series.label + " on " + fd
-                         +'<br/>'+
-                         nr_commits + nr_commits_suffix+'<br/>'+
-                         added + added_suffix +'<br/>'+
-                         changed + changed_suffix + '<br/>'+
-                         removed + removed_suffix + '<br/>');
-            }
-        }
-        else {
-              var tooltip = YUD.get("tooltip");
-
-              if(tooltip) {
-                    tooltip.parentNode.removeChild(tooltip);
-              }
-            previousPoint = null;
-        }
-    }
-
-    /**
-     * MAIN EXECUTION
-     */
-
-    var data = getDataAccordingToRanges(initial_ranges);
-    generateCheckboxes(data);
-
-    //main plot
-    var plot = YAHOO.widget.Flot(plotContainer,data,plot_options);
-
-    //overview
-    var overview = YAHOO.widget.Flot(overviewContainer,
-            overview_dataset, overview_options);
-
-    //show initial selection on overview
-    overview.setSelection(initial_ranges);
-
-    plot.subscribe("plotselected", plotselected);
-    plot.subscribe("plothover", plothover)
-
-    overview.subscribe("plotselected", function (ranges) {
-        plot.setSelection(ranges);
-    });
-
-    // user choices on overview
-    YUE.on(choiceContainer.getElementsByTagName("input"), "click", plotchoiced, [data, initial_ranges]);
-}
-    SummaryPlot(${c.ts_min},${c.ts_max},${c.commit_data|n},${c.overview_data|n});
-</script>
 %endif
 
 </%def>