diff -r b1d083752b47 -r 1f574d93e195 js/startscreen-fake.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/js/startscreen-fake.js	Mon Feb 04 18:54:17 2013 +0100
@@ -0,0 +1,85 @@
+$(function() {
+    
+    var colorset = ["#1f77b4 ", "#aec7e8 ", "#ff7f0e ", "#ffbb78 ", "#2ca02c ", "#98df8a ", "#d62728 ", "#ff9896 ", "#9467bd ", "#c5b0d5 ", "#8c564b ", "#c49c94 ", "#e377c2 ", "#f7b6d2 ", "#7f7f7f ", "#c7c7c7 ", "#bcbd22 ", "#dbdb8d ", "#17becf ", "#9edae5"]
+    
+    $.getJSON("fakedata/data.json", function(data) {
+        $(".topwords-block").html(data.top_words.reduce(function(mem, d) {
+            return mem + '<li>' + d.word + '</li>'
+        },""));
+        
+        var nmmso = data.segments.length;
+        
+        data.topics.forEach(function(topic) {
+            topic.score = 0;
+            topic.curve = [];
+            for (var i = 0; i < nmmso; i++) {
+                topic.curve.push(0);
+            }
+        });
+        
+        data.segments.forEach(function(mmso, i) {
+            mmso.topics.forEach(function(t) {
+                var score = t.weight * mmso.tweet_count;
+                data.topics[t.topic].curve[i] = score;
+                data.topics[t.topic].score += score;
+            });
+        });
+        
+        data.topics = data.topics.sort(function(a,b) {
+            return b.score - a.score;
+        });
+        
+        var topicHtmls = ["", "", ""]
+        
+        data.topics.forEach(function(topic,i) {
+            var li = '<li class="shadow-block topic" style="background:'
+                + colorset[topic.index % colorset.length]
+                + '" data-topic-id="'
+                + topic.index
+                + '"><ul class="topic-words">'
+                + topic.words.reduce(function(memwords, word) {
+                    return memwords + '<li>' + word.word + '</li>';
+                },"")
+                + '</ul></li>';
+            topicHtmls[i % 3] += li;
+        });
+        console.log(topicHtmls);
+        $(".topics-block").html(topicHtmls.reduce(function(mem,html) {
+           return mem + '<ul class="topic-column">' + html + '</ul>' 
+        },""));
+        
+        $(".topic").mouseenter(function() {
+            var datavizheight = $(".start-dataviz").height(),
+                scale = datavizheight / data.duration,
+                topicid = parseInt($(this).attr("data-topic-id")),
+                topic;
+            for (var i = 0; i < data.topics.length; i++) {
+                if (data.topics[i].index == topicid) {
+                    topic = data.topics[i];
+                    break;
+                }
+            }
+            if (!topic) {
+                return;
+            }
+            var color = colorset[topicid % colorset.length];
+            $(".start-dataviz").html(topic.curve.reduce(function(mem, c, i) {
+                if (!c) {
+                    return mem;
+                } else {
+                    var mmso = data.segments[i];
+                    return mem + '<div style="position: absolute; background: '
+                        + color
+                        +'; opacity: '
+                        + c
+                        +'; left: 0; ; top: '
+                        + scale * mmso.start
+                        +'px; height: '
+                        + scale * mmso.duration
+                        +'px; width: 266px"></div>'
+                }
+            },""));
+        })//.mouseleave(function() {$(".start-dataviz").empty(); });
+        
+    });
+});