//
//	searchGmap.js
//


// main
Ext.onReady(function(){
	// set Google map
	map = new GMap2(document.getElementById("srch_gmap_canvas"));
	map.addMapType(G_PHYSICAL_MAP);
//	map.setMapType(G_HYBRID_TYPE);
	
	// set limit [zoom up & out]
	map.getMapTypes().length=0;
	var myMapType = new Array();
	var MapTypeName = new Array("G_PHYSICAL_MAP","G_NORMAL_MAP","G_HYBRID_MAP","G_SATELLITE_MAP");
	for(var i=0;i<MapTypeName.length;i++){
		myMapType[i] = new GMapType(
				eval(MapTypeName[i]).getTileLayers(),
				eval(MapTypeName[i]).getProjection(),
				eval(MapTypeName[i]).getName(false),
				{minResolution:2, maxResolution:23}
			);
		map.addMapType(myMapType[i]);
	}
	map.setMapType(myMapType[0]);
	map.setCenter(new GLatLng(-10.000, 137.000), 2);
//	map.setMapType(G_PHYSICAL_MAP);
	map.addControl(new GScaleControl());
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	// zoom option
	map.enableContinuousZoom();
	map.enableDoubleClickZoom();
	map.enableScrollWheelZoom();
	
	// set language
	lang = document.getElementById("lang1").childNodes[0].nodeValue;
	if(lang==0){
		st={
			"wmo": "WMO-ID",
			"country": "Country",
			"pi": "P.I.",
			"latest": "Latest point",
			"deploy": "Deployment point",
			"traj": "Show TRAJ",
			"netcdf": "GDAC data",
			"float_inf": "More info",
			"data_btn": "Show data",
			"netcdf2": "Get netCDF"
		};
	}else{
		st={
			"wmo": "WMO-ID",
			"country": "投入国",
			"pi": "フロート管理者",
			"latest": "最新浮上点",
			"deploy": "投入点",
			"traj": "軌跡表示",
			"netcdf": "GADCデータ",
			"float_inf": "詳細情報",
			"data_btn": "データ表示",
			"netcdf2": "netCDF取得"
		};
	}
	
	// plot map
//	var wmo=document.getElementById("wmo").childNodes[0].nodeValue;
//	var url="./float/"+wmo+"/xml/"+wmo+"_prof.xml";
//	setTraj(url);

	// stand by loading image
	var img = document.createElement("div");
	img = setImage("./searching.gif",430,70);
	map.getPane(G_MAP_MAP_PANE).appendChild(img);

	document.getElementById("zenkyu").checked = true;
	// set search checkbox
	document.getElementById("box1").checked = false;
	addListener(document.getElementById("box1"),"click",srchBox,false);
//	addListener(document.getElementById("srch_gmap_canvas"),"mousemove",getLanLon,false);
	getLanLon();
	
	// event listener
	GEvent.addListener(map,"maptypechanged",setLatLonRun,false);
	GEvent.addListener(map,"zoomend",setLatLonRun,false);
	GEvent.addListener(map,"moveend",function(){
		plotGridIcon(); // grid icon
	});
	// grid line
	setLatLonRun();
	
});

function setImage(name,width,height){
	var center = map.getCenter();
	center = map.fromLatLngToDivPixel( new GLatLng(center.y,center.x));

	var div = document.createElement("div");
	div.id = "loading";
	div.style.position = "absolute";
	div.style.top = center.y - (height / 2) + "px";
	div.style.left = center.x - (width / 2) + "px";
	div.style.height = height + "px";
	div.style.width = width + "px";
	div.style.visibility = "hidden";

	var img = document.createElement("img");
	img.src = name;
	
	div.appendChild(img);
	return div;
}

function getLanLon(){
	GEvent.addListener(map,'mousemove',function(LatLng){
		var strLat = LatLng.y;
		var strLon = LatLng.x;
		document.getElementById("MLat").value = "Lat:"+strLat.toFixed(7);
		document.getElementById("MLon").value = "Lon:"+strLon.toFixed(7);
	});
}

