Ext.onReady(function (){
});

function srchFtable(xml){
	// clear table
	var nodes=document.getElementById("table-grid").childNodes;
	for(var i=0; i<nodes.length; i++){
		if(nodes[i]){
			nodes[i].parentNode.removeChild(nodes[i]);
		}
	}
	
	// set xml
	var reader=new Ext.data.XmlReader(
		{record: 'profile'},
		[
			'wmo',
			'profno',
			'lat',
			'lon',
			'date',
			'n_levels',
			'bottom',
			'time'
		]
	);
	var store = new Ext.data.Store(
		{proxy: new Ext.data.MemoryProxy(xml), reader: reader}
	);
	store.setDefaultSort('wmo','desc');
	
	// create LINK float text data
	function renderProfNo(value, p, record){
		var wmo = record.data["wmo"];
		var profno=value;
		if(profno<10){
			profno='00'+profno;
		}else if(profno<100){
			profno='0'+profno;
		}
//		var url = '../float/'+wmo+'/data/'+wmo+'_'+profno+'.txt';
		var url = '../../argo/float/'+wmo+'/data/'+wmo+'_'+profno+'.txt';
		return String.format('<a href="{0}" target="_blank">{1}</a>',url,value);
	}
	// create LINK float information
	function renderWMO(value, p, record){
		if(!document.getElementById("zenkyu").checked){
			var url = "http://wo.jcommops.org/cgi-bin/WebObjects/Argo.woa/wa/ptf?wmo="+value;
		}else{
			var url="../float_inf/all-in.php?wmo="+value+"&id=0";
			var lang = document.getElementById("lang1");
			if(lang){
				var lang = lang.childNodes[0].nodeValue;
				if(lang==0){
					var url="../float_inf/all-in_e.php?wmo="+value+"&id=0";
				}
			}
		}
		return String.format('<a href="{0}" target="_blank">{1}</a>',url,value);
	}
	
	// bottom nan
	function renderBottom(value, p, record){
		var btm=value;
		if(btm==-10000.0){
			return '-';
		}else{
			return btm;
		}
	}
	// latitude nan
	function renderLat(value, p, record){
		var lat=value;
		if(lat==-99.999){
			return '-';
		}else{
			return lat;
		}
	}
	// latitude nan
	function renderLon(value, p, record){
		var lon=value;
		if(lon==-999.999){
			return '-';
		}else{
			return lon;
		}
	}
	
	
	// create the grid panel
	if(!document.getElementById("zenkyu").checked){
		var grid = new Ext.grid.GridPanel({
			store: store,
			columns: [
				{header: "WMO", dataIndex: 'wmo', sortable: true, renderer: renderWMO},
				{header: "Profile No.", dataIndex: 'profno', sortable: false, align:'center'},
				{header: "Date", dataIndex: 'date', sortable: true},
				{header: "Time", dataIndex: 'time', sortable: true},
				{header: "Latitude", dataIndex: 'lat', sortable: true, renderer: renderLat},
				{header: "Longitude", dataIndex: 'lon', sortable: true, renderer: renderLon},
				{header: "Layer No.", dataIndex: 'n_levels', sortable: true},
				{header: "bottom (dbar)", dataIndex: 'bottom', sortable: true, renderer: renderBottom}
			],
			viewConfig: {forceFit: true},
			renderTo:'table-grid', // document id
			width:915,
			height:400,
			title:'Retrieval result',
			stripeRows:true,
			frame:true,
			animCollapse:true,
			collapsible:true,
			enableColumnMove:true,
			loadMask: true
		});
	}else{
		var grid = new Ext.grid.GridPanel({
			store: store,
			columns: [
				{header: "WMO", dataIndex: 'wmo', sortable: true, renderer: renderWMO},
				{header: "Profile No.", dataIndex: 'profno', sortable: false, renderer: renderProfNo, align:'center'},
				{header: "Date", dataIndex: 'date', sortable: true},
				{header: "Time", dataIndex: 'time', sortable: true},
				{header: "Latitude", dataIndex: 'lat', sortable: true, renderer: renderLat},
				{header: "Longitude", dataIndex: 'lon', sortable: true, renderer: renderLon},
				{header: "Layer No.", dataIndex: 'n_levels', sortable: true},
				{header: "bottom (dbar)", dataIndex: 'bottom', sortable: true, renderer: renderBottom}
			],
			viewConfig: {forceFit: true},
			renderTo:'table-grid', // document id
			width:915,
			height:400,
			title:'Retrieval result',
			stripeRows:true,
			frame:true,
			animCollapse:true,
			collapsible:true,
			enableColumnMove:true,
			loadMask: true
		});
	}
	
	store.load();
}