var GOMCurrentDate=new Ext.form.DateField({
	fieldLabel:'Date',  
	emptyText:'-- Select a Date --',  
	format:'Y-m-d', 
	
	minValue :new Date().format('Y-m-d'),
	maxValue :new Date().add(Date.DAY, 5),
	value: new Date().format('Y-m-d'),
	
	//value :'2010-03-08',
	//emptyText: 'Select a date... ...',
	listeners:{
		select:{
			fn:function(){
				
				
				GOMstring = GOMCurrentDate.value+"T"+GOMCurrentTime.value;
				document.getElementById("GOMTime").innerHTML = "<b>Time: "+GOMCurrentDate.value+"   "+GOMCurrentTime.value+"</b>";
				GOMVelocityVectorsOverlays.mergeNewParams({'time': GOMstring});
				GOMVelocityContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMVelocityFilledContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMVelocityImageOverlays.mergeNewParams({'time': GOMstring});
				GOMVelocityInterpolatedOverlays.mergeNewParams({'time': GOMstring});
				GOMElevationContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMElevationFilledContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMElevationImageOverlays.mergeNewParams({'time': GOMstring});
				GOMElevationInterpolatedOverlays.mergeNewParams({'time': GOMstring});
				GOMTemperatureContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMTemperatureFilledContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMTemperatureImageOverlays.mergeNewParams({'time': GOMstring});
				GOMTemperatureInterpolatedOverlays.mergeNewParams({'time': GOMstring});
				GOMSalinityContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMSalinityFilledContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMSalinityImageOverlays.mergeNewParams({'time': GOMstring});
				GOMSalinityInterpolatedOverlays.mergeNewParams({'time': GOMstring});
				GOMIcing_0ktsContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMIcing_0ktsFilledContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMIcing_10ktsContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMIcing_10ktsFilledContoursOverlays.mergeNewParams({'time': GOMstring});
				
			}
		}
	} 


});






var GOMCurrentTime = new Ext.form.TimeField({
	fieldLabel:'Time',
	emptyText:'-- Select a Time --',
	
	increment: 60,
	format: 'H:i:s',
	value: new Date().format('H')+':00:00',
	
	listeners:{
		select:{
			fn:function(){
				document.getElementById("GOMTime").innerHTML = "<b>Time: "+GOMCurrentDate.value+"   "+GOMCurrentTime.value+"</b>";
				GOMstring = GOMCurrentDate.value+"T"+GOMCurrentTime.value;
				GOMVelocityVectorsOverlays.mergeNewParams({'time': GOMstring});
				GOMVelocityContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMVelocityFilledContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMVelocityImageOverlays.mergeNewParams({'time': GOMstring});
				GOMVelocityInterpolatedOverlays.mergeNewParams({'time': GOMstring});
				GOMElevationContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMElevationFilledContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMElevationImageOverlays.mergeNewParams({'time': GOMstring});
				GOMElevationInterpolatedOverlays.mergeNewParams({'time': GOMstring});
				GOMTemperatureContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMTemperatureFilledContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMTemperatureImageOverlays.mergeNewParams({'time': GOMstring});
				GOMTemperatureInterpolatedOverlays.mergeNewParams({'time': GOMstring});
				GOMSalinityContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMSalinityFilledContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMSalinityImageOverlays.mergeNewParams({'time': GOMstring});
				GOMSalinityInterpolatedOverlays.mergeNewParams({'time': GOMstring});
				GOMIcing_0ktsContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMIcing_0ktsFilledContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMIcing_10ktsContoursOverlays.mergeNewParams({'time': GOMstring});
				GOMIcing_10ktsFilledContoursOverlays.mergeNewParams({'time': GOMstring});
				
				}
		}
	} 


});