// search box area
function srchBox(e){
	var flg = 0;
	var rmflg = 0;
	var x = [];
	var y = [];
	var polyline = new GPolygon();
	var gp0 = new GPoint();
	var gp1 = new GPoint();
	var div = document.createElement("div");
	if(document.getElementById(getEleId(e)).checked){
		GEvent.addListener(map,'zoomend',function(oldLevel,newLevel){
				if(rmflg){
					if(document.getElementById("square")){
						map.getPane(G_MAP_MAP_PANE).removeChild(div);
					}
					flg = 0;
					gp0 = new GPoint();
					gp1 = new GPoint();
					x = [];
					y = [];
					rmflg = 0;
				}
			}
		);
		GEvent.addListener(map,'click',
			function(overlay,point){
				if(point){
					switch(flg){
					case 0:
						gp0 = map.fromLatLngToDivPixel(new GLatLng(point.y,point.x,true));
//						map.removeOverlay(polyline);
						if(rmflg){ map.getPane(G_MAP_MAP_PANE).removeChild(div); }
						x.push(point.x);
						y.push(point.y);
//						document.getElementById("tex1").value = point.y;
//						alert(gp0.x+"/"+gp0.y);
						rmflg = 1;
						flg = 1;
						break;
					case 1:
						gp1 = map.fromLatLngToDivPixel(new GLatLng(point.y,point.x,true));
					//	if(gp1.x>gp0.x){
							x.push(point.x);
							y.push(point.y);
							div = drawLine(gp0,gp1);
							map.getPane(G_MAP_MAP_PANE).appendChild(div);
							if(y[0]>y[1]){
								document.getElementById("tex1").value = y[0];
								document.getElementById("tex4").value = point.y;
							}else{
								document.getElementById("tex1").value = point.y;
								document.getElementById("tex4").value = y[0];
							}
							if(gp0.x>gp1.x){
								document.getElementById("tex2").value = x[1];
								document.getElementById("tex3").value = x[0];
							}else{
								document.getElementById("tex2").value = x[0];
								document.getElementById("tex3").value = x[1];
							}
							flg = 0;
							x = [];
							y = [];
					//	}
						break;
					}
				}
			}
		);
	}else{
		if(document.getElementById("square")){
			map.getPane(G_MAP_MAP_PANE).removeChild(document.getElementById("square"));
		}
		GEvent.clearListeners(map,'click');
		GEvent.clearListeners(map,'zoomend');
	}
}

function drawLine(gp0,gp1){
	var div = document.createElement("div");
	div.id = "square";
	div.style.border = "1px solid red";
	div.style.position = "absolute";
	if(gp0.y>gp1.y){
		div.style.top = gp1.y + "px";
		div.style.height = gp0.y - gp1.y + "px";
	}else{
		div.style.top = gp0.y + "px";
		div.style.height = gp1.y - gp0.y + "px";
	}
	if(gp0.x>gp1.x){
		div.style.left = gp1.x + "px";
		div.style.width = gp0.x - gp1.x + "px";
	}else{
		div.style.left = gp0.x + "px";
		div.style.width = gp1.x - gp0.x + "px";
	}
//	alert(gp1.x + " / " + gp1.y);
	
	return div;
}

// set trajectory
function setTraj(url) {
	var request = GXmlHttp.create();
	request.open("GET", url, true);
	request.onreadystatechange = function() {
		if (request.readyState == 4 && request.status == 200) {
			var xmlDoc = GXml.parse(request.responseText);
			var prof_num=plotPos(xmlDoc,2);
			Ext.getDom("srch_map_side_bar").innerHTML = side_bar_html;
			infClickT(prof_num);
		}
	}
	request.send(null);
}

// plot search map
function srchPlotMap(xmlDoc){
	var prof_num=plotPos(xmlDoc,2);
	Ext.getDom("srch_map_side_bar").innerHTML = side_bar_html;
//	infClickT(prof_num);
	// grid line
	lineLatLon();
	plotGridIcon();
}


