var SECONDS = 1000,

    MINUTES = 60 * SECONDS,

    HOURS = 60 * MINUTES;

var config = {

    partnerCode: 'B00015838755',

    originalDuration: 24 * HOURS,

    vizDuration: 10 * MINUTES,

    movieCount: 10,

    opinionsPerPage: 100,

    colors: [ "#c00000", "#ffd000", "#008000"],

    refreshRate: 50

$(function() {

    var originalStart = new Date().valueOf() - config.originalDuration,

        timeScale = config.vizDuration / config.originalDuration,

        movies,

        moviesToLoad,

        opinions = [],

        loadTime = new Date().valueOf(),

        clockInterval;

    function resizeTimer() {

        var w = Math.max(80, $(window).width() - 170),

            n = Math.min(12, Math.floor(w / 80));

    	$('.timer-bar').width(w);

    	var html = '';

    	for (var k = 0; k < n + 1; k++) {

    	    html += '<li style="left:'

    	       + Math.floor(k * w / n)

    	       + 'px;">'

    	       + new Date(originalStart + k * config.originalDuration / n).toLocaleTimeString().substr(0,5)

    	       + '</li>';

    	}

        $('.hours').html(html);

    }

    resizeTimer();

    $(window).resize(resizeTimer);

    var vsHeight = $(window).height() - $('footer').height() - $('header').height() - 300,

        vsWidth = config.movieCount * 160;

    $("#data-viz").css('height', vsHeight);

    $('.posters').css('width', vsWidth);

    function startViz() {

        var barChart = undefined;

        opinions.sort(function(a,b) {

            return a._timestamp > b._timestamp;

        });

        $("#data-viz").html("").css("text-align","left");

        var barChartSettings = {

            width : vsWidth,

            height : vsHeight,

            chart : {

                spacer : 5,

                y: 100,

                height: vsHeight - 100

            },

            data : {

                model : movies.map(function(movie) {

                    return {

                        label: movie.title

                    };

                }),

                strata : function() {

                    if (typeof barChart === "undefined") {

                        var flocculated = [];

                        _(function() {

                            _.range(3).map(function(colorId) {

                                $(".layer_"+colorId).css("fill", config.colors[colorId]);

                            });

                        }).defer();

                    } else {

                        var flocculated = barChart.selectAll("state",2);

                    }

                    var res = movies.map(function(movie) {

                        var movieTokens = flocculated.filter(function(t) {

                            return t.attr("movie") === movie.id;

                        });

                        return _.range(3).map(function(colorId) {

                            var stratumTokens = movieTokens.filter(function(t) {

                                return t.attr("colorId") === colorId;

                            }).length;

                            return {

                                value: function() {

                                    return stratumTokens

                                }

                            };

                        });

                    });

                    return res;

                },

                stream : {

                    provider : "tokens",

                    refresh: config.refreshRate,

                    now : 0

                },

                tokens: opinions.map(function(opinion) {

                    return {

                        category: opinion._column,

                        datetime: opinion.datetime,

                        movie: opinion._movie,

                        colorId: opinion._colorId,

                        fillStyle: opinion._color,

                        strokeStyle: "#555555",

                        t: Math.floor((opinion._timestamp - originalStart) * timeScale / config.refreshRate),

                        shape:{

                          type:'box',

                          width:74,

                          height:5

                        },

                        callback:{

                            suspension: function(token) {

                                setTimeout(function() {

                                    token.flocculate();

                                    barChart.strata.update(barChart);

                                }, 5000);

                            }

                        }

                    }

                })

            },

            sedimentation: {

                token: {

                    size: {

                        original:12,

                        minimum:0

                    }

                },

                aggregation:{

                    height: vsHeight - 100,

                    maxData: Math.max.apply(Math, movies.map(function(m) { return m.opinions.length; }))

                },

                suspension:{

                    decay:{

                        power:1.001

                    }

                }

            }

        }

        barChart = $("#data-viz").vs(barChartSettings).data('visualSedimentation');

        var startOfViz = new Date();

        clearInterval(clockInterval);

        $(".timer-bar-value").width(0);

        clockInterval = setInterval(function() {

            $(".timer-bar-value").width($('.timer-bar').width() * Math.min(1, (new Date() - startOfViz) / config.vizDuration));

        },

        100);

    }

    function loadMovie(movie) {

        $.getJSON(

            "http://api.allocine.fr/rest/v3/opinionlist",

            {

                partner: config.partnerCode,

                format: "json",

                subject: "movie:" + movie.id,

                count: config.opinionsPerPage,

                refresh: refreshtoken(),

                page: movie.opinionPage

            },

            function(d) {

                if (d.feed && d.feed.activity) {

                    var tokens = d.feed.activity.filter(function(a) {

                        return a.action.type !== "notinterested" && a.action.value !== "-3.0";

                    });

                } else {

                    var tokens = [];

                }

                tokens.forEach(function(a) {

                    a._colorId = config.colorIds[a.action.value];

                    a._color = config.colors[a._colorId];

                    a._timestamp = new Date(a.datetime).valueOf();

                    a._movie = movie.id;

                    a._column = movie.column;

                });

                var tokcount = tokens.length;

                tokens = tokens.filter(function(a) {

                    return a._timestamp >= originalStart;

                });

                movie.opinions = movie.opinions.concat(tokens);

                opinions = opinions.concat(tokens);

                $("#data-viz").append(".");

                if (tokens.length === tokcount) {

                    console.log("Page " + movie.opinionPage + " of '" + movie.title + "' loaded");

                    movie.opinionPage ++;

                    loadMovie(movie);

                } else {

                    console.log("Page " + movie.opinionPage + " of '" + movie.title + "' -- total : " + movie.opinions.length + " opinions loaded");

                    moviesToLoad--;

                    if (!moviesToLoad) {

                        console.log("**** Everything is loaded, in " + (new Date().valueOf() - loadTime) / 1000 + " seconds");

                        startViz();

                    }

                }

            }

        );

    }

    $.getJSON(

        "http://api.allocine.fr/rest/v3/movielist",

        {

            partner: config.partnerCode,

            format: "json",

            filter: "top:week",

            count: config.movieCount,

            refresh: refreshtoken()

        },

        function(d) {

            $("#data-viz").html("Chargement des flux d'opinions<br />");

            console.log("Movie List Loaded");

            movies = d.feed.movie.map(function(movie, i) {

                return {

                    id: movie.code,

                    column: i,

                    title: movie.title,

                    poster: movie.poster.href,

                    opinions: [],

                    opinionPage: 1

                }

            });

            moviesToLoad = movies.length;

            movies.forEach(loadMovie);

            $('.posters').html(movies.map(function(movie) {

                return '<li><img width="150" height="200" src="'

                    + movie.poster

                    + '" alt="'

                    + movie.title

                    +'" /></li>';

            }).join(""));

        }

    );

    function refreshtoken() {

        return Math.floor(0x100000000 * Math.random()).toString(16) + "-" + (new Date().valueOf() % 0x100000000).toString(16);

    }

    $(".rejouer").click(function() {

        startViz();

        return false;

    })

});