function showTags() {
    var tagsOuter = $(".taglist_container"),
        tagsInner = $(".taglist_container table"),
        acInput = $("#form_tag input[type=search]"),
        acdata = [],
        labels = {
            content: "Séquence",
            tag: "Tag"
        };
    
    acInput.autocomplete({
        source: function( request, response ) {
            response($.ui.autocomplete.filter(acdata, request.term));
        },
        select: function(event, ui) {
            document.location.href = ui.item.href;
        }
    }).data("autocomplete")._renderItem = function(ul, item) {
        return $( "<li>" )
            .data( "item.autocomplete", item )
            .append( "<a href='" + item.href + "'>" + labels[item.type] + " : " + item.label + "</a>" )
            .appendTo( ul );
    };
    
    $("#form_tag").submit(function() {
        return false;
    });
        
    tagsInner.draggable();
    
    function resizeTags() {
        tagsInner.css({
            "margin-left": - Math.floor(tagsInner.width()/2) + "px",
            "margin-top": - Math.floor(tagsInner.height()/2) + "px",
            "left": Math.floor(tagsOuter.width()/2) + "px",
            "top": Math.floor(tagsOuter.height()/2) + "px"
        });
    }
    $(window).on("resize",resizeTags);
    
    $.ajax({
        url: endpoints.contents_api,
        dataType: "jsonp", //TODO: JSON if on Platform
        data: {
            limit: 0,
            format: "jsonp"
        },
        success: function(data) {
            _(data.objects).each(function(content) {
                var fpmatch = content.front_project.match(/projects\/([0-9a-f\-]+)/),
                    fproj = fpmatch ? fpmatch[1] : "";
                acdata.push({
                    label: content.title,
                    type: "content",
                    href: endpoints.content_page.replace("__CONTENT_ID__", content.iri_id).replace("__FRONT_PROJECT_ID__", fproj)
                });
            });
        }
    })
    
    $.ajax({
        url: endpoints.tag_api,
        dataType: "json",
        data: {
            contents: "all",
            format: "json",
            limit: 0,
            steps: 100
        },
        success: function(data) {
            var grouped = {};
            _(data.objects).each(function(t) {
                var upt = t.name.toUpperCase(),
                    w = t.weight + (grouped[upt] || 0);
                grouped[upt] = w;
            });
            _(grouped).each(function(v, k) {
                acdata.push({
                    label: k,
                    type: "tag",
                    href: endpoints.tag_page.replace("__TAG__", k)
                });
            });
            var ordered = _(grouped)
                .chain()
                .map(function(v, k) {
                    return {
                        label: k,
                        weight: v
                    }
                })
                .sortBy(function(t) {
                    return -t.weight;
                })
                .value();
            var l = ordered.length,
                max = ordered[0].weight,
                min = Math.min(max - 1, ordered[l - 1].weight),
                colorscale = 128 / (max - min),
                ncols = Math.floor(.65*Math.sqrt(l)),
                nlines = Math.ceil(l/ncols);
            var cells = _(nlines * ncols)
                .chain()
                .range()
                .map(function(i) {
                    var x = i % ncols,
                        y = Math.floor(i / ncols),
                        dx = x - ((ncols - 1) / 2),
                        dy = y - ((nlines - 1) / 2),
                        d = Math.sqrt(dx*dx + dy*dy);
                    return {
                        n: i,
                        x: x,
                        y: y,
                        d: d
                    }
                })
                .sortBy(function(c) {
                    return c.d;
                })
                .value();
            _(ordered).each(function(v, k) {
                cells[k].tag = v;
            });
            cells = _(cells).sortBy(function(c) { return c.n });
            var _html = "";
            _(cells).each(function(c) {
                if (c.x === 0) {
                    _html += "<tr>";
                }
                _html += "<td>";
                if (c.tag) {
                    var color = Math.floor( 127 + (c.tag.weight - min) * colorscale );
                    _html += '<a href="'
                        + endpoints.tag_page.replace("__TAG__",encodeURIComponent(c.tag.label))
                        + '" style="color: rgb('
                        + [color,color,color].join(",")
                        + ')">'
                        + c.tag.label
                        + '</a>';
                }
                _html += "</td>";
                if (c.x === (ncols - 1)) {
                    _html += "</tr>";
                }
            });
            tagsInner.html(_html);
            resizeTags();
        }
    });
}