var GOMTime = {
		//xtype: 'fieldset',
		title: '<span id="GOMTime"><b>Time: '+GOMCurrentDate.value+'   '+GOMCurrentTime.value+'</b></span>',
		iconCls: 'clock',
		autoHeight: true,
		//layout: 'form',
		collapsed: true,   // initially collapse the group
		collapsible: true,
		items: [{
			// Use the default, automatic layout to distribute the controls evenly
			// across a single row
			xtype: 'checkboxgroup',
			//fieldLabel: 'Multi-Column (vertical)',
			columns: 1,
			
			items: [GOMCurrentDate,GOMCurrentTime,{
			
				
				'boxLabel':'Time Series',
				
				
				'xtype':'checkbox',
				
				
				'name':'GOMTimeSeries',
				
				
				'id':'ckGOMTimeSeries',
				
				

            }]
		}]

};

var GOMVelocityVectorsSettingValue =({
	"(model)":"GOM",
	"(name)": "Vectors",
	"(type)": "vectors",
	"(variable)":"Velocity",
	"Layers":1,"Arrow Size":8,"Color Scaling Max":1.5,"Color Bar":false,"Arrow Width":800,"Case Sensitive":true,"Color Scaling Min":0,
        
	"Color Map":'jet',
});
var GOMVelocityVectorsAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMVelocityContoursSettingValue =({
	"(model)":"GOM",
	"(name)": "Contours",
	"(type)": "contours",
	"(variable)":"Velocity",
	"Layers":1,"Color Scaling Max":1.5,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMVelocityContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMVelocityFilledContoursSettingValue =({
	"(model)":"GOM",
	"(name)": "FilledContours",
	"(type)": "filledcontours",
	"(variable)":"Velocity",
	"Layers":1,"Color Scaling Max":1.5,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMVelocityFilledContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMVelocityImageSettingValue =({
	"(model)":"GOM",
	"(name)": "Image",
	"(type)": "facets",
	"(variable)":"Velocity",
	"Layers":1,"Color Scaling Max":1.5,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMVelocityImageAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMVelocityInterpolatedSettingValue =({
	"(model)":"GOM",
	"(name)": "Interpolated",
	"(type)": "pcolor",
	"(variable)":"Velocity",
	"Layers":1,"Color Scaling Max":1.5,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMVelocityInterpolatedAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMElevationContoursSettingValue =({
	"(model)":"GOM",
	"(name)": "Contours",
	"(type)": "contours",
	"(variable)":"Elevation",
	"Layers":1,"Case Sensitive":true,"Color Bar":true,
        
	"Color_Scaling_Max":'None',"Color Map":'jet',"Color_Scaling_Min":'None',
});
var GOMElevationContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMElevationFilledContoursSettingValue =({
	"(model)":"GOM",
	"(name)": "FilledContours",
	"(type)": "filledcontours",
	"(variable)":"Elevation",
	"Layers":1,"Case Sensitive":true,"Color Bar":true,
        
	"Color_Scaling_Max":'None',"Color Map":'jet',"Color_Scaling_Min":'None',
});
var GOMElevationFilledContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMElevationImageSettingValue =({
	"(model)":"GOM",
	"(name)": "Image",
	"(type)": "facets",
	"(variable)":"Elevation",
	"Layers":1,"Case Sensitive":true,"Color Bar":true,
        
	"Color_Scaling_Max":'None',"Color Map":'jet',"Color_Scaling_Min":'None',
});
var GOMElevationImageAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMElevationInterpolatedSettingValue =({
	"(model)":"GOM",
	"(name)": "Interpolated",
	"(type)": "pcolor",
	"(variable)":"Elevation",
	"Layers":1,"Case Sensitive":true,"Color Bar":true,
        
	"Color_Scaling_Max":'None',"Color Map":'jet',"Color_Scaling_Min":'None',
});
var GOMElevationInterpolatedAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMTemperatureContoursSettingValue =({
	"(model)":"GOM",
	"(name)": "Contours",
	"(type)": "contours",
	"(variable)":"Temperature",
	"Layers":1,"Color Scaling Max":36,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMTemperatureContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMTemperatureFilledContoursSettingValue =({
	"(model)":"GOM",
	"(name)": "FilledContours",
	"(type)": "filledcontours",
	"(variable)":"Temperature",
	"Layers":1,"Color Scaling Max":36,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMTemperatureFilledContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMTemperatureImageSettingValue =({
	"(model)":"GOM",
	"(name)": "Image",
	"(type)": "facets",
	"(variable)":"Temperature",
	"Layers":1,"Color Scaling Max":36,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMTemperatureImageAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMTemperatureInterpolatedSettingValue =({
	"(model)":"GOM",
	"(name)": "Interpolated",
	"(type)": "pcolor",
	"(variable)":"Temperature",
	"Layers":1,"Color Scaling Max":36,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMTemperatureInterpolatedAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMSalinityContoursSettingValue =({
	"(model)":"GOM",
	"(name)": "Contours",
	"(type)": "contours",
	"(variable)":"Salinity",
	"Layers":1,"Color Scaling Max":36,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMSalinityContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMSalinityFilledContoursSettingValue =({
	"(model)":"GOM",
	"(name)": "FilledContours",
	"(type)": "filledcontours",
	"(variable)":"Salinity",
	"Layers":1,"Color Scaling Max":36,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMSalinityFilledContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMSalinityImageSettingValue =({
	"(model)":"GOM",
	"(name)": "Image",
	"(type)": "facets",
	"(variable)":"Salinity",
	"Layers":1,"Color Scaling Max":36,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMSalinityImageAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMSalinityInterpolatedSettingValue =({
	"(model)":"GOM",
	"(name)": "Interpolated",
	"(type)": "pcolor",
	"(variable)":"Salinity",
	"Layers":1,"Color Scaling Max":36,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMSalinityInterpolatedAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMIcing_0ktsContoursSettingValue =({
	"(model)":"GOM",
	"(name)": "Contours",
	"(type)": "contours",
	"(variable)":"Icing_0kts",
	"Layers":1,"Color Scaling Max":70,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMIcing_0ktsContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMIcing_0ktsFilledContoursSettingValue =({
	"(model)":"GOM",
	"(name)": "FilledContours",
	"(type)": "filledcontours",
	"(variable)":"Icing_0kts",
	"Layers":1,"Color Scaling Max":70,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMIcing_0ktsFilledContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMIcing_10ktsContoursSettingValue =({
	"(model)":"GOM",
	"(name)": "Contours",
	"(type)": "contours",
	"(variable)":"Icing_10kts",
	"Layers":1,"Color Scaling Max":70,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMIcing_10ktsContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var GOMIcing_10ktsFilledContoursSettingValue =({
	"(model)":"GOM",
	"(name)": "FilledContours",
	"(type)": "filledcontours",
	"(variable)":"Icing_10kts",
	"Layers":1,"Color Scaling Max":70,"Case Sensitive":true,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var GOMIcing_10ktsFilledContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});








var GOMVelocity = {
		
		//xtype: 'fieldset',
		title: 'Velocity',
		autoHeight: true,
		id: 'GOMVelocity',
		//layout: 'form',
		iconCls: 'mapIcon',
		collapsed: true,   // initially collapse the group
		collapsible: true,
		items: [{
			// Use the default, automatic layout to distribute the controls evenly
			// across a single row
			xtype: 'checkboxgroup',
			//fieldLabel: 'Multi-Column (vertical)',
			columns: 2,
			items: [
			        
			        {boxLabel: 'Vectors',id:'ckGOMVelocityVectors'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMVelocityVectorsAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMVelocityVectorsAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMVelocityVectorsAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'vectors');
			        				document.getElementById("bdGOMVelocityVectorsAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'vectors');
			        				document.getElementById("bdGOMVelocityVectorsAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMVelocityVectorsSettingValue);
			        			GOMVelocityVectorsOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMVelocityVectorsSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMVelocityVectorsSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Contours',id:'ckGOMVelocityContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMVelocityContoursAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMVelocityContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMVelocityContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'contours');
			        				document.getElementById("bdGOMVelocityContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'contours');
			        				document.getElementById("bdGOMVelocityContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMVelocityContoursSettingValue);
			        			GOMVelocityContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMVelocityContoursSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMVelocityContoursSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'FilledContours',id:'ckGOMVelocityFilledContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMVelocityFilledContoursAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMVelocityFilledContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMVelocityFilledContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'filledcontours');
			        				document.getElementById("bdGOMVelocityFilledContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'filledcontours');
			        				document.getElementById("bdGOMVelocityFilledContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMVelocityFilledContoursSettingValue);
			        			GOMVelocityFilledContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMVelocityFilledContoursSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMVelocityFilledContoursSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Image',id:'ckGOMVelocityImage'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMVelocityImageAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMVelocityImageAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMVelocityImageAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'facets');
			        				document.getElementById("bdGOMVelocityImageAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'facets');
			        				document.getElementById("bdGOMVelocityImageAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMVelocityImageSettingValue);
			        			GOMVelocityImageOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMVelocityImageSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMVelocityImageSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Interpolated',id:'ckGOMVelocityInterpolated'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMVelocityInterpolatedAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMVelocityInterpolatedAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMVelocityInterpolatedAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'pcolor');
			        				document.getElementById("bdGOMVelocityInterpolatedAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'pcolor');
			        				document.getElementById("bdGOMVelocityInterpolatedAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMVelocityInterpolatedSettingValue);
			        			GOMVelocityInterpolatedOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMVelocityInterpolatedSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMVelocityInterpolatedSettingValue);

			        			}



			        		}
			        		]
			        },
			        

			        ],

		}]

};




var GOMElevation = {
		
		//xtype: 'fieldset',
		title: 'Elevation',
		autoHeight: true,
		id: 'GOMElevation',
		//layout: 'form',
		iconCls: 'mapIcon',
		collapsed: true,   // initially collapse the group
		collapsible: true,
		items: [{
			// Use the default, automatic layout to distribute the controls evenly
			// across a single row
			xtype: 'checkboxgroup',
			//fieldLabel: 'Multi-Column (vertical)',
			columns: 2,
			items: [
			        
			        {boxLabel: 'Contours',id:'ckGOMElevationContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMElevationContoursAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMElevationContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMElevationContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'contours');
			        				document.getElementById("bdGOMElevationContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'contours');
			        				document.getElementById("bdGOMElevationContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMElevationContoursSettingValue);
			        			GOMElevationContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMElevationContoursSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMElevationContoursSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'FilledContours',id:'ckGOMElevationFilledContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMElevationFilledContoursAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMElevationFilledContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMElevationFilledContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'filledcontours');
			        				document.getElementById("bdGOMElevationFilledContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'filledcontours');
			        				document.getElementById("bdGOMElevationFilledContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMElevationFilledContoursSettingValue);
			        			GOMElevationFilledContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMElevationFilledContoursSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMElevationFilledContoursSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Image',id:'ckGOMElevationImage'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMElevationImageAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMElevationImageAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMElevationImageAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'facets');
			        				document.getElementById("bdGOMElevationImageAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'facets');
			        				document.getElementById("bdGOMElevationImageAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMElevationImageSettingValue);
			        			GOMElevationImageOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMElevationImageSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMElevationImageSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Interpolated',id:'ckGOMElevationInterpolated'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMElevationInterpolatedAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMElevationInterpolatedAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMElevationInterpolatedAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'pcolor');
			        				document.getElementById("bdGOMElevationInterpolatedAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'pcolor');
			        				document.getElementById("bdGOMElevationInterpolatedAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMElevationInterpolatedSettingValue);
			        			GOMElevationInterpolatedOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMElevationInterpolatedSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMElevationInterpolatedSettingValue);

			        			}



			        		}
			        		]
			        },
			        

			        ],

		}]

};




var GOMTemperature = {
		
		//xtype: 'fieldset',
		title: 'Temperature',
		autoHeight: true,
		id: 'GOMTemperature',
		//layout: 'form',
		iconCls: 'mapIcon',
		collapsed: true,   // initially collapse the group
		collapsible: true,
		items: [{
			// Use the default, automatic layout to distribute the controls evenly
			// across a single row
			xtype: 'checkboxgroup',
			//fieldLabel: 'Multi-Column (vertical)',
			columns: 2,
			items: [
			        
			        {boxLabel: 'Contours',id:'ckGOMTemperatureContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMTemperatureContoursAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMTemperatureContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMTemperatureContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'contours');
			        				document.getElementById("bdGOMTemperatureContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'contours');
			        				document.getElementById("bdGOMTemperatureContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMTemperatureContoursSettingValue);
			        			GOMTemperatureContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMTemperatureContoursSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMTemperatureContoursSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'FilledContours',id:'ckGOMTemperatureFilledContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMTemperatureFilledContoursAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMTemperatureFilledContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMTemperatureFilledContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'filledcontours');
			        				document.getElementById("bdGOMTemperatureFilledContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'filledcontours');
			        				document.getElementById("bdGOMTemperatureFilledContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMTemperatureFilledContoursSettingValue);
			        			GOMTemperatureFilledContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMTemperatureFilledContoursSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMTemperatureFilledContoursSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Image',id:'ckGOMTemperatureImage'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMTemperatureImageAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMTemperatureImageAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMTemperatureImageAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'facets');
			        				document.getElementById("bdGOMTemperatureImageAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'facets');
			        				document.getElementById("bdGOMTemperatureImageAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMTemperatureImageSettingValue);
			        			GOMTemperatureImageOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMTemperatureImageSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMTemperatureImageSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Interpolated',id:'ckGOMTemperatureInterpolated'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMTemperatureInterpolatedAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMTemperatureInterpolatedAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMTemperatureInterpolatedAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'pcolor');
			        				document.getElementById("bdGOMTemperatureInterpolatedAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'pcolor');
			        				document.getElementById("bdGOMTemperatureInterpolatedAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMTemperatureInterpolatedSettingValue);
			        			GOMTemperatureInterpolatedOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMTemperatureInterpolatedSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMTemperatureInterpolatedSettingValue);

			        			}



			        		}
			        		]
			        },
			        

			        ],

		}]

};




var GOMSalinity = {
		
		//xtype: 'fieldset',
		title: 'Salinity',
		autoHeight: true,
		id: 'GOMSalinity',
		//layout: 'form',
		iconCls: 'mapIcon',
		collapsed: true,   // initially collapse the group
		collapsible: true,
		items: [{
			// Use the default, automatic layout to distribute the controls evenly
			// across a single row
			xtype: 'checkboxgroup',
			//fieldLabel: 'Multi-Column (vertical)',
			columns: 2,
			items: [
			        
			        {boxLabel: 'Contours',id:'ckGOMSalinityContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMSalinityContoursAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMSalinityContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMSalinityContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'contours');
			        				document.getElementById("bdGOMSalinityContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'contours');
			        				document.getElementById("bdGOMSalinityContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMSalinityContoursSettingValue);
			        			GOMSalinityContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMSalinityContoursSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMSalinityContoursSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'FilledContours',id:'ckGOMSalinityFilledContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMSalinityFilledContoursAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMSalinityFilledContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMSalinityFilledContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'filledcontours');
			        				document.getElementById("bdGOMSalinityFilledContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'filledcontours');
			        				document.getElementById("bdGOMSalinityFilledContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMSalinityFilledContoursSettingValue);
			        			GOMSalinityFilledContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMSalinityFilledContoursSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMSalinityFilledContoursSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Image',id:'ckGOMSalinityImage'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMSalinityImageAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMSalinityImageAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMSalinityImageAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'facets');
			        				document.getElementById("bdGOMSalinityImageAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'facets');
			        				document.getElementById("bdGOMSalinityImageAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMSalinityImageSettingValue);
			        			GOMSalinityImageOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMSalinityImageSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMSalinityImageSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Interpolated',id:'ckGOMSalinityInterpolated'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMSalinityInterpolatedAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMSalinityInterpolatedAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMSalinityInterpolatedAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'pcolor');
			        				document.getElementById("bdGOMSalinityInterpolatedAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'pcolor');
			        				document.getElementById("bdGOMSalinityInterpolatedAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMSalinityInterpolatedSettingValue);
			        			GOMSalinityInterpolatedOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMSalinityInterpolatedSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMSalinityInterpolatedSettingValue);

			        			}



			        		}
			        		]
			        },
			        

			        ],

		}]

};




var GOMIcing_0kts = {
		
		//xtype: 'fieldset',
		title: '<span title ="Information about Icing 0Kts" onclick="information()">Icing_0kts</span>',
		autoHeight: true,
		id: 'GOMIcing_0kts',
		//layout: 'form',
		iconCls: 'mapIcon',
		collapsed: true,   // initially collapse the group
		collapsible: true,
		items: [{
			// Use the default, automatic layout to distribute the controls evenly
			// across a single row
			xtype: 'checkboxgroup',
			//fieldLabel: 'Multi-Column (vertical)',
			columns: 2,
			items: [
			        
			        {boxLabel: 'Contours',id:'ckGOMIcing_0ktsContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMIcing_0ktsContoursAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMIcing_0ktsContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMIcing_0ktsContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'contours');
			        				document.getElementById("bdGOMIcing_0ktsContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'contours');
			        				document.getElementById("bdGOMIcing_0ktsContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMIcing_0ktsContoursSettingValue);
			        			GOMIcing_0ktsContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMIcing_0ktsContoursSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMIcing_0ktsContoursSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'FilledContours',id:'ckGOMIcing_0ktsFilledContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMIcing_0ktsFilledContoursAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMIcing_0ktsFilledContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMIcing_0ktsFilledContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'filledcontours');
			        				document.getElementById("bdGOMIcing_0ktsFilledContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'filledcontours');
			        				document.getElementById("bdGOMIcing_0ktsFilledContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMIcing_0ktsFilledContoursSettingValue);
			        			GOMIcing_0ktsFilledContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMIcing_0ktsFilledContoursSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMIcing_0ktsFilledContoursSettingValue);

			        			}



			        		}
			        		]
			        },
			        

			        ],

		}]

};




var GOMIcing_10kts = {
		
		//xtype: 'fieldset',
		title: '<span title ="Information about Icing 10Kts" onclick="information()">Icing_10kts</span>',
		autoHeight: true,
		id: 'GOMIcing_10kts',
		//layout: 'form',
		iconCls: 'mapIcon',
		collapsed: true,   // initially collapse the group
		collapsible: true,
		items: [{
			// Use the default, automatic layout to distribute the controls evenly
			// across a single row
			xtype: 'checkboxgroup',
			//fieldLabel: 'Multi-Column (vertical)',
			columns: 2,
			items: [
			        
			        {boxLabel: 'Contours',id:'ckGOMIcing_10ktsContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMIcing_10ktsContoursAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMIcing_10ktsContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMIcing_10ktsContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'contours');
			        				document.getElementById("bdGOMIcing_10ktsContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'contours');
			        				document.getElementById("bdGOMIcing_10ktsContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMIcing_10ktsContoursSettingValue);
			        			GOMIcing_10ktsContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMIcing_10ktsContoursSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMIcing_10ktsContoursSettingValue);

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'FilledContours',id:'ckGOMIcing_10ktsFilledContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdGOMIcing_10ktsFilledContoursAnimation">Off</span>',
			        		iconCls:'film',
			        		handler: function(){
			        			//var w = Ext.getCmp('mainTab');
			        			//w.setActiveTab(0);
			        			//w.expand();
			        			//w.collapsed ? w.expand() : w.collapse();
			        			simple.getForm().setValues(GOMIcing_10ktsFilledContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdGOMIcing_10ktsFilledContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'filledcontours');
			        				document.getElementById("bdGOMIcing_10ktsFilledContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'filledcontours');
			        				document.getElementById("bdGOMIcing_10ktsFilledContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(GOMIcing_10ktsFilledContoursSettingValue);
			        			GOMIcing_10ktsFilledContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

			        		}},
			        		{xtype : "button",iconCls:'edit',id:'bdGOMIcing_10ktsFilledContoursSetting',
			        			handler: function(){
			        				propsGrid.setSource(GOMIcing_10ktsFilledContoursSettingValue);

			        			}



			        		}
			        		]
			        },
			        

			        ],

		}]

};