var nom = "societe";
var titre = "BACHELOT AUTOMOBILES";
var titre_icone = "La société";
var icone = "home";

//#######################################################################################
//### Panel principal Société
//#######################################################################################
monTab_societe = Ext.extend(Ext.TabPanel, {
	
	title: titre_icone,
	iconCls: icone,
	cls: nom,
	scroll: 'vertical',
	id: 'panelSociete',
	listeners: {
		activate: function(tab) {
			Ext.Ajax.request({
				url: 'recup-tab.php?tab='+this.cls,
				success: function (response, opts) {
					tab.update(response.responseText, true);
					if (document.getElementById('id_fiche'))
					{
						Ext.getCmp('id_fiche').destroy();
					}
					$('.bxslider').bxSlider({
						auto: true,
						controls: false,
						pager: false
					});
					$('#listeVO').bind('click', function(e) {
						tab.ownerCt.setActiveItem(tab.ownerCt.items.items[1]);
					});
					$('#listeVU').bind('click', function(e) {
						tab.ownerCt.setActiveItem(tab.ownerCt.items.items[2]);
					});
				},
			});
		}
	},
	dockedItems: [
		{
			xtype: "toolbar",
			title: titre,
			style: {
				height: '30px',
				fontSize: '12px',
			}
		}
	]
});

Ext.reg(nom, monTab_societe);