// plot position mapping
function plotPos(xmlDoc,flag){
//	var xmlDoc = GXml.parse(xmlDoc);	// text2xml
	map.clearOverlays();
	map.getInfoWindow().hide();
	side_bar_html="";
	// set profiles
	if(flag==2){
		gmarkersT = [];
		htmlsT = [];
		var pts = [];
		var profiles = xmlDoc.getElementsByTagName("profile");

		for(var i=1; i<4; i++){
			var str="li"+(i*1000);
			if(document.getElementById(str).checked){
				var li = i*1000;
				break;
			}
		}
		if(li <= profiles.length){
			alert("LIMIT OVER !\n The search is over "+profiles.length+" profiles.\n Please zoom up and search again.");
		}
		if(profiles.length > 0){
			document.getElementById("append").style.display = "block";
		}
alert(profiles.length+" profiles");
		for(var i=0; i<profiles.length; i++){
			var wmo = GXml.value(profiles[i].getElementsByTagName("wmo")[0]);
			var lat = parseFloat(GXml.value(profiles[i].getElementsByTagName("lat")[0]));
			var lon = parseFloat(GXml.value(profiles[i].getElementsByTagName("lon")[0]));
			var date = GXml.value(profiles[i].getElementsByTagName("date")[0]);
			var iconN = GXml.value(profiles[i].getElementsByTagName("icon")[0]);
			var profno = GXml.value(profiles[i].getElementsByTagName("profno")[0]);
			var link1 = GXml.value(profiles[i].getElementsByTagName("link1")[0]);
			var link2 = GXml.value(profiles[i].getElementsByTagName("link2")[0]);
			
			var pres = GXml.value(profiles[i].getElementsByTagName("pres")[0]);
			var temp = GXml.value(profiles[i].getElementsByTagName("temp")[0]);
			var psal = GXml.value(profiles[i].getElementsByTagName("psal")[0]);
			
			var pres_f = GXml.value(profiles[i].getElementsByTagName("pres_flag")[0]);
			var temp_f = GXml.value(profiles[i].getElementsByTagName("temp_flag")[0]);
			var psal_f = GXml.value(profiles[i].getElementsByTagName("psal_flag")[0]);
			var pres_f = pres_f.split(",");
			var temp_f = temp_f.split(",");
			var psal_f = psal_f.split(",");
			
			var point = new GLatLng(lat,lon);
			if(lat<0) {var latu='S';} else {var latu='N';}
			if(lon<0) {var lonu='W';} else {var lonu='E';}
			
			// convert x-y
			var temp1 = temp.split(",");
			var psal1 = psal.split(",");
			var pres1 = pres.split(",");
			var psal_max = 37;
			var psal_min = 33;
			var temp_max = 35;
			var temp_min = 0;
			var pres_max = 0;
			var pres_min = 2000;
			var gchart = 100;
			if(pres1.length>=gchart) {var step = Math.floor((pres1.length/gchart)+1);} else {var step = 1;}
			var k = 0;
			var psal_axis = new Array;
			var temp_axis = new Array;
			var pres_axis = new Array;
			var zSize = new Array;
			var Title = wmo + '_' + profno;
			var profHtml = '# ' + Title + '<br />';
			profHtml += '# ' + date + ',  ' + Math.abs(lat) + latu + ', ' + Math.abs(lon) + lonu + '<br /># <br />';
			profHtml += '# pres, temp, psal<br />';
			for (var j = 0; j < pres1.length; j++) {
				if(pres_f[j]==0 || pres_f[j]==3 || pres_f[j]==4 || pres_f[j]==9 ||
					temp_f[j]==0 || temp_f[j]==3 || temp_f[j]==4 || temp_f[j]==9 ||
					psal_f[j]==0 || psal_f[j]==3 || psal_f[j]==4 || psal_f[j]==9){
						continue;
				}
				if((j%step)==0) {
					psal_axis[k] = ""+ Math.round((((psal1[j]-0)-psal_min)*(100/(psal_max-psal_min)))*100)/100;
					temp_axis[k] = ""+ Math.round((((temp1[j]-0)-temp_min)*(100/(temp_max-temp_min)))*100)/100;
					pres_axis[k] = ""+ Math.round((((pres1[j]-0)-pres_min)*(100/(pres_max-pres_min)))*100)/100;
					zSize[k] = "20";
					k++;
				}
				if(pres1[j]==99999) {pres1[j]='NaN';}
				if(temp1[j]==99999) {temp1[j]='NaN';}
				if(psal1[j]==99999) {psal1[j]='NaN';}
				profHtml += pres1[j] + ', ' + temp1[j] + ', ' + psal1[j] + '<br />';
			}
			html = '<b>'+st["wmo"]+' : ' + wmo + '</b><br />';
			html += date + ' (Cycle No : ' + profno + ')<br />';
			html += 'Lat : ' + Math.abs(lat) + latu + ', Lon : ' + Math.abs(lon) + lonu + '<br />';
			// ext window
			html += '<input type="button" onclick="makeExtwin(\'' + Title + '\',250,300,\'' + profHtml + '\')" value="'+st["data_btn"]+'" /><br />';
			
			// google chart
			/*
			html += '<img src="http://chart.apis.google.com/chart?chs=100x100&chd=t:' + psal_axis +'|'+ temp_axis +'|'+ zSize +'&cht=s&chxt=x,y&chxr=0,' + psal_min + ',' + psal_max + '|1,' + temp_min + ',' + temp_max + '&chtt=T-S+diagram" alt="t-s" width="100" height="100"/>';
			html += '<img src="http://chart.apis.google.com/chart?chs=100x100&chd=t:' + temp_axis +'|'+ pres_axis +'|'+ zSize +'&cht=s&chxt=x,y&chxr=0,' + temp_min + ',' + temp_max + '|1,' + pres_min + ',' + pres_max + '&chtt=P-T" alt="p-t" width="100" height="100"/>';
			html += '<img src="http://chart.apis.google.com/chart?chs=100x100&chd=t:' + psal_axis +'|'+ pres_axis +'|'+ zSize +'&cht=s&chxt=x,y&chxr=0,' + psal_min + ',' + psal_max + '|1,' + pres_min + ',' + pres_max + '&chtt=P-S" alt="p-s" width="100" height="100"/><br />';
			*/
			html += '<img class="mp1" src="http://chart.apis.google.com/chart?chs=100x100&chd=t:' + psal_axis +'|'+ temp_axis +'|'+ zSize +'&cht=s&chxt=x,y&chxr=0,' + psal_min + ',' + psal_max + '|1,' + temp_min + ',' + temp_max + '&chtt=T-S+diagram" alt="t-s" width="100" height="100" onclick="extProfView(' + wmo + ',' + profno + ',0,0,0)"/>';
			html += '<img class="mp1" src="http://chart.apis.google.com/chart?chs=100x100&chd=t:' + temp_axis +'|'+ pres_axis +'|'+ zSize +'&cht=s&chxt=x,y&chxr=0,' + temp_min + ',' + temp_max + '|1,' + pres_min + ',' + pres_max + '&chtt=P-T" alt="p-t" width="100" height="100" onclick="extProfView(' + wmo + ',' + profno + ',1,0,0)"/>';
			html += '<img class="mp1" src="http://chart.apis.google.com/chart?chs=100x100&chd=t:' + psal_axis +'|'+ pres_axis +'|'+ zSize +'&cht=s&chxt=x,y&chxr=0,' + psal_min + ',' + psal_max + '|1,' + pres_min + ',' + pres_max + '&chtt=P-S" alt="p-s" width="100" height="100" onclick="extProfView(' + wmo + ',' + profno + ',2,0,0)"/><br />';
			html += '<a href="' + link1 + '" target="_blank">'+st["netcdf2"]+'</a>&nbsp;';
			if(!document.getElementById("zenkyu").checked){
				html += '<a href="' + 'http://wo.jcommops.org/cgi-bin/WebObjects/Argo.woa/wa/ptf?wmo=' + wmo +'" target="_blank">'+st["float_inf"]+'</a>&nbsp;<br />';
			}else{
				var html1 = '<a href="' + '../float_inf/all-in.php?wmo=' + wmo + '&id=0' +'" target="_blank">'+st["float_inf"]+'</a>&nbsp;<br />';
				if(lang==0){
					var html1 = '<a href="' + '../float_inf/all-in_e.php?wmo=' + wmo + '&id=0' +'" target="_blank">'+st["float_inf"]+'</a>&nbsp;<br />';
				}
				html += html1;
			}
//			html += '<a href="' + link2 + '" target="_blank">GDAC(アメリカ)</a>&nbsp;<br />';
			var marker = createMarker(point,profno,html,iconN,flag,i,wmo);
			map.addOverlay(marker);
			
			// plot line
			var color = '#ff9900';
			var width = 2;
			var opasity = 2;
			pts[i] = point;
		}
//		var polyline = new GPolyline(pts, color, width);
//		map.addOverlay(polyline);
	}
	return(profiles.length-1);
}


