Ext.ns('Ext.ux.clv2')

Ext.ux.clv2.VerticalToolbar = function(config) {
    // call parent constructor
    Ext.ux.clv2.VerticalToolbar.superclass.constructor.call(this, config);
}; // end of Ext.ux.clv2.VerticalToolbar constructor

(function(){

var VT = Ext.ux.clv2.VerticalToolbar;

Ext.extend(VT, Ext.Toolbar, {
	nextBlock : function(){
		var td = document.createElement("td");
		this.tr.appendChild(td);
		var tr = document.createElement("tr");
		var tbl = this.el.child("tbody", true);
		tbl.appendChild(tr);        
		this.tr = tr;
		return td;
	},
	
	addSeparator : function(){
		//return this.addItem(new T.Separator());
		//return this.addItem(new Ext.menu.Separator({itemCls: 'ux-toolmenu-sep'}));
		return this.addItem(new Ext.menu.Separator({itemCls: 'xtb-sep'}));
	},
	
	changeItemPressed : function(item){
		if(this.currentPressed){
			if(this.currentPressed != item){
				this.currentPressed.el.removeClass("x-btn-pressed");
				this.currentPressed.pressed = false;
				item.el.addClass("x-btn-pressed");
				item.pressed = true;
			}
		}else{
			if(this.items && this.items.items){
				for(var i=0; i < this.items.items.length; i++){
					if(this.items.items[i].pressed && this.items.items[i] != item){
						this.items.items[i].el.removeClass("x-btn-pressed");
						this.items.items[i].pressed = false;
					}
				}
			}
		}
		this.currentPressed = item;
	},
	
	togglePressState : function(item){
		if(!item.pressed){
			item.el.addClass("x-btn-pressed");
			item.pressed = true;
		}else{
			item.el.removeClass("x-btn-pressed");
			item.pressed = false;
		}
	}/*,
	
	initializeItems : function(){
		this.add({
			text: 'Content',
			id:'content-selector',
			iconCls: 'icon-content',
			enableToggle: true,
			toggleHandler: (this.parent && this.parent.onItemToggle) ? this.parent.onItemToggle : this.onItemToggle,
			pressed: false,
			minWidth: 146,
			toolbar: this,
			scope: (this.parent && this.parent.onItemToggle) ? this.parent : this
		},'-',{
			text: 'Metadata',
			id:'metadata-selector',
			iconCls: 'icon-metadata',
			enableToggle: true,
			toggleHandler: (this.parent && this.parent.onItemToggle) ? this.parent.onItemToggle : this.onItemToggle,
			pressed: false,
			minWidth: 146,
			toolbar: this,
			scope: (this.parent && this.parent.onItemToggle) ? this.parent : this
		},'-',{
			text: 'Standards',
			id:'standards-selector',
			iconCls: 'icon-standards',
			enableToggle: true,
			toggleHandler: (this.parent && this.parent.onItemToggle) ? this.parent.onItemToggle : this.onItemToggle,
			pressed: false,
			minWidth: 146,
			toolbar: this,
			scope: (this.parent && this.parent.onItemToggle) ? this.parent : this
		},'-',{
			text: 'Versions',
			id:'versions-selector',
			iconCls: 'icon-versions',
			enableToggle: true,
			toggleHandler: (this.parent && this.parent.onItemToggle) ? this.parent.onItemToggle : this.onItemToggle,
			pressed: false,
			minWidth: 146,
			toolbar: this,
			scope: (this.parent && this.parent.onItemToggle) ? this.parent : this
		},'-',{
			text: 'Sharing',
			id:'sharing-selector',
			iconCls: 'icon-sharing',
			enableToggle: true,
			toggleHandler: (this.parent && this.parent.onItemToggle) ? this.parent.onItemToggle : this.onItemToggle,
			pressed: false,
			minWidth: 146,
			toolbar: this,
			scope: (this.parent && this.parent.onItemToggle) ? this.parent : this
		},'-',{
			text: 'Collaboration',
			id:'collaboration-selector',
			iconCls: 'icon-collaboration',
			enableToggle: true,
			toggleHandler: (this.parent && this.parent.onItemToggle) ? this.parent.onItemToggle : this.onItemToggle,
			pressed: false,
			minWidth: 146,
			toolbar: this,
			scope: (this.parent && this.parent.onItemToggle) ? this.parent : this
		},'-',{
			text: 'Rating',
			id:'rating-selector',
			iconCls: 'icon-rating',
			enableToggle: true,
			toggleHandler: (this.parent && this.parent.onItemToggle) ? this.parent.onItemToggle : this.onItemToggle,
			pressed: false,
			minWidth: 146,
			toolbar: this,
			scope: (this.parent && this.parent.onItemToggle) ? this.parent : this
		});
	},
	
	onItemToggle : function(item, pressed){
		if(!item.pressed){
			item.toolbar.togglePressState(item);
		}else{
			Ext.example.msg('Button Toggled', 'Button "{0}" was toggled to {1}.', item.text, pressed);
			item.toolbar.changeItemPressed(item);
		}
	}*/
});
Ext.reg('VerticalToolbar', Ext.ux.clv2.VerticalToolbar);

})();
