    Ext.ns("Ext.ux");

    /**
     * @class Ext.ux.FieldReplicator
     * A plugin for Field Components which creates clones of the Field for as
     * long as the user keeps filling them. Leaving the final one blank ends the repeating series.
     * Usage:
     *
        {
            xtype: 'combo',
            plugins: [ Ext.ux.FieldReplicator ],
            triggerAction: 'all',
            fieldLabel: 'Select recipient',
            store: recipientStore
        }
     *
     */
    Ext.ux.FieldReplicator = {
        init: function(f) {
            f.replicator = this;
            f.enableKeyEvents = true;
            f.on('change', this.onChange, this);
            f.onKeyDown = f.onKeyDown.createInterceptor(this.onKeyDown);
        },

    //  If tabbing out and the change event will be fired, flag that
    //  the change handler must focus the correct sibling Field.
        onKeyDown: function(e) {
            if ((e.getKey() == Ext.EventObject.TAB) && (String(this.startValue) !== String(this.getValue()))) {
                if (e.shiftKey) {
                    this.focusPrev = true;
                } else if (!e.shiftKey && !e.altKey) {
                    this.focusNext = true;
                }
            }
        },

    //  Handle the field either being changed to blank or from blank.
        onChange: function(f, n, o) {
            var c = f.ownerCt, l,
                ps = f.previousSibling(),
                ns = f.nextSibling();
            if (Ext.isEmpty(n)) {
                if (!Ext.isEmpty(o)) {
    //              The Field has been blanked, and it is not the only one left, remove it
                    if ((ps && (ps.replicator === this)) || (ns && (ns.replicator === this))) {
                        l = f.findParentBy(function(p) {
                            return !Ext.isDefined(p.ownerCt);
                        });
                        c.remove(f);
                        l.doLayout();
                    }
                }
            } else {
                if (Ext.isEmpty(o)) {
    //              Field filled, insert a clone as the next sibling
                    ns = new f.constructor(f.cloneConfig());
                    c.insert(c.items.indexOf(f) + 1, ns);
                    c.doLayout();
                    l = f.findParentBy(function(p) {
                        return !Ext.isDefined(p.ownerCt);
                    });
                    l.doLayout();
                }
            }
            if (f.focusPrev) {
                delete f.focusPrev;
                ps.focus(false, true);
            } else  if (f.focusNext) {
                delete f.focusNext;
                ns.focus(false, true);
            }
        }
    };