diff --git a/js/gratipay.js b/js/gratipay.js
index 6429168501..dededc58ba 100644
--- a/js/gratipay.js
+++ b/js/gratipay.js
@@ -17,6 +17,7 @@ Gratipay.init = function() {
     Gratipay.signIn();
     Gratipay.signOut();
     Gratipay.payments.initSupportGratipay();
+    Gratipay.tabs.init();
 };
 
 Gratipay.warnOffUsersFromDeveloperConsole = function() {
diff --git a/js/gratipay/giving.js b/js/gratipay/giving.js
deleted file mode 100644
index 93db2ccd2e..0000000000
--- a/js/gratipay/giving.js
+++ /dev/null
@@ -1,29 +0,0 @@
-Gratipay.giving = {}
-
-Gratipay.giving.init = function() {
-    Gratipay.giving.activateTab('active');
-    $('.giving #tab-nav a').on('click', Gratipay.giving.handleClick);
-}
-
-Gratipay.giving.handleClick = function(e) {
-    e.preventDefault();
-    var $target = $(e.target);
-    Gratipay.giving.activateTab($target.data('tab'));
-}
-
-Gratipay.giving.activateTab = function(tab) {
-    $.each($('.giving #tab-nav a'), function(i, obj) {
-        var $obj = $(obj);
-        if ($obj.data('tab') == tab) {
-            $obj.addClass('selected');
-        } else {
-            $obj.removeClass('selected');
-        }
-    })
-
-    $.each($('.giving .tab'), function(i, obj) {
-        var $obj = $(obj);
-        if ($obj.data('tab') == tab) { $obj.show(); } else { $obj.hide(); }
-    })
-}
-
diff --git a/www/index.html.spt b/www/index.html.spt
index 6aa6148a19..41c30bc121 100644
--- a/www/index.html.spt
+++ b/www/index.html.spt
@@ -1,4 +1,10 @@
+from collections import OrderedDict
 [---]
+i18ned_statuses = { "unreviewed" : _("Under Review")
+                  , "rejected": _("Rejected")
+                  , "approved": _("Approved")
+                   }
+
 teams = website.db.all("""
 
     SELECT teams.*::teams
@@ -6,13 +12,20 @@ teams = website.db.all("""
   ORDER BY ctime DESC
 
 """)
-napproved = len([t for t in teams if t.is_approved])
-nteams = len(teams) if user.ADMIN else napproved
 
-statuses = { "unreviewed" : _("under review")
-           , "rejected": _("rejected")
-           , "approved": _("approved")
-            }
+tabs = OrderedDict()
+tabs['approved'] = {'teams': []}
+tabs['unreviewed'] = {'teams': []}
+tabs['rejected'] = {'teams': []}
+
+for team in teams:
+    tabs[team.status]['teams'].append(team)
+
+nteams = 0
+for key, tab in tabs.items():
+    n = tab['n'] = len(tab['teams'])
+    nteams += n
+    tab['name'] = "{} (n={})".format(i18ned_statuses[key], n)
 
 title = _("Teams (N={0})", nteams)
 suppress_sidebar = True
@@ -60,56 +73,65 @@ suppress_welcome = 'suppress-welcome' in request.cookie
 </div>
 {% endif %}
 
-<table class="teams">
-    {% for team in teams %}
-    <tr>
-        <td class="team">
-            <a class="name" href="/{{ team.slug }}/">{{ team.name }}</a>
+<div class="tabs">
+    <ul class="nav" id="tab-nav">
+        {% for tab in tabs %}
+        <li><a href="#" data-tab="{{ tab }}">{{ tabs[tab]['name'] }}</a></li>
+        {% endfor %}
+    </ul>
 
-            <div class="details">
-                <span class="status">{{ statuses[team.status] }}</span> 
-                <span class="ctime">&middot; {{ _("created {ago}",
-                    ago=to_age(team.ctime, add_direction=True)) }}</span>
-                <span class="owner">&middot;
-                    {{ _( "owned by {a}{owner}{_a}"
-                        , owner='~'+team.owner
-                        , a=('<a class="owner" href="/~{}/">'|safe).format(team.owner)
-                        , _a='</a>'|safe
-                         ) }}
-                </span>
-            </div>
+    {% for tab in tabs %}
+    <table class="teams tab" data-tab="{{ tab }}">
+        {% for team in tabs[tab]['teams'] %}
+        <tr>
+            <td class="team">
+                <a class="name" href="/{{ team.slug }}/">{{ team.name }}</a>
 
-            {% if team.status == 'approved' %}
-            <table class="numbers mono">
-                <tr>
-                    <th class="label">{{ _("Weekly") }}</th>
-                    <th>&#x03A3; &nbsp;</th>
-                    <th>n</th>
-                </tr>
-                <tr>
-                    <td class="label">{{ _("Receiving") }}</td>
-                    <td>{{ format_currency(team.receiving, 'USD')
-                            if team.receiving else '- &nbsp;'|safe }}</td>
-                    <td>{{ team.nreceiving_from if team.nreceiving_from else '-' }}</td>
-                </tr>
-                <tr>
-                    <td class="label">{{ _("Sharing") }}</td>
-                    <td>- &nbsp;</td>
-                    <td>-</td>
-                </tr>
-            </table>
-            {% endif %}
-        </td>
-    </tr>
+                <div class="details">
+                    <span class="status">{{ i18ned_statuses[team.status] }}</span>
+                    <span class="ctime">&middot; {{ _("created {ago}",
+                        ago=to_age(team.ctime, add_direction=True)) }}</span>
+                    <span class="owner">&middot;
+                        {{ _( "owned by {a}{owner}{_a}"
+                            , owner='~'+team.owner
+                            , a=('<a class="owner" href="/~{}/">'|safe).format(team.owner)
+                            , _a='</a>'|safe
+                             ) }}
+                    </span>
+                </div>
+
+                {% if team.status == 'approved' %}
+                <table class="numbers mono">
+                    <tr>
+                        <th class="label">{{ _("Weekly") }}</th>
+                        <th>&#x03A3; &nbsp;</th>
+                        <th>n</th>
+                    </tr>
+                    <tr>
+                        <td class="label">{{ _("Receiving") }}</td>
+                        <td>{{ format_currency(team.receiving, 'USD')
+                                if team.receiving else '- &nbsp;'|safe }}</td>
+                        <td>{{ team.nreceiving_from if team.nreceiving_from else '-' }}</td>
+                    </tr>
+                    <tr>
+                        <td class="label">{{ _("Sharing") }}</td>
+                        <td>- &nbsp;</td>
+                        <td>-</td>
+                    </tr>
+                </table>
+                {% endif %}
+            </td>
+        </tr>
+        {% endfor %}
+    </table>
     {% endfor %}
-</table>
+</div>
 {% endblock %}
 
 
 {% block scripts %}
 <script>
     $(document).ready(function () {
-        console.log('hello?');
         $('.welcome button').click(function() {
             console.log('suppressing welcome ...');
             document.cookie = 'suppress-welcome=';
diff --git a/www/~/%username/giving/index.html.spt b/www/~/%username/giving/index.html.spt
index 7368925a1f..8902fe9dd3 100644
--- a/www/~/%username/giving/index.html.spt
+++ b/www/~/%username/giving/index.html.spt
@@ -37,22 +37,17 @@ tabs = {
 
 {% extends "templates/profile.html" %}
 
-{% block scripts %}
-<script>$(document).ready(Gratipay.giving.init);</script>
-{{ super() }}
-{% endblock %}
-
 {% block content %}
 
-<div class="giving">
+<div class="tabs">
 
 <ul class="nav" id="tab-nav">
     {% for tab in ['active', 'cancelled'] %}
-        <li><a href="#" data-tab="{{ tab }}">{{ tabs[tab]['name'] }}</a></li>
+    <li><a href="#" data-tab="{{ tab }}">{{ tabs[tab]['name'] }}</a></li>
     {% endfor %}
 </ul>
 
-{% for tab in tabs.keys() %}
+{% for tab in tabs %}
     <div class='tab' data-tab='{{ tab }}'>
     {% if tabs[tab]['ngiving'] %}