var topicPoubelle = 13;

function showData() {

    var ordertag = 0;

    function secsToString(seconds) {

        var hours = Math.floor(seconds/3600),

            minutes = Math.floor(seconds/60) % 60,

            secs = Math.floor(seconds % 60);

        function pad(n) {

            var r = n.toString();

            while (r.length < 2) {

                r = "0" + r;

            }

            return r;

        }

        return (hours ? (hours + ":") : "") + pad(minutes) + ":" + pad(secs);

    }

    $(".duration").text(secsToString(data.duration));

    $(".topwords-list").on("click", "li", function() {

        var el = $(this).toggleClass("selected");

        wordFilter();

    });

    var nmmso = data.segments.length;

    data.topics.forEach(function(topic) {

        topic.score = 0;

        topic.weights = [];

        for (var i = 0; i < nmmso; i++) {

            topic.weights.push(0);

        }

    });

    data.segments.forEach(function(mmso, i) {

        mmso.topics.forEach(function(t) {

            data.topics[t.topic].weights[i] = t.weight;

            data.topics[t.topic].score += t.weight;

        });

        mmso.tweet_rate = mmso.tweet_count / mmso.duration; 

    });

    var sortedTopics = data.topics.filter(function(t) {

        return t.index !== topicPoubelle;

    }).sort(function(a,b) {

        return b.score - a.score;

    });

    var selectedWords = [], searchString = "";

    function wordFilter() {

        var selectedLis = $(".topwords-list li.selected");

        searchString = $(".keyword-search").val() || "",

        selectedWords = [];

        if (searchString.length) {

            selectedWords.push(searchString);

        }

        selectedLis.each(function() {

            selectedWords.push($(this).text().trim());

        });

        if (selectedWords.length) {

        /*

            var topiclist = data.topics.filter(function(topic) {

                if (topic.index === topicPoubelle) {

                    return false;

                }

                var found = false,

                    relevance = 0;

                var foundWords = selectedWords.map(function() { return false });

                topic.words.forEach(function(topicword) {

                    selectedWords.forEach(function(selectedword, k) {

                        if (topicword.word.search(selectedword) !== -1) {

                            found = true;

                            relevance += (.5 + topicword.weight);

                        }

                    });

                });

                topic.relevance = relevance;

                return found;

            }).sort(function(a,b) {

                return b.relevance - a.relevance;

            });

            */

            TopicsBean.topicsForKeywords(selectedWords.join(","),{

                callback: function(topicweights) {

                    var topiclist = data.topics.filter(function(topic) {

                        return topicweights[topic.index] > .01 && topic.index !== topicPoubelle;

                    });

                    topiclist.sort(function(a,b) {

                        return topicweights[b.index] - topicweights[b.index]

                    });

                    showTopics(topiclist);

                }

            });

        } else {

            showTopics(sortedTopics);

        }

    }

    function showTopics(topiclist) {

        var topicHtmls = ["", "", ""];

        if (searchString.length) {

            var searchStringRx = new RegExp('(' + searchString.replace(/(\W)/g,'\\$1') + ')', "gim");

            $(".topwords-list li").each(function() {

                var el = $(this);

                el.html(el.text().replace(searchStringRx,'<span class="highlight">$1</span>'));

            });

        } else {

            $(".topwords-list li").each(function() {

                var el = $(this);

                el.text(el.text());

            });

        }

        var replaceRx = new RegExp('(' + selectedWords.map(function(w) {

            return w.replace(/(\W)/g,'\\$1')

        }).join("|") + ')', "gim");

        topiclist.forEach(function(topic,i) {

            var wordsToShow = topic.words.slice(0,8),

                max = wordsToShow[0].weight,

                min = Math.min(wordsToShow[wordsToShow.length - 1].weight, max - .01),

                scale = 10 / (max - min);

            var li = '<li class="shadow-block topic" data-topic-id="'

                + topic.index

                + '" data-timestamp="999999"><ul class="topic-words">'

                + wordsToShow.reduce(function(memwords, word) {

                    return memwords

                        + '<li style="font-size: '

                        + ( 10 + scale * (word.weight - min) )

                        + 'px;">'

                        + ( selectedWords.length

                            ? word.word.replace(replaceRx,'<span class="highlight">$1</span>')

                            : word.word )

                        + '</li>';

                },"")

                + '</ul></li>';

            topicHtmls[i % 3] += li;

        });

        var tb = $(".topics-block");

        tb.html(topicHtmls.reduce(function(mem,html) {

           return mem + '<ul class="topic-column">' + html + '</ul>' 

        },""));

        tb.css("top",0);

        showTopicViz();

    }

/*        

        var topwords = [], globwords = {};

        data.topics.forEach(function(topic) {

            topic.words.forEach(function(word) {

                globwords[word.word] = word.weight + (globwords[word.word] || 0)

            });

        })

        for (var w in globwords) {

            topwords.push({

                word : w,

                weight : globwords[w]

            });

        }

        topwords.sort(function(a, b) {

            return b.weight - a.weight;

        });

        $(".keyword-search").autocomplete({

            source: topwords.map(function(w) { return w.word })

        }).on("keyup change paste", wordFilter);

 */

// /*

    var globwords = {};

    data.topics.forEach(function(topic) {

        topic.words.forEach(function(topicword) {

        	topicword.word.split(" ").filter(function(w) {

        		return w.length > 2;

        	}).forEach(function(w) {

        		globwords[w] = 2 * topicword.weight + (globwords[w] || 0)

        	});

        });

    });

    var ntw = data.topwords.length;

    data.topwords.forEach(function(v, k) {

    	var weight = (ntw - k)/ntw;

    	v.split(" ").filter(function(w) {

    		return w.length > 2;

    	}).forEach(function(w) {

    		globwords[w] = weight + (globwords[w] || 0)

    	});

    });

    delete globwords.des;

    var allwords = _(globwords).keys(),

    	topwords = _(globwords).map(function(v, k) {

    		return {

    			word: k,

    			weight: v

    		}

    	});

    topwords.sort(function(a,b) {

    	return b.weight - a.weight

    });

    allwords.sort();

    $(".keyword-search").autocomplete({

        source: allwords,

        change: function() {

        	window.setInterval(wordFilter,0);

        }

    }).on("keyup change paste", wordFilter);

// */

    var wordsToShow = topwords.slice(0,80),

        max = wordsToShow[0].weight,

        min = Math.min(wordsToShow[wordsToShow.length - 1].weight, max - .01),

        scale = 10 / (max - min);

    $(".topwords-list").html(wordsToShow.reduce(function(mem, d) {

        return mem

            + '<li style="font-size: '

            + ( 10 + scale * (d.weight - min) )

            + 'px;">'

            + d.word

            + '</li>'

    },""));

    function showTopicViz() {

        var selectedBlocks = $(".topic.selected, .topic.hover"),

            sbl = selectedBlocks.length,

            topicBlocks = $(".topic");

        if (!sbl && topicBlocks.length < sortedTopics.length) {

            selectedBlocks = topicBlocks;

            sbl = selectedBlocks.length;

        }

        var topicsAndColors = [];

        selectedBlocks.each(function() {

            var el = $(this),

                topicid = parseInt(el.attr("data-topic-id"));

            topicsAndColors.push({

                "$": el,

                timestamp: parseInt(el.attr("data-timestamp")),

                hovered: el.hasClass("hover"),

                id: topicid,

                topic: data.topics[topicid]

            });

        });

        topicsAndColors.sort(function(a,b) {

           return ( a.timestamp - b.timestamp ) || ( a.id - b.id );

        });

        topicBlocks.css("background","");

        topicsAndColors.forEach(function(topic, i) {

            topic.color = topic.hovered ? "#ffff00" : colorset[i % colorset.length];

            topic.$.css("background", topic.color);

        });

        for (var i = 0; i < nmmso; i++) {

            var opacity = 0,

                rgb = [0,0,0];

            topicsAndColors.forEach(function(topic) {

                var c = Raphael.getRGB(topic.color),

                    o = topic.topic.weights[i];

                rgb[0] += c.r * o;

                rgb[1] += c.g * o;

                rgb[2] += c.b * o;

                opacity += o;

            });

            if (opacity) {

                color = Raphael.rgb.apply(Raphael, rgb.map(function(c) {

                    return c/opacity;

                }));

                segmentrects[i].show();

                segmentrects[i].attr({

                    fill: color,

                    opacity: .5 + .5 * opacity

                });

            } else {

                segmentrects[i].hide();

            }

        }

        var url = "playscreen.html#visibletopics="

        	+ Array.prototype.join.call($(".topic:visible").map(function(){return $(this).attr("data-topic-id")}))

        	+ "&selectedtopics="

        	+ Array.prototype.slice.call(topicsAndColors.map(function(t){return t.id}))

        	+ "&keywords="

        	+ selectedWords.map(function(w) {

        		return encodeURIComponent(w);

        	}).join(",");

    	$(".play-button").attr("href",url);

    }

    var jqsvg = $(".start-svg");

        paper = new Raphael(jqsvg[0]),

        ph = jqsvg.height(),

        pw = jqsvg.width(),

        yscale = (ph - 20) / data.duration,

        mx = Math.max.apply(Math, data.minutes.map(function(s) { return s.count})),

        xscale = (pw - 50)/mx;

    var segmentrects = data.segments.map(function(mmso) {

        var rect = paper.rect(0, yscale * mmso.start, pw - 50, 1+yscale * mmso.duration);

        rect.attr({stroke: "none"});

        return rect;

    });

    var d = "M" + data.minutes.map(function(s) {

            var x = xscale * s.count;

            return x

                + ","

                + yscale * (s.from + 20)

                + "L"

                + x

                + ","

                + yscale * (s.from + 40);

        }).join("L");

    paper.path(d).attr({

        "stroke-width": 4,

        "stroke": "#000000",