//define namespace
Ext.namespace('App');

App.Menu = function(config){
	//Classe
	config.cls = 'x-plain';
	
	//Apply custom properties
	Ext.apply(this, config);

	//Call superclass constructor
	App.Menu.superclass.constructor.call(this);		
};

Ext.extend(App.Menu, Ext.Toolbar,{
	onRender : function(ct, p){           		
		App.Menu.superclass.onRender.call(this, ct, p);
		
		//Adiciona provisoriamente as op��es de menu
		this.addOptions();

	},
	
	/**
	 * Adiciona as op��es de menu ao sistema
	 * 
	 */
	addOptions : function(){
		var general = {
                   xtype: 'buttongroup',
                   title: 'Pedidos',
                   defaults:{
                          iconAlign: 'top',
                          scale: 'large',
                          enableToggle: true,
                          toggleGroup: 'menu'
                   },
                   items:[
                          {
                                  text: 'Avisos',
                                  iconCls: 'app-notice',
                                  handler: function(){
                                        this.ui.activate('pedido-aviso');
                                  },
                                  scope: this
                          },
                          {
                                  text: 'Pedidos',
                                  iconCls: 'app-solicitacao',
                                  handler: function(){
                                        this.ui.activate('pedido-pedido');
                                  },
                                  scope: this
                          },
                          {
                                  text: 'Empresas',
                                  iconCls: 'app-empresa',
                                  handler: function(){
                                        this.ui.activate('pedido-empresa');
                                  },
                                  scope: this

                          },
                          {
                                  text: 'Produtos e serviços',
                                  iconCls: 'app-item',
                                  handler: function(){
                                        this.ui.activate('pedido-item');
                                  },
                                  scope: this

                          }

                   ]
           };

           var fin =            {
        	   xtype: 'buttongroup',
        	   title: 'Financeiro',
                   id: 'mn-fin',
        	   defaults:{
        	   	  iconAlign: 'top',
        	   	  scale: 'large',
                          enableToggle: true,
                          toggleGroup: 'menu'
           	   },
        	   items:[
        	          {
        	        	  text: 'Fluxo de caixa',
        	        	  iconCls: 'app-financial',
        	        	  handler: function(){
        	        	  	this.ui.activate('financeiro-fluxo');
        	          	  },
        	          	  scope: this
        	          },
        	          {
        	        	  text: 'Relatórios',
        	        	  iconCls: 'app-report',
        	        	  handler: function(){
        	        	  	this.ui.activate('financeiro-relatorio');
        	          	  },
        	          	  scope: this
        	          }


        	   ]
           };

           var admin =            {
        	   xtype: 'buttongroup',
        	   title: 'Administração',
                   id: 'mn-admin',
        	   defaults:{
        	   	  iconAlign: 'top',
        	   	  scale: 'large',
                          enableToggle: true,
                          toggleGroup: 'menu'
           	   },
        	   items:[
        	          {
        	        	  text: 'Setores',
        	        	  iconCls: 'app-setor',
        	        	  handler: function(){
	      	        	  	this.ui.activate('admin-setor');
	      	          	  },
	      	          	  scope: this
        	          },
        	          /*{
        	        	  text: 'Usuários',
        	        	  iconCls: 'app-user',
        	        	  handler: function(){
	      	        	  	this.ui.activate('admin-user');
	      	          	  },
	      	          	  scope: this
        	          },*/
        	          {
        	        	  text: 'Centros de custo',
        	        	  iconCls: 'app-custo',
        	        	  handler: function(){
	      	        	  	this.ui.activate('admin-custo');
	      	          	  },
	      	          	  scope: this
        	          }
        	   ]
           };


           this.add(general);

           //Aplica permissões
           if (App.data.user.admin == '1'){
                this.add(fin);
                this.add(admin);
           }

            //Adiciona as op��es
            //this.add(options);
	}
        

});

//Registra o componente
Ext.reg('app-menu',App.Menu);