Ext.ns('app');

app.menu = {
	id:'menu',
	xtype: 'treepanel',
	region:'center',
	autoScroll:true,
	title:'Menu',
	iconCls:'nav',
	rootVisible: false,
	border:false,
	lines: false,
	singleExpand: false,
	useArrows: true,
	listeners: {
		click : {
			scope  : this,
          	fn     : function( n, e ) {
          		//var sn = this.selModel.selNode || {}; // selNode is null on initial selection
    			if(n.leaf)
    			{
    				//Accedemos a los a atributod del json que usamos para crear el nodo con
	          		if (n.attributes.url)
	          		{
	          			url = n.attributes.url;
	          		}
	          		else {
	          			url =n.id+'.jsp';
	          		}

	          		//Abrimos el nuevo tab
	          		app.addTab(n.id,n.text,url,n.attributes.tabType);
    			}
          	}
		}

	},

	loader: new Ext.tree.TreeLoader({
		dataUrl:'js/app.tree.js'
	}),
	root: new Ext.tree.AsyncTreeNode({
		expanded  :true
	})
}


/************** MENU USUARIO ********************/

app.panelUsuario = new Ext.Panel({
	el:'usuarioConectado',
	cls:'x-panel-header',
	split:false,
	border:false,
	collapsible:true,
	collapsedTitle: true,
	region:'south',
	height:110
});

/********************************************************************************************

app.navigation

 	Tipo : Acordeon
 	Componentes:	app.menu
 					app.help

 *******************************************************************************************/
app.navigation = {
    title: 'SdSimple',
	region: 'west',
	id:'navigation',
	split:true,
	border:true,
	width: 175,
	minSize: 175,
	maxSize: 400,
	margins:'2 0 3 3',
	collapsible: true,
	collapsedTitle: true,
	//layout:'accordion',
	layout:'border',
	//layout:'fit',
	layoutConfig:{
	    animate:true
	},
	//items:app.menu
	items:[app.menu, app.panelUsuario]
}