$(function() {
    var t;
    function size(animate){
        if (animate == undefined){
            animate = false;
        }
        clearTimeout(t);
        t = setTimeout(function(){
            $("canvas").each(function(i,el){
                $(el).attr({
                    "width":$(el).parent().width(),
                    "height":$(el).parent().outerHeight()
                });
            });

            redraw(animate);

            var m = 0;
            $(".widget").height("");
            $(".widget").each(function(i,el){ m = Math.max(m,$(el).height()); });
            $(".widget").height(m);
        }, 30);
    }

    function redraw(animation){
        var options = {};
        if (!animation){
            options.animation = false;
        } else {
            options.animation = true;
        }

        var chart_data = create_dataset();
        var weeks = $('.submissionsChart').data('weeks');
        var data = {
            labels : weeks,
            datasets : chart_data
        }

        var canvas = document.getElementById("chart");
        var ctx = canvas.getContext("2d");
        new Chart(ctx).Line(data, options);
    }

    function create_dataset(){
        var selected = getSelectedConferences();
        var chart_data = $('.submissionsChart').data('chart');
        var conferences = $('.submissionsChart').data('conferences');
        var result = [];

        for(var i in conferences){
            if(selected.indexOf(conferences[i].short_title) >= 0){
                var options = {};
                options.fillColor = "rgba(255,255,255,0.0)";
                options.strokeColor = conferences[i].color;
                options.data = chart_data[conferences[i].short_title];
                result.push(options)
            }
        }
        return result
    }

    function getSelectedConferences(){
        var selected = []
        $('.conferenceCheckboxes input').each(function(){
            if($(this).is(":checked")) {
                selected.push($(this).attr('name'));
            }
        })
        return selected;
    }

    $('.conferenceCheckboxes input').change(function(){
        redraw(false);
    });

    $(window).on('resize', function(){ size(false); });

    size(true);
});