var layout;

// The main interface layout is defined here 
// East panel contains the Collections/Search, Results, Metadata and Data tabs
// Center tab contains the Arctic and Antarctic map tabs
var panels = function(){
	return {
		initialize : function(){
			// layout for the wrapper_body component in Whitesnow.jsp
			layout = new Ext.BorderLayout('wrapper_body', {
				/*north: {
					initialSize: 25,
					titlebar: false,
					border: false
				},*/
				east: {
					split:true,
					initialSize: 580,
					// titlebar: true,							 		
					tabPosition:'top',
					collapsible:true,
					collapsed:false,
					minSize:430,
					maxSize: 900
				},
				center: {
					autoScroll: false,
					tabPosition:'top'			
				}
			});

			layout.beginUpdate();
			layout.add('east', new Ext.ContentPanel('search_div', {title: 'Collections', closable:false}));			
			layout.add('east', new Ext.ContentPanel('results_div', {title: "Results", closable: false}));
			layout.add('east', new Ext.ContentPanel('metadata_popup', {title: 'Metadata', closable:false}));
			layout.add('east', new Ext.ContentPanel('R1_data', {title: 'Data', closable:false}));
			
			load("arctic");
			load("antarctic");
			
			layout.add('center', new Ext.ContentPanel('arctic', {title:'Arctic', closable:false}));
			layout.add('center', new Ext.ContentPanel('antarctic', {title:'Antarctic', closable:false}));
			
			layout.getRegion('center').getTabs().activate("arctic");
			layout.getRegion('east').getTabs().activate("search_div");
			layout.getRegion('east').getTabs().disableTab("results_div");
			layout.getRegion('east').getTabs().disableTab("R1_data");
			layout.getRegion('east').getTabs().disableTab("metadata_popup");
			
			layout.endUpdate();
		}
	};
}();

Ext.EventManager.onDocumentReady(panels.initialize, panels, true);