Ext.ns("My");

My.Captcha = Ext.extend(Ext.form.TextField, {
    constructor: function(c) {
        My.Captcha.superclass.constructor.call(this, c);
        this.width = c.width - 42;
/*
        if(!this.el) {
            this.el = new Ext.Element(document.createElement("div"));
            this.el.insertFirst({ tag: "input", name: "captcha", class: "x-form-field x-form-text", size: 5 });
            this.el.insertFirst({ tag: "img", src: c.context + "/captcha.png", width: 42, height: 20, align: "top" });
        }
*/
    },
    onRender : function(ct, position){
        My.Captcha.superclass.onRender.call(this, ct, position);
        this.el.insertSibling({ tag: "img", src: this.initialConfig.context + "/captcha.png", width: 42, height: 20, align: "top" });
    }
});
Ext.reg("captcha", My.Captcha);