// set Marker
function createMarker(point, name, html, n, flag,ii,wmo) {
	var marker = new GMarker(point, icon[n]);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
	});
	if (flag == 2) {
		gmarkersT[ii] = marker;
		htmlsT[ii] = html;
		side_bar_html += '<a href="javascript:infClickT(' + ii + ')">' + wmo+ '_' + name + '<\/a><br />';
	}
	return marker;
}
function infClickT(i) {
	gmarkersT[i].openInfoWindowHtml(htmlsT[i]);
}


// create Ext window
function makeExtwin(Title,wid,hei,Html){
	var win = new Ext.Window({
		title:Title,
		width:wid,
		height:hei,
		layout: 'fit',
		autoDestroy:true,
		plain:true,
		closeAction:'hide',
		collapsible:true,
		resizable:true,
//		maximizable:true,
		constrain:true,
		deferredRender:true,
		items: [{
			autoScroll:true,
			html:Html
		}]
	});
	win.show();
}


// set icon
var icon = Array();
// profile_<param>_qc 
// A (QC)
icon[10] = new GIcon();
icon[10].image = "../images/argo_gmap/qcAB.png";
icon[10].iconSize = new GSize(6,6);
icon[10].iconAnchor = new GLatLng(2,2);
icon[10].infoWindowAnchor = new GLatLng(2,2);
// B (QC)
icon[11] = new GIcon(icon[10],"../images/argo_gmap/qcAB.png");
// C (QC)
icon[12] = new GIcon(icon[10],"../images/argo_gmap/qcCDE.png");
// CE (QC)
icon[13] = new GIcon(icon[10],"../images/argo_gmap/qcCDE.png");
// F (QC)
icon[14] = new GIcon(icon[10],"../images/argo_gmap/qcF.png");
// dQC
icon[15] = new GIcon(icon[10],"../images/argo_gmap/qcC.png");