Ext.namespace('Ext.exampledata');
Ext.exampledata.SacoHindcastYearValue =[]
var Min = '2025-07-14';
var Max = '2025-10-05';
var minyear = parseInt(Min.split("-")[0]);
var maxyear = parseInt(Max.split("-")[0]);

for ( var i=minyear; i <= maxyear; i++){
	Ext.exampledata.SacoHindcastYearValue.push(i);
}
var SacoHindcastYear = new Ext.form.ComboBox({
	fieldLabel    : 'Hindcast Year',
	name        : 'SacoHindcastyear',
	allowBlank     : true,
	store        : Ext.exampledata.SacoHindcastYearValue,
	typeAhead    : true,
	mode        : 'local',
	triggerAction    : 'all',
	emptyText    :'-- Select a Year --',
	selectOnFocus    :true,
	listeners:{
		select:{
			fn:function(){
				SacoHindcastCurrentDate.setValue(SacoHindcastYear.value+'-'+'2025-07-14'.split("-")[1]+'-'+'2025-07-14'.split("-")[2]);
				SacoHindcaststring = SacoHindcastCurrentDate.value+"T"+SacoHindcastCurrentTime.value;
				document.getElementById("SacoHindcastTime").innerHTML = "<b>Time: "+SacoHindcastCurrentDate.value+"   "+SacoHindcastCurrentTime.value+"</b>";
				SacoHindcastWave_HeightContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWave_HeightFilledContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWave_HeightImageOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWave_HeightInterpolatedOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastPeriodContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastPeriodFilledContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastPeriodImageOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastPeriodInterpolatedOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWindBarbsOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWindVectorsOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastFloodinnudationOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastFloodImageOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastVelocityVectorsOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastVelocityContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastVelocityFilledContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastElevationFilledContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastElevationImageOverlays.mergeNewParams({'time': SacoHindcaststring});
				
			}
		}
	}
});




var SacoHindcastCurrentDate=new Ext.form.DateField({
	fieldLabel:'Date',  
	emptyText:'-- Select a Date --',  
	format:'Y-m-d', 
	
	minValue :'2025-07-14',
	maxValue :'2025-10-05',
	value: '2025-07-14',
	
	//value :'2010-03-08',
	//emptyText: 'Select a date... ...',
	listeners:{
		select:{
			fn:function(){
				
				SacoHindcastYear.setValue(SacoHindcastCurrentDate.value.split("-")[0]);
				
				SacoHindcaststring = SacoHindcastCurrentDate.value+"T"+SacoHindcastCurrentTime.value;
				document.getElementById("SacoHindcastTime").innerHTML = "<b>Time: "+SacoHindcastCurrentDate.value+"   "+SacoHindcastCurrentTime.value+"</b>";
				SacoHindcastWave_HeightContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWave_HeightFilledContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWave_HeightImageOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWave_HeightInterpolatedOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastPeriodContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastPeriodFilledContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastPeriodImageOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastPeriodInterpolatedOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWindBarbsOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWindVectorsOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastFloodinnudationOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastFloodImageOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastVelocityVectorsOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastVelocityContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastVelocityFilledContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastElevationFilledContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastElevationImageOverlays.mergeNewParams({'time': SacoHindcaststring});
				
			}
		}
	} 


});






var SacoHindcastCurrentTime = 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("SacoHindcastTime").innerHTML = "<b>Time: "+SacoHindcastCurrentDate.value+"   "+SacoHindcastCurrentTime.value+"</b>";
				SacoHindcaststring = SacoHindcastCurrentDate.value+"T"+SacoHindcastCurrentTime.value;
				SacoHindcastWave_HeightContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWave_HeightFilledContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWave_HeightImageOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWave_HeightInterpolatedOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastPeriodContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastPeriodFilledContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastPeriodImageOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastPeriodInterpolatedOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWindBarbsOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastWindVectorsOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastFloodinnudationOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastFloodImageOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastVelocityVectorsOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastVelocityContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastVelocityFilledContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastElevationFilledContoursOverlays.mergeNewParams({'time': SacoHindcaststring});
				SacoHindcastElevationImageOverlays.mergeNewParams({'time': SacoHindcaststring});
				
				}
		}
	} 


});

var SacoHindcastTime = {
		//xtype: 'fieldset',
		title: '<span id="SacoHindcastTime"><b>Time: '+SacoHindcastCurrentDate.value+'   '+SacoHindcastCurrentTime.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: [SacoHindcastYear,SacoHindcastCurrentDate,SacoHindcastCurrentTime,
			
				

            ]
		}]

};

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



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



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



