Ext.ns('app');

app.tabs = Ext.extend(Ext.TabPanel,{
	region: 'center',
	border : true,
	enableTabScroll:true,
	plain:true,	
	defaults: {
		autoScroll:true
		//iconCls: 'tabs'
	},
	tabList : null,
	artistTab : null,
	albumTab : null,
	
	initComponent : function(){
		
		app.tabs.superclass.initComponent.call(this);
		this.listTab = new app.grid.soundFull({
			PPanel : this,
			iconCls : 'music-title'
			
		});
		this.add(this.listTab);
		
		this.artistTab = new app.grid.artist({
			PPanel : this,
			iconCls : 'artist-title'
		});
		this.add(this.artistTab);
		
		this.albumTab = new app.grid.album({
			PPanel : this,
			iconCls : 'album-title'
		});
		this.add(this.albumTab);
		
		
		
		this.activeTab = 0;
		this.addClass('tab-girds');
	}
});