webamp/js/context.js

Context = {
    // The Option button
    option: document.getElementById('option'),

    init: function(winamp) {
        this.winamp = winamp;
        var self = this;

        document.onclick = function() {
            self.option.classList.remove('selected');
        };

        this.option.onclick = function(event) {
            self.option.classList.toggle('selected');
            event.stopPropagation();
        };

        var skinSelectNodes = document.getElementsByClassName('skin-select');
        for(var i = 0; i < skinSelectNodes.length; i++) {
            skinSelectNodes[i].onclick = this._loadSkin;
        }

        document.getElementById('context-play-file').onclick = function(event) {
            self.option.classList.remove('selected');
            self.winamp.openFileDialog();
        };
        document.getElementById('context-load-skin').onclick = function(event) {
            self.option.classList.remove('selected');
            self.winamp.openFileDialog();
        };
        document.getElementById('context-exit').onclick = function() {
            self.winamp.close();
        };
    },

    _loadSkin: function() {
        var skinFile = new MyFile();
        skinFile.setUrl(this.dataset.skinUrl);
        self.winamp.setSkin(skinFile);
    }

};