imports.gi.versions.GLib = '2.0';
imports.gi.versions.GObject = '2.0';
imports.gi.versions.Gio = '2.0';

imports.gi.versions.Gdk = '3.0';
imports.gi.versions.Gtk = '3.0';

imports.gi.versions.Clutter = '1.0';

imports.gi.versions.Gst = '0.10';
imports.gi.versions.GstBase = '0.10';
imports.gi.versions.GstVideo = '0.10';

const Lang = imports.lang;
const Mainloop = imports.mainloop;
const Signals = imports.signals;

const GLib = imports.gi.GLib;
const GObject = imports.gi.GObject;
const Gio = imports.gi.Gio;

const Gdk = imports.gi.Gdk;
const Gtk = imports.gi.Gtk;

const Clutter = imports.gi.Clutter;
const Mx = imports.gi.Mx;

function Panel() {
    this._init.apply(this, arguments);
}

Panel.prototype = {
    _init: function() {
        this.actor = new Mx.BoxLayout({ name: 'panel' });
        this._broadcastButton = new Mx.Button({ style_class: 'panel-item' });
        this._broadcastButton.set_icon_name('media-record-symbolic');
        this._broadcastButton.set_icon_size(16);
        this.actor.add_actor(this._broadcastButton, -1);
        this.actor.child_set_x_align(this._broadcastButton, Mx.Align.START);

        this._broadcastButton.connect('clicked',
                                      Lang.bind(this, function() {
                                          this.emit('toggle-broadcast');
                                      }));

        this._slider = new Mx.Slider({ style_class: 'panel-item',
                                       disabled:    true });
        this.actor.add_actor(this._slider, -1);
        this.actor.child_set_expand(this._slider, true);
        this.actor.child_set_x_align(this._slider, Mx.Align.MIDDLE);
        this.actor.child_set_x_fill(this._slider, true);

        this._fullscreenButton = new Mx.Button({ style_class: 'panel-item' });
        this._fullscreenButton.set_icon_name('view-fullscreen-symbolic');
        this._fullscreenButton.set_icon_size(16);
        this.actor.add_actor(this._fullscreenButton, -1);
        this.actor.child_set_x_align(this._fullscreenButton, Mx.Align.END);

        this._fullscreenButton.connect('clicked',
                                       Lang.bind(this, function() {
                                           this.emit('toggle-fullscreen');
                                       }));
        this.actor.show_all();
    },
}
Signals.addSignalMethods(Panel.prototype)