diff -r 9a82fbbf6377 -r 8ee8c9ea2a9f js/playscreen.js
--- a/js/playscreen.js	Thu Mar 28 18:44:51 2013 +0100
+++ b/js/playscreen.js	Thu Apr 04 17:44:59 2013 +0200
@@ -12,6 +12,19 @@
 
 function showData() {
     
+	data.topiclabels.forEach(function(v) {
+		var words = _(v.words).map(function(v, k) {
+			return {
+				word: k,
+				weight: v
+			}
+		});
+		words.sort(function(a,b) {
+			return b.weight - a.weight;
+		})
+		data.topics[v.topic_id].words = words;
+	});
+	
     var topicHash = document.location.hash || "#selectedtopics=5,15&visibletopics=5,10,15";
     
     var pageParams = {};
@@ -119,7 +132,7 @@
     
     function showTopics(topiclist) {
         var tbhtml = topiclist.reduce(function(mem, topic) {
-            var wordsToShow = topic.words.slice(0,3),
+            var wordsToShow = topic.words.slice(0,4),
                 max = wordsToShow[0].weight,
                 min = Math.min(wordsToShow[wordsToShow.length - 1].weight, max - .01),
                 scale = 8 / (max - min);
@@ -484,7 +497,12 @@
     
     var lastPos, lastDuration, lastTopics;
     
-    var tweetTemplate = _.template('<li class="tweet" data-timestamp="<%= timestamp %>" data-topic-id="<%= topic.topic %>"><img src="<%- data.profile_image_url %>" /><p>@<%- data.from_user_name %>: <%= data.htext %></p></li>'),
+    var tweetTemplate = _.template(
+    		'<li class="tweet" data-timestamp="<%= timestamp %>" data-topic-id="<%= topic.topic %>">'
+    		+ '<% if (show_link) { %><a href="#" data-user-id="<%- data.from_user_id %>"><% } %>'
+    		+ '<img src="<%- data.profile_image_url %>" /><% if (show_link) { %></a><% } %>'
+    		+ '<p><% if (show_link) { %><a href="#" data-user-id="<%- data.from_user_id %>"><% } %>'
+    		+ '@<%- data.from_user_name %>:<% if (show_link) { %></a><% } %> <%= htext %></p></li>'),
     	callnum = 0,
     	tweetstructure = {},
     	requestedtweets = {},
@@ -557,14 +575,18 @@
 		if (selectedWord) {
 			var rx = new RegExp( '(' + selectedWord.replace(/(\W)/gm,'\\$1') + ')', 'gim' );
 			tweetstoshow.forEach(function(tw) {
-				tw.data.htext = _(tw.data.text).escape().replace(rx,'<span class="highlight">$1</span>');
+				tw.htext = _(tw.data.text).escape().replace(rx,'<span class="highlight">$1</span>');
 			});
 		} else {
 			tweetstoshow.forEach(function(tw) {
-				tw.data.htext = _(tw.data.text).escape();
-			})
+				tw.htext = _(tw.data.text).escape();
+			});
 		}
 		
+		tweetstoshow.forEach(function(tw) {
+			tw.show_link = true;
+		});
+		
 		tweetstoshow.sort(function(a, b) {
 			return a.timestamp - b.timestamp;
 		});
@@ -666,7 +688,7 @@
 				"twitter",
 				{
 					q:"id:(" + toload.join(" OR ") + ")",
-					fl: "id_str,created_at,from_user_name,text,profile_image_url",
+					fl: "id_str,created_at,from_user_name,text,profile_image_url,from_user_id",
 					rows: toload.length
 				}
 			),
@@ -819,7 +841,6 @@
 				startLevel + Math.round(Math.log(e.gesture.scale)*scaleStep) * (x > 140 ? 1 : -1)
 			)
 		);
-		//$("#konsole").text(e.gesture.scale + " => " + newlevel);
 		if (newlevel !== currentlevel) {
 			currentlevel = newlevel;
 			localduration = zoomlevels[currentlevel];
@@ -857,6 +878,61 @@
     	$(".keyword-search a").removeClass("placeholder").text(pageParams.keywords.join(", "));
     }
     
+    var moveInterval;
+    
+    $(".left-arrow").data("direction", -3);
+    $(".right-arrow").data("direction", 3);
+    
+    $(".left-arrow,.right-arrow")
+    	.on("mouseenter touchstart", function() {
+    		clearInterval(moveInterval);
+    		var moveDirection = $(this).data("direction");
+    		moveInterval = setInterval(function() {
+    			var t = $(".topics-block");
+    			t.css("left", + moveDirection + parseFloat(t.css("left")));
+    		}, 20);
+    	})
+    	.on("mouseleave touchend", function() {
+    		clearInterval(moveInterval);
+    	});
+    
+    $(".play-localtweets").on("click", "li a", function() {
+    	var userid = $(this).attr("data-user-id");
+    	$.getJSON(
+			solrUrl(
+				"twitter",
+				{
+					q: "from_user_id:" + userid,
+					fl: "id_str,created_at,from_user_name,text,profile_image_url,from_user_id",
+					rows: 500
+				}
+			),
+			function(t) {
+				var tweets = t.response.docs;
+				tweets.forEach(function(tweet) {
+					tweet.timestamp = new Date(tweet.created_at).valueOf() / 1000 - deltaT;
+				});
+				tweets.sort(function(a,b) {
+					return a.timestamp - b.timestamp;
+				})
+				var html = tweets.reduce(function(mem, tweet) {
+					return mem + tweetTemplate({
+						timestamp: tweet.timestamp,
+						topic: {topic: -1},
+						weight: 0,
+						data: tweet,
+						htext: _(tweet.text).escape(),
+						show_link: false
+					});
+				},"");
+				$(".user-tweets").show();
+				$(".user-tweets-list").html(html);
+				$(".user-name").text(tweets[0].from_user_name);
+			}
+		);
+		return false;
+    });
+    
     checkOrGoNext();
 }
 
@@ -936,7 +1012,7 @@
     				+ "*)",
     			group: "true",
     			"group.field": "created_at",
-    			"fl": "id_str,created_at,from_user_name,text,profile_image_url",
+    			"fl": "id_str,created_at,from_user_name,text,profile_image_url,from_user_id",
     			"rows": 800
     		}
 		),
@@ -957,6 +1033,8 @@
 		}
     )
     
+    loadJson("data/topiclabels.json", "topiclabels");
+    
     loadJson(
         solrUrl("MMSO", {q: "*:*", fl: "topic*,MMSO_id,multimediaSegment,keywordsFromSocial", rows: 250 }),
         "segments",
@@ -1018,27 +1096,8 @@
     
     loadFromTopicsBean("getTopicsNumber",false,false,function(topic_count) {
         for (var i = 0; i < topic_count; i++) {
-            data.topics.push(null);
+            data.topics.push({ index: i, words: [ { word: "(no label)", weight: 1 }] });
         }
-        dwr.engine.beginBatch();
-        data.topics.forEach(function(v, k) {
-            loadFromTopicsBean("getTopicDistribution",false,[k, 50, false],function(topic) {
-                var words = topic.match(/[^=,{]+=0.\d{0,8}/g);
-                data.topics[k] = {
-                    index: k,
-                    words: words.map(function(w) {
-                        var parts = w.split("=");
-                        return {
-                            word: parts[0].trim(),
-                            weight: parseFloat(parts[1])
-                        }
-                    })
-                }
-            });
-            
-        });
-        dwr.engine.endBatch();
-        
     });