var topicPoubelle = 13;

var adjust = 54;

var deltaT = new Date("Wed, 02 May 2012 19:00:00 +0000") / 1000 + adjust;

function solrUrl(table, params) {

    return "http://159.217.144.101:8050/sia-solr/" + table + "/select?" + $.param(params) + "&wt=json&json.wrf=?";

}

function showData() {

    var topicHash = document.location.hash || "#selectedtopics=5,15&visibletopics=5,10,15";

    var pageParams = {};

    topicHash

    	.replace(/^#/,'')

    	.split('&')

    	.forEach(function(p) {

    		var s = p.split('=');

    		pageParams[s[0]] = s[1].split(",").map(function(t) { return decodeURIComponent(t)});

    	})

    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));

    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;

        });

    });

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

        return pageParams.visibletopics.indexOf(t.index.toString()) !==-1 && t.index !== topicPoubelle;

    });

    function goToNext() {

    	var topics = Array.prototype.slice.call($(".topic.selected").map(function(){return $(this).attr("data-topic-id")}));

    	for (var i = 0; i < data.segments.length; i++) {

    		var mmso = data.segments[i];

    		if (mmso.start >= localpos) {

    			for (var j = 0; j < mmso.topics.length; j++) {

    				if (topics.indexOf(mmso.topics[j].topic.toString()) !== -1) {

    					localpos = mmso.start;

    					showLocal();

    					return;

    				}

    			}

    		}

    	}

    	console.log("We haven't found a segment");

    }

    function showTopics(topiclist) {

        var tbhtml = topiclist.reduce(function(mem, topic) {

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

                max = wordsToShow[0].weight,

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

                scale = 8 / (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: '

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

                        + 'px;">'

                        + word.word

                        + '</li>';

                },"")

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

            return mem + li;

        },'');

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

        tb.html(tbhtml);

        tb.css("top",0);

        showTopicViz();

    }

    var tweetLines = [];

    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 = [],

        	colors = {};

        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];

            colors[topic.id] = topic.color;

            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;

                }));

                var attr = {

                    fill: color,

                    opacity: .5 + .5 * opacity

                };

                segmentrects[i].show();

                segmentrects[i].attr(attr);

                if (i >= localMmsoDelta && i < localMmsoDelta + localMmsos.length) {

                	localMmsos[i - localMmsoDelta].show();

                	localMmsos[i - localMmsoDelta].attr(attr);

                }

            } else {

                segmentrects[i].hide();

                if (i >= localMmsoDelta && i < localMmsoDelta + localMmsos.length) {

                	localMmsos[i - localMmsoDelta].hide();

                }

            }

        }

        tweetLines.forEach(function(tl) { tl.remove(); });

        tweetLines = [];

        var deltaY = $(".play-dataviz").offset().top;

        $(".play-localtweets .tweet:visible").each(function() {

        	var el = $(this),

        		liY = + el.offset().top + el.outerHeight() / 2 - deltaY,

        		tY = localyscale * (+el.attr("data-timestamp") - localpos + localduration / 2),

        		p = "M" + localL + "," + tY + "L" + localR + "," + tY + "L400," + liY,

        		path = paper.path(p);

    		$(this).css("background",colors[el.attr("data-topic-id")] || "");

    		path.attr({

    			stroke: "#ccc"

    		});

    		tweetLines.push(path);

        });

    }

    var jqsvg = $(".play-svg"),

        paper = new Raphael(jqsvg[0]),

        totalR = jqsvg.width(),

        ph = jqsvg.height(),

        globW = 85,

        globL = 40,

        entonnoirR = 155,

        localL = 235,

        localW = 85,

        localR = (localL + localW),

        localTimeR = (localL + localW) + globL,

        globR = (globW + globL),

        yscale = ph / data.duration,

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

        xscale = globW/mx;

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

        var rect = paper.rect(globL, yscale * mmso.start, globW, yscale * mmso.duration);

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

        return rect;

    });

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

            var x = globL + 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",

        opacity: .5

    });

    paper.path(d).attr({

        "stroke-width": 1,

        "stroke": "#ffffff"

    });

    for (var i=0; i < data.duration; i += 1800) {

        var y = yscale * i;

        paper.path("M0" + "," + y + "l" + globR + ",0").attr({stroke: "#666"});

        paper.text(0, y + 6, secsToString(i)).attr({

        	"text-anchor": "start",

            "fill": "#ffffff"

        });

    }

    paper.text(0, ph-8, secsToString(data.duration)).attr({

        "text-anchor": "start",

        "fill": "#ffffff"

    });

    paper.path("M0" + globR + ",0L" + localTimeR + ",0" ).attr({stroke: "#666"});

    paper.path("M0," + (ph-1) + "l" + localTimeR + ",0" ).attr({stroke: "#666"});

    paper.path("M" + globR + ",0l0," + ph).attr({stroke: "#666"});

    paper.path("M" + localL + ",0l0," + ph).attr({stroke: "#666"});

    var entonnoir = paper.path("").attr("fill","#333"),

    	localStartText = paper.text(localTimeR,6,"").attr({

    		"text-anchor": "end",

    		"fill": "#ffffff"

    	}),

    	localEndText = paper.text(localTimeR,ph - 8, "").attr({

    		"text-anchor": "end",

    		"fill": "#ffffff"

    	}),

    	localTimes = [],

    	localMmsos = [],

    	localMmsoDelta,

    	mmsoAlt = [],

    	lowerFiveSecs,

    	higherFiveSecs,

    	localyscale;

	entonnoir.toBack();

    var cloudTemplate = _.template('<li style="font-size: <%- size %>px;"<% if (selected) {%> class="selected"<% } %>><%- word %></li>');

    function showLocal() {

		localyscale = ph / localduration;

    	var localstart = localpos - localduration/2;

    		localend = localpos + localduration/2;

    		globtop = yscale * localstart,

    		globbottom = yscale * localend,

    		betweenx = (globR + entonnoirR) / 2,

    		betweenyt = (globtop) / 2,

    		betweenyb = (globbottom + ph) / 2,

    		curve = (entonnoirR - globR) / 2,

    		entonnoird = "M0," + globtop + "l" + globR + ",0Q" + betweenx + "," + globtop + "," + betweenx + ","

    			+ Math.max(globtop - curve, betweenyt) + "L" + betweenx + "," + Math.min(curve, betweenyt) + "Q"

    			+ betweenx + ",0," + entonnoirR + ",0"

    			+ "L" + localR + ",0L" + localR + "," + ph + "L" + entonnoirR + "," + ph + "Q" + betweenx + "," + ph + ","

    			+ betweenx + "," + Math.max(ph - curve, betweenyb) +"L" + betweenx + "," + Math.min(globbottom + curve, betweenyb)

    			+ "Q" + betweenx + "," + globbottom + "," + globR + "," + globbottom + "L0," + globbottom,

			localkeywords = {};

		entonnoir.attr("path",entonnoird);

		localTimes.forEach(function(t) {

			t.text.remove();

			t.line.remove();

		});

		localMmsos.forEach(function(t) {

			t.remove();

		});

		mmsoAlt.forEach(function(t) {

			t.remove();

		});

		var filteredSegments = data.segments.filter(function(s) {

			return s.start < localend && s.end > localstart;

		});

		localMmsoDelta = parseInt(filteredSegments[0].id.split("_")[1]);

		localMmsos = filteredSegments.map(function(s) {

			var y = localyscale * (s.start - localstart),