var SacoHindcastWave_HeightInterpolatedSettingValue =({
	"(model)":"SacoHindcast",
	"(name)": "Interpolated",
	"(type)": "pcolor",
	"(variable)":"Wave_Height",
	"Layers":1,"Color Scaling Max":3.0,"Case Sensitive":false,"Color Scaling Min":0,"Color Bar":true,
        
	"Color Map":'jet',
});
var SacoHindcastWave_HeightInterpolatedAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var SacoHindcastPeriodContoursSettingValue =({
	"(model)":"SacoHindcast",
	"(name)": "Contours",
	"(type)": "contours",
	"(variable)":"Period",
	"Layers":1,"Case Sensitive":true,"Color Bar":true,
        
	"Color Scaling Max":'None',"Color Map":'jet',"Color Scaling Min":'None',
});
var SacoHindcastPeriodContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var SacoHindcastPeriodFilledContoursSettingValue =({
	"(model)":"SacoHindcast",
	"(name)": "FilledContours",
	"(type)": "filledcontours",
	"(variable)":"Period",
	"Layers":1,"Case Sensitive":true,"Color Bar":true,
        
	"Color Scaling Max":'None',"Color Map":'jet',"Color Scaling Min":'None',
});
var SacoHindcastPeriodFilledContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var SacoHindcastPeriodImageSettingValue =({
	"(model)":"SacoHindcast",
	"(name)": "Image",
	"(type)": "facets",
	"(variable)":"Period",
	"Layers":1,"Case Sensitive":true,"Color Bar":true,
        
	"Color Scaling Max":'None',"Color Map":'jet',"Color Scaling Min":'None',
});
var SacoHindcastPeriodImageAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var SacoHindcastPeriodInterpolatedSettingValue =({
	"(model)":"SacoHindcast",
	"(name)": "Interpolated",
	"(type)": "pcolor",
	"(variable)":"Period",
	"Layers":1,"Case Sensitive":true,"Color Bar":true,
        
	"Color Scaling Max":'None',"Color Map":'jet',"Color Scaling Min":'None',
});
var SacoHindcastPeriodInterpolatedAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var SacoHindcastWindBarbsSettingValue =({
	"(model)":"SacoHindcast",
	"(name)": "Barbs",
	"(type)": "barbs",
	"(variable)":"Wind",
	"Layers":1,"Case Sensitive":true,"Color Bar":true,
        
	"Color Scaling Max":'None',"Color Map":'jet',"Color Scaling Min":'None',
});
var SacoHindcastWindBarbsAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var SacoHindcastWindVectorsSettingValue =({
	"(model)":"SacoHindcast",
	"(name)": "Vectors",
	"(type)": "vectors",
	"(variable)":"Wind",
	"Layers":1,"Case Sensitive":true,"Color Bar":false,
        
	"Arrow Size":'None',"Color Map":'jet',"Arrow Width":'None',"Color Scaling Max":'None',"Color Scaling Min":'None',
});
var SacoHindcastWindVectorsAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var SacoHindcastFloodinnudationSettingValue =({
	"(model)":"SacoHindcast",
	"(name)": "innudation",
	"(type)": "innudation",
	"(variable)":"Flood",
	"Layers":1,"Case Sensitive":true,"Color Bar":true,
        
	"Color Scaling Max":'None',"Color Map":'jet',"Color Scaling Min":'None',
});
var SacoHindcastFloodinnudationAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var SacoHindcastFloodImageSettingValue =({
	"(model)":"SacoHindcast",
	"(name)": "Image",
	"(type)": "facets",
	"(variable)":"Flood",
	"Layers":1,"Case Sensitive":true,"Color Bar":true,
        
	"Color Scaling Max":'None',"Color Map":'jet',"Color Scaling Min":'None',
});
var SacoHindcastFloodImageAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



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



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



