Source: widgets/guide/pointerverticalcontainer.js

define('application/widgets/guide/pointerverticalcontainer', [
    'rofl/widgets/container',
    'rofl/lib/utils',
    'application/widgets/pointerselectablebutton'
], function (
    Container,
    Utils,
    PointerSelectableButton
) {
    'use strict';

    return Container.extend({

        /**
         * Initialises the container widget.
         *
         * @param {string} id - The id.
         */
        init: function init (id) {
            init.base.call(this, id);

            this.addClass('pointerverticalcontainer');
            this._createPointerContainers();
        },

        /**
         * Returns up pointer button.
         *
         * @returns {Object} Up pointer button.
         */
        getUpPointerContainer: function () {
            return this._upPointer;
        },

        /**
         * Returns down pointer button.
         *
         * @returns {Object} Down pointer button.
         */
        getDownPointerContainer: function () {
            return this._downPointer;
        },

        /**
         * Creates container for pointer buttons.
         *
         * @private
         */
        _createPointerContainers: function () {
            var upPointer = this._upPointer = new PointerSelectableButton(),
                upPointerImage = new Container(),
                downPointer = this._downPointer = new PointerSelectableButton(),
                downPointerImage = new Container();

            upPointerImage.addClass('arrow');
            downPointerImage.addClass('arrow');

            upPointer.addClass(['pointer-button-big', 'up-pointer']);
            downPointer.addClass(['pointer-button-big', 'down-pointer']);

            upPointer.appendChildWidget(upPointerImage);
            downPointer.appendChildWidget(downPointerImage);

            this.appendChildWidget(upPointer);
            this.appendChildWidget(downPointer);
        }
    });
});