diff -r cb8403125d4d -r 9cc1b66d0880 integration/js/taghome.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/js/taghome.js	Fri Dec 14 13:07:58 2012 +0100
@@ -0,0 +1,151 @@
+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();
+        }
+    });
+}