var SacoHindcastVelocityFilledContoursSettingValue =({
	"(model)":"SacoHindcast",
	"(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 SacoHindcastVelocityFilledContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var SacoHindcastElevationFilledContoursSettingValue =({
	"(model)":"SacoHindcast",
	"(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 SacoHindcastElevationFilledContoursAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});



var SacoHindcastElevationImageSettingValue =({
	"(model)":"SacoHindcast",
	"(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 SacoHindcastElevationImageAnimationValue =({
	speed: 50,
	increase:3,
	unit:'hour'
});








var SacoHindcastWave_Height = {
		
		//xtype: 'fieldset',
		title: 'Wave_Height',
		autoHeight: true,
		id: 'SacoHindcastWave_Height',
		//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:'ckSacoHindcastWave_HeightContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastWave_HeightContoursAnimation">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(SacoHindcastWave_HeightContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastWave_HeightContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'contours');
			        				document.getElementById("bdSacoHindcastWave_HeightContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'contours');
			        				document.getElementById("bdSacoHindcastWave_HeightContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastWave_HeightContoursSettingValue);
			        			SacoHindcastWave_HeightContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'FilledContours',id:'ckSacoHindcastWave_HeightFilledContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastWave_HeightFilledContoursAnimation">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(SacoHindcastWave_HeightFilledContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastWave_HeightFilledContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'filledcontours');
			        				document.getElementById("bdSacoHindcastWave_HeightFilledContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'filledcontours');
			        				document.getElementById("bdSacoHindcastWave_HeightFilledContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastWave_HeightFilledContoursSettingValue);
			        			SacoHindcastWave_HeightFilledContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Image',id:'ckSacoHindcastWave_HeightImage'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastWave_HeightImageAnimation">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(SacoHindcastWave_HeightImageAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastWave_HeightImageAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'facets');
			        				document.getElementById("bdSacoHindcastWave_HeightImageAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'facets');
			        				document.getElementById("bdSacoHindcastWave_HeightImageAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastWave_HeightImageSettingValue);
			        			SacoHindcastWave_HeightImageOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Interpolated',id:'ckSacoHindcastWave_HeightInterpolated'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastWave_HeightInterpolatedAnimation">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(SacoHindcastWave_HeightInterpolatedAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastWave_HeightInterpolatedAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'pcolor');
			        				document.getElementById("bdSacoHindcastWave_HeightInterpolatedAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'pcolor');
			        				document.getElementById("bdSacoHindcastWave_HeightInterpolatedAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastWave_HeightInterpolatedSettingValue);
			        			SacoHindcastWave_HeightInterpolatedOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        

			        ],

		}]

};




var SacoHindcastPeriod = {
		
		//xtype: 'fieldset',
		title: 'Period',
		autoHeight: true,
		id: 'SacoHindcastPeriod',
		//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:'ckSacoHindcastPeriodContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastPeriodContoursAnimation">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(SacoHindcastPeriodContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastPeriodContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'contours');
			        				document.getElementById("bdSacoHindcastPeriodContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'contours');
			        				document.getElementById("bdSacoHindcastPeriodContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastPeriodContoursSettingValue);
			        			SacoHindcastPeriodContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'FilledContours',id:'ckSacoHindcastPeriodFilledContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastPeriodFilledContoursAnimation">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(SacoHindcastPeriodFilledContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastPeriodFilledContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'filledcontours');
			        				document.getElementById("bdSacoHindcastPeriodFilledContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'filledcontours');
			        				document.getElementById("bdSacoHindcastPeriodFilledContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastPeriodFilledContoursSettingValue);
			        			SacoHindcastPeriodFilledContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Image',id:'ckSacoHindcastPeriodImage'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastPeriodImageAnimation">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(SacoHindcastPeriodImageAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastPeriodImageAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'facets');
			        				document.getElementById("bdSacoHindcastPeriodImageAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'facets');
			        				document.getElementById("bdSacoHindcastPeriodImageAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastPeriodImageSettingValue);
			        			SacoHindcastPeriodImageOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Interpolated',id:'ckSacoHindcastPeriodInterpolated'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastPeriodInterpolatedAnimation">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(SacoHindcastPeriodInterpolatedAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastPeriodInterpolatedAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'pcolor');
			        				document.getElementById("bdSacoHindcastPeriodInterpolatedAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'pcolor');
			        				document.getElementById("bdSacoHindcastPeriodInterpolatedAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastPeriodInterpolatedSettingValue);
			        			SacoHindcastPeriodInterpolatedOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        

			        ],

		}]

};




var SacoHindcastWind = {
		
		//xtype: 'fieldset',
		title: 'Wind',
		autoHeight: true,
		id: 'SacoHindcastWind',
		//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: 'Barbs',id:'ckSacoHindcastWindBarbs'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastWindBarbsAnimation">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(SacoHindcastWindBarbsAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastWindBarbsAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'barbs');
			        				document.getElementById("bdSacoHindcastWindBarbsAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'barbs');
			        				document.getElementById("bdSacoHindcastWindBarbsAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastWindBarbsSettingValue);
			        			SacoHindcastWindBarbsOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Vectors',id:'ckSacoHindcastWindVectors'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastWindVectorsAnimation">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(SacoHindcastWindVectorsAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastWindVectorsAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'vectors');
			        				document.getElementById("bdSacoHindcastWindVectorsAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'vectors');
			        				document.getElementById("bdSacoHindcastWindVectorsAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastWindVectorsSettingValue);
			        			SacoHindcastWindVectorsOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        

			        ],

		}]

};




var SacoHindcastFlood = {
		
		//xtype: 'fieldset',
		title: 'Flood',
		autoHeight: true,
		id: 'SacoHindcastFlood',
		//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: 'innudation',id:'ckSacoHindcastFloodinnudation'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastFloodinnudationAnimation">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(SacoHindcastFloodinnudationAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastFloodinnudationAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'innudation');
			        				document.getElementById("bdSacoHindcastFloodinnudationAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'innudation');
			        				document.getElementById("bdSacoHindcastFloodinnudationAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastFloodinnudationSettingValue);
			        			SacoHindcastFloodinnudationOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Image',id:'ckSacoHindcastFloodImage'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastFloodImageAnimation">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(SacoHindcastFloodImageAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastFloodImageAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'facets');
			        				document.getElementById("bdSacoHindcastFloodImageAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'facets');
			        				document.getElementById("bdSacoHindcastFloodImageAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastFloodImageSettingValue);
			        			SacoHindcastFloodImageOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        

			        ],

		}]

};




var SacoHindcastVelocity = {
		
		//xtype: 'fieldset',
		title: 'Velocity',
		autoHeight: true,
		id: 'SacoHindcastVelocity',
		//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:'ckSacoHindcastVelocityVectors'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastVelocityVectorsAnimation">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(SacoHindcastVelocityVectorsAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastVelocityVectorsAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'vectors');
			        				document.getElementById("bdSacoHindcastVelocityVectorsAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'vectors');
			        				document.getElementById("bdSacoHindcastVelocityVectorsAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastVelocityVectorsSettingValue);
			        			SacoHindcastVelocityVectorsOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Contours',id:'ckSacoHindcastVelocityContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastVelocityContoursAnimation">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(SacoHindcastVelocityContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastVelocityContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'contours');
			        				document.getElementById("bdSacoHindcastVelocityContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'contours');
			        				document.getElementById("bdSacoHindcastVelocityContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastVelocityContoursSettingValue);
			        			SacoHindcastVelocityContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'FilledContours',id:'ckSacoHindcastVelocityFilledContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastVelocityFilledContoursAnimation">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(SacoHindcastVelocityFilledContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastVelocityFilledContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'filledcontours');
			        				document.getElementById("bdSacoHindcastVelocityFilledContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'filledcontours');
			        				document.getElementById("bdSacoHindcastVelocityFilledContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastVelocityFilledContoursSettingValue);
			        			SacoHindcastVelocityFilledContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        

			        ],

		}]

};




var SacoHindcastElevation = {
		
		//xtype: 'fieldset',
		title: 'Elevation',
		autoHeight: true,
		id: 'SacoHindcastElevation',
		//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: 'FilledContours',id:'ckSacoHindcastElevationFilledContours'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastElevationFilledContoursAnimation">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(SacoHindcastElevationFilledContoursAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastElevationFilledContoursAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'filledcontours');
			        				document.getElementById("bdSacoHindcastElevationFilledContoursAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'filledcontours');
			        				document.getElementById("bdSacoHindcastElevationFilledContoursAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastElevationFilledContoursSettingValue);
			        			SacoHindcastElevationFilledContoursOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        
			        {boxLabel: 'Image',id:'ckSacoHindcastElevationImage'},
			        { xtype : "checkboxgroup", 
			        	columns: 2, 
			        	items:[{xtype : "button",
			        		text:'<span id="bdSacoHindcastElevationImageAnimation">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(SacoHindcastElevationImageAnimationValue);	
			        			//Ext.MessageBox.alert('Status', 'Changes saved successfully.');
			        			if(document.getElementById("bdSacoHindcastElevationImageAnimation").innerHTML=="On"){//OFF
			        				var result = getProSettingValue(false,'facets');
			        				document.getElementById("bdSacoHindcastElevationImageAnimation").innerHTML = "Off";
			        				//simple.disable();
			        			}
			        			else{//ON
			        				//simple.enable();
			        				var result = getProSettingValue(true,'facets');
			        				document.getElementById("bdSacoHindcastElevationImageAnimation").innerHTML="On";
			        				
			        			}
			        			propsGrid.setSource(SacoHindcastElevationImageSettingValue);
			        			SacoHindcastElevationImageOverlays.mergeNewParams({'styles':result});
			        			Ext.MessageBox.alert('Status', result);

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

			        			}



			        		}
			        		]
			        },
			        

			        ],

		}]

};