+
+ var panel_freezers = new Ext.Panel({
+ frame: true,
+ title: 'Freezers',
+ collapsible: true,
+ titleCollapse: true,
+ collapsed: true,
+ stateful: true,
+ stateId: 'freezer_panel_state',
+ contentEl: 'freezer_menu',
+ stateEvents: ['collapse', 'expand']
+ });
+
+ var panel_containers = new Ext.Panel({
+ frame: true,
+ title: 'Containers',
+ collapsible: true,
+ titleCollapse: true,
+ collapsed: true,
+ stateful: true,
+ stateId: 'container_panel_state',
+ contentEl: 'container_menu',
+ stateEvents: ['collapse', 'expand']
+ });
+
+ var panel_samples = new Ext.Panel({
+ frame: true,
+ title: 'Samples',
+ collapsible: true,
+ titleCollapse: true,
+ collapsed: true,
+ stateful: true,
+ stateId: 'sample_panel_state',
+ contentEl: 'sample_menu',
+ stateEvents: ['collapse', 'expand']
+ });
+
+ var panel_settings = new Ext.Panel({
+ frame: true,
+ title: 'Settings',
+ collapsible: true,
+ titleCollapse: true,
+ collapsed: true,
+ stateful: true,
+ stateId: 'settings_panel_state',
+ contentEl: 'settings_menu',
+ stateEvents: ['collapse', 'expand']
+ });
+
+ var panel_bcmagic = new Ext.Panel({
+ //title: 'BC Magic',
+ contentEl: 'bcmagic_div',
+ height: 160
+ });
+
+ var menuPanel = new Ext.Panel({
+ id: 'menu_panel',
+ region: 'west',
+ collapsible: true,
+ margins: '2 0 0 0',
+ cmargins: '2 2 0 2',
+ //collapseMode: 'mini',
+ width: 200,
+ minWidth: 150,
+ border: false,
+ //baseCls: 'x-plain',
+ items: [panel_freezers, panel_containers, panel_samples, panel_settings, panel_bcmagic]
+ });
+
+ /*var menuAccordionPanel = new Ext.Panel({