/**
 * OpenSlides projector functions
 *
 * :copyright: 2011–2013 by OpenSlides team, see AUTHORS.
 * :license: GNU GPL, see LICENSE for more details.
 */

$(document).ready(function() {
    $('#content .scroll').wrap('<div class="scrollwrapper"></div>');
    if ($('#content.reload').length > 0) {
        updater.start();
    }
});

var projector = {
    _loaded_files: {},

    load_file: function(src) {
        if (projector._loaded_files[src] === undefined) {
            projector._loaded_files[src] = document.createElement('script');
            projector._loaded_files[src].setAttribute("type","text/javascript");
            projector._loaded_files[src].setAttribute("src", src);
            $('head').append(projector._loaded_files[src]);
        }
    },

    scroll: function(value) {
        $('#content .scroll').css('margin-top', value + 'em')
    },

    scale: function(value) {
        $('#content').css('font-size', value  + '%');
        $('#content #sidebar').css('font-size', '18px');
    },

    update_data: function(data) {
        $.each(data, function (key, value) {
            if (key === 'load_file')
                projector.load_file(value);
            else
                projector[key] = value;
        });
    }
};

var updater = {
    socket: null,

    start: function() {
        var url = "ws://" + location.host + "/projector/socket/";
        updater.socket = new WebSocket(url);
        updater.socket.onmessage = function(event) {
            updater.updateProjector(JSON.parse(event.data));
        }
        updater.socket.onclose = function() {
            setTimeout('updater.start()', 5000);
        }
    },

    updateProjector: function(data) {
        if (data.content) {
            $('#content').html(data.content);
            $('#content .scroll').wrap('<div class="scrollwrapper"></div>');
        }
        if (data.overlays) {
            $.each(data.overlays, function (key, value) {
                var overlay = $('#overlays #overlay_' + key)
                if (!value)
                    overlay.remove();
                else {
                    if (overlay.length) {
                        overlay.html(value.html)
                    } else {
                        $('#overlays').append(value.html);
                    }
                    projector.update_data(value.javascript);
                }
            });
        }
        if (data.calls) {
            $.each(data.calls, function (call, argument) {
                projector[call](argument);
            });
        }
    }
};