var rowhider = function() {
    var tables = document.getElementsByTagName('tbody');
    var maxRows = 5;
    var colspan;
    for(var i = 0, l = tables.length; l > i; i++) {
        var rows = tables[i].getElementsByTagName('tr');
        colspan = rows[0].getElementsByTagName('td').length;
        if(rows.length > maxRows) {
            for(var a = 0, e = rows.length; e > a; a++) {
                if(a >= 5) {
                    rows[a].className += " hide";
                }
            }
            var tr = document.createElement('tr');
            tr.innerHTML = "<td colspan='"+colspan+"'><a href='#'>More rows. Click to show...</a></td>";
            tr.getElementsByTagName('a')[0].addEventListener ? tr.getElementsByTagName('a')[0].addEventListener('click',showRows) : tr.getElementsByTagName('a')[0].attachEvent('onclick',showRows);
            tables[i].appendChild(tr);
        }
    }
    function hideRows(e) {
        var target = e.srcElement ? e.srcElement : e.target;
        var tr = target.parentElement;
        while(tr.nodeName !== "TR") {
            tr = tr.parentElement;
        }
        var table = target;
        while(table.nodeName !== "TBODY") {
            table = table.parentElement;
        }
        table.removeChild(tr);
        var rows = table.getElementsByTagName('tr');
        for(var i = 0, l = rows.length; l > i; i++) {
            if(i >= 5) {
                rows[i].className += " hide";
            }
        }
        var tr = document.createElement('tr');
        tr.innerHTML = "<td colspan='"+colspan+"'><a href='#'>More rows. Click to show...</a></td>";
        tr.getElementsByTagName('a')[0].addEventListener ? tr.getElementsByTagName('a')[0].addEventListener('click',showRows) : tr.getElementsByTagName('a')[0].attachEvent('onclick',showRows);
        table.appendChild(tr);
    }
    function showRows(e) {
        var target = e.srcElement ? e.srcElement : e.target;
        var tr = target.parentElement;
        while(tr.nodeName !== "TR") {
            tr = tr.parentElement;
        }
        var table = target;
        while(table.nodeName !== "TBODY") {
            table = table.parentElement;
        }
        var rows = table.getElementsByTagName('tr');
        for(var i = 0, l = rows.length; l > i; i++) {
            var n = rows[i].className.replace(' hide','');
            rows[i].className = n;
        }
        tr.innerHTML = "<td colspan='"+colspan+"'><a href='#'>...hide rows</a></td>";
        tr.getElementsByTagName('a')[0].addEventListener ? tr.getElementsByTagName('a')[0].addEventListener('click',hideRows) : tr.getElementsByTagName('a')[0].attachEvent('onclick',hideRows);
        if(e.preventDefault) {
            e.preventDefault();
        } else {
            return false;
        }
    }
};