menu.js

function Menu(x, y) {
    this.container = document.getElementById("menu");
    this.visible = false;
    this.length = 0;
    this.offset = {
        x: x,
        y: y,
    };
};

Menu.prototype = {
    activate: function(index) {
        //TODO: use internal array;
        var item = document.getElementById("menu-item-" + index);
        if (item)
            item.click();
    },
    show: function(object, x, y, reuse, defaultAction) {
        if (game.player.acting)
            return false;
        if (!object)
            return false;
        var actions = object.getActions();

        if (!actions)
            return false;

        x = x || game.controller.iface.x;
        y = y || game.controller.iface.y;

        this.container.style.display = "inline-block";
        this.container.innerHTML = '';
        if (!reuse) {
            this.container.style.left = x + game.offset.x + "px";
            this.container.style.top = y + game.offset.y + "px";
        }

        if (!Array.isArray(actions))
            actions = [actions];

        if (defaultAction)
            actions[0]["Use"] = object.defaultAction;

        this.length = 0;
        actions.forEach(function(actions) {
            if (Object.keys(actions).length > 0)
                this.container.appendChild(this.createMenu(actions, object));
        }.bind(this));

        this.visible = true;
        return true;
    },
    mouseover: function(e) {
        var menuItem = e.target;
        var item = menuItem.item;
        if (!item)
            return;
        game.controller.world.menuHovered = item;
    },
    hide: function() {
        if(!this.visible)
            return;
        this.container.style.display = "none";
        this.visible = false;
        game.controller.world.menuHovered = null;
    },
    createMenuItem: function(title, action, object, index) {
        if (title == "Destroy")
            index = 0;

        var item_a = document.createElement("a");
        item_a.textContent = index + ". " + TS(title);
        item_a.className = "action";
        if (action instanceof Function) {
            var callback = action.bind(object);
        } else {
            item_a.item = action.item;
            item_a.addEventListener("mousemove", this.mouseover);
            callback = action.callback.bind(action.item);
        }

        item_a.onclick = function() {
            this.hide();
            callback();
        }.bind(this);
        item_a.id = "menu-item-" + index;

        var item = document.createElement("li");
        item.appendChild(item_a);
        return item;
    },
    createMenu: function(actions, object) {
        var menu = document.createElement("ul");
        var sorted = Object.keys(actions).sort(function(a, b) {
            if (a == "Destroy")
                return +1;
            else
                return TS(a) > TS(b);
        });
        sorted.forEach(function(title) {
            //TODO: fixme controller.drawItemsMenu hack and remove trim
            var menuItem = this.createMenuItem(title.trim(), actions[title], object, ++this.length);
            menu.appendChild(menuItem);
        }.bind(this));
        return menu;
    }
};