/**
 * @class Ext.menu.Separator
 * @extends Ext.menu.BaseItem
 * Adds a separator bar to a menu, used to divide logical groups of menu items. Generally you will
 * add one of these by using "-" in you call to add() or in your items config rather than creating one directly.
 * @constructor
 * @param {Object} config Configuration options
 * @xtype menuseparator
 */

Ext.menu.Separator = function(config){
   
Ext.menu.Separator.superclass.constructor.call(this, config);
};

Ext.extend(Ext.menu.Separator, Ext.menu.BaseItem, {
   
/**
     * @cfg {String} itemCls The default CSS class to use for separators (defaults to "x-menu-sep")
     */

    itemCls
: "x-menu-sep",
   
/**
     * @cfg {Boolean} hideOnClick True to hide the containing menu after this item is clicked (defaults to false)
     */

    hideOnClick
: false,
   
   
/**
     * @cfg {String} activeClass
     * @hide
     */

    activeClass
: '',

   
// private
    onRender
: function(li){
       
var s = document.createElement("span");
        s
.className = this.itemCls;
        s
.innerHTML = " ";
       
this.el = s;
        li
.addClass("x-menu-sep-li");
       
Ext.menu.Separator.superclass.onRender.apply(this, arguments);
   
}
});
Ext.reg('menuseparator', Ext.menu.Separator);