* @return {Ext.Element} this     */    toggle : function(animate){        this.setVisible(!this.isVisible(), this.preanim(arguments, 0));        return this;    },    /**     * Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.     * @param {Mixed} value Boolean value to display the element using its default display, or a string to set the display directly.     * @return {Ext.Element} this     */    setDisplayed : function(value) {        if(typeof value == "boolean"){           value = value ? this.originalDisplay : "none";        }        this.setStyle("display", value);        return this;    },    /**     * Tries to focus the element. Any exceptions are caught and ignored.     * @return {Ext.Element} this     */    focus : function() {        try{            this.dom.focus();        }catch(e){}        return this;    },    /**     * Tries to blur the element. Any exceptions are caught and ignored.     * @return {Ext.Element} this     */    blur : function() {        try{            this.dom.blur();        }catch(e){}        return this;    },    /**     * Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.     * @param {String/Array} className The CSS class to add, or an array of classes     * @return {Ext.Element} this     */    addClass : function(className){        if(Ext.isArray(className)){            for(var i = 0, len = className.length; i < len; i++) {            	this.addClass(className[i]);            }        }else{            if(className && !this.hasClass(className)){                this.dom.className = this.dom.className + " " + className;            }        }        return this;    },    /**     * Adds one or more CSS classes to this element and removes the same class(es) from all siblings.     * @param {String/Array} className The CSS class to add, or an array of classes     * @return {Ext.Element} this     */    radioClass : function(className){        var siblings = this.dom.parentNode.childNodes;        for(var i = 0; i < siblings.length; i++) {        	var s = siblings[i];        	if(s.nodeType == 1){        	    Ext.get(s).removeClass(className);        	}        }        this.addClass(className);        return this;    },    /**     * Removes one or more CSS classes from the element.     * @param {String/Array} className The CSS class to remove, or an array of classes     * @return {Ext.Element} this     */    removeClass : function(className){        if(!className || !this.dom.className){            return this;        }        if(Ext.isArray(className)){            for(var i = 0, len = className.length; i < len; i++) {            	this.removeClass(className[i]);            }        }else{            if(this.hasClass(className)){                var re = this.classReCache[className];                if (!re) {                   re = new RegExp('(?:^|\\s+)' + className + '(?:\\s+|$)', "g");                   this.classReCache[className] = re;                }                this.dom.className =                    this.dom.className.replace(re, " ");            }        }        return this;    },    // private    classReCache: {},    /**     * Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).     * @param {String} className The CSS class to toggle     * @return {Ext.Element} this     */    toggleClass : function(className){        if(this.hasClass(className)){            this.removeClass(className);        }else{            this.addClass(className);        }        return this;    },    /**     * Checks if the specified CSS class exists on this element's DOM node.     * @param {String} className The CSS class to check for     * @return {Boolean} True if the class exists, else false     */    hasClass : function(className){        return className && (' '+this.dom.className+' ').indexOf(' '+className+' ') != -1;    },    /**     * Replaces a CSS class on the element with another.  If the old name does not exist, the new name will simply be added.     * @param {String} oldClassName The CSS class to replace     * @param {String} newClassName The replacement CSS class     * @return {Ext.Element} this     */    replaceClass : function(oldClassName, newClassName){        this.removeClass(oldClassName);        this.addClass(newClassName);        return this;    },    /**     * Returns an object with properties matching the styles requested.     * For example, el.getStyles('color', 'font-size', 'width') might return     * {'color': '#FFFFFF', 'font-size': '13px', 'width': '100px'}.     * @param {String} style1 A style name     * @param {String} style2 A style name     * @param {String} etc.     * @return {Object} The style object     */    getStyles : function(){        var a = arguments, len = a.length, r = {};        for(var i = 0; i < len; i++){            r[a[i]] = this.getStyle(a[i]);        }        return r;    },    /**     * Normalizes currentStyle and computedStyle.     * @param {String} property The style property whose value is returned.     * @return {String} The current value of the style property for this element.     */    getStyle : function(){        return view && view.getComputedStyle ?            function(prop){                var el = this.dom, v, cs, camel;                if(prop == 'float'){                    prop = "cssFloat";                }                if(v = el.style[prop]){                    return v;                }                if(cs = view.getComputedStyle(el, "")){                    if(!(camel = propCache[prop])){                        camel = propCache[prop] = prop.replace(camelRe, camelFn);                    }                    return cs[camel];                }                return null;            } :            function(prop){                var el = this.dom, v, cs, camel;                if(prop == 'opacity'){                    if(typeof el.style.filter == 'string'){                        var m = el.style.filter.match(/alpha\(opacity=(.*)\)/i);                        if(m){                            var fv = parseFloat(m[1]);                            if(!isNaN(fv)){                                return fv ? fv / 100 : 0;                            }                        }                    }                    return 1;                }else if(prop == 'float'){                    prop = "styleFloat";                }                if(!(camel = propCache[prop])){                    camel = propCache[prop] = prop.replace(camelRe, camelFn);                }                if(v = el.style[camel]){                    return v;                }                if(cs = el.currentStyle){                    return cs[camel];                }                return null;            };    }(),    /**     * Wrapper for setting style properties, also takes single object parameter of multiple styles.     * @param {String/Object} property The style property to be set, or an object of multiple styles.     * @param {String} value (optional) The value to apply to the given property, or null if an object was passed.     * @return {Ext.Element} this     */    setStyle : function(prop, value){        if(typeof prop == "string"){            var camel;            if(!(camel = propCache[prop])){                camel = propCache[prop] = prop.replace(camelRe, camelFn);            }            if(camel == 'opacity') {                this.setOpacity(value);            }else{                this.dom.style[camel] = value;            }        }else{            for(var style in prop){                if(typeof prop[style] != "function"){                   this.setStyle(style, prop[style]);                }            }        }        return this;    },    /**     * More flexible version of {@link #setStyle} for setting style properties.     * @param {String/Object/Function} styles A style specification string, e.g. "width:100px", or object in the form {width:"100px"}, or     * a function which returns such a specification.     * @return {Ext.Element} this     */    applyStyles : function(style){        Ext.DomHelper.applyStyles(this.dom, style);        return this;    },    /**      * Gets the current X position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).      * @return {Number} The X position of the element      */    getX : function(){        return D.getX(this.dom);    },    /**      * Gets the current Y position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).      * @return {Number} The Y position of the element      */    getY : function(){        return D.getY(this.dom);    },    /**      * Gets the current position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).      * @return {Array} The XY position of the element      */    getXY : function(){        return D.getXY(this.dom);    },    /**      * Returns the offsets of this element from the passed element. Both element must be part of the DOM tree and not have display:none to have page coordinates.      * @param {Mixed} element The element to get the offsets from.      * @return {Array} The XY page offsets (e.g. [100, -200])      */    getOffsetsTo : function(el){        var o = this.getXY();        var e = Ext.fly(el, '_internal').getXY();        return [o[0]-e[0],o[1]-e[1]];    },    /**     * Sets the X position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).     * @param {Number} The X position of the element     * @param {Boolean/Object} animate (optional) True for the default animation, or a standard Element animation config object     * @return {Ext.Element} this     */    setX : function(x, animate){        if(!animate || !A){            D.setX(this.dom, x);        }else{            this.setXY([x, this.getY()], this.preanim(arguments, 1));        }        return this;    },    /**     * Sets the Y position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).     * @param {Number} The Y position of the element     * @param {Boolean/Object} animate (optional) True for the default animation, or a standard Element animation config object     * @return {Ext.Element} this     */    setY : function(y, animate){        if(!animate || !A){            D.setY(this.dom, y);        }else{            this.setXY([this.getX(), y], this.preanim(arguments, 1));        }        return this;    },    /**     * Sets the element's left position directly using CSS style (instead of {@link #setX}).     * @param {String} left The left CSS property value     * @return {Ext.Element} this     */    setLeft : function(left){        this.setStyle("left", this.addUnits(left));        return this;    },    /**     * Sets the element's top position directly using CSS style (instead of {@link #setY}).     * @param {String} top The top CSS property value     * @return {Ext.Element} this     */    setTop : function(top){        this.setStyle("top", this.addUnits(top));        return this;    },    /**     * Sets the element's CSS right style.     * @param {String} right The right CSS property value     * @return {Ext.Element} this