function tagTable() {
    var maxItems = 5;
    $('#tagTable td').each(function(index) {

        /*
        Using innerXHTML by Steve Tucker because the jquery function 
        html() and also innerHTML() does't work correctly in IE
        */
        
        var id = $(this).attr("id");
        var container = document.getElementById(id);
        var inner = innerXHTML(container);
        var html = '';
        
        // Headline
        var h2 = inner.split('</h2>');
        if(h2.length != 1) {
            html += h2[0]+'</h2>';
        }

        // List
        var ul = inner.split('<ul>');
        if(ul.length != 1) {
            var ul = ul[1].split('</ul>');
            var linkList = ul[0].split('<li>');
            html += '<ul>';
            for(i=1; i<linkList.length; i++) {
                if(i == maxItems) {html +='</ul><ul class="moreItems" id="more-'+index+'">';}
                html += '<li>'+linkList[i];
            }
            if(linkList.length > maxItems) {
                html += '</ul><ul><li><a class="getMore getMoreUp" id="getMore-'+index+'" href="javascript:getMore('+index+');">mehr</a></li></ul>';
            }
            $(this).html(html)
        }
    });

}

function getMore(index) {
    if($('#more-'+index).css('display') == 'block') {
        $('#more-'+index).slideUp('fast', function() {
            $('#getMore-'+index).text('mehr');
            $('#getMore-'+index).removeClass('getMoreDown').addClass('getMoreUp');

        });   
    }
    else {
        $('#more-'+index).slideDown('fast', function() {
            $('#getMore-'+index).text('weniger');
            $('#getMore-'+index).removeClass('getMoreUp').addClass('getMoreDown');
        }); 
    }
}




