focusController.js - Adding and removing focusable items

focusController.js

...

    /**
    * Remove a focusable item from the controller
    * @param {FocusableItem} item The item to remove
    */
    this.removeFocusableItem = function (item) {
        for(var i = 0; i < focusableItems.length; i++) {
            if(focusableItems[i] == item) {
                focusableItems.splice(i, 1);
                return true;
            }
        }
        return false;
    };

...

/**
* This method will add a focusable item to the controller
* @function
* @param {FocusableItem} item Focusable item to be handled by this
* FocusController
*/
FocusController.prototype.addFocusableItem = function (item) {
    if(this.isFocusableItem(item)) {
        return;
    }

    var itemIndex = this.getFocusableItemCount();
    this.pushFocusableItem(item);

    // This is essentially the dom element of the focusable item
    var element = item.getElement();
    element.bind('mouseenter.keycontroller', {itemIndex: itemIndex}, function(event) {
        if(this.isMoving()) {
            return;
        }

        var itemIndex = event.data.itemIndex;
        this.handleFocusChangeToItem(itemIndex);

        event.stopPropagation();
    }.bind(this));

    element.bind('click.keycontroller', {itemIndex: itemIndex}, function(event) {
        if(this.isMoving()) {
            return;
        }

        var itemIndex = event.data.itemIndex;
        if(this.getCurrentlyFocusedItem()) {
            this.getCurrentlyFocusedItem().onItemClick();
        }
    }.bind(this));
};