// JavaScript Document

function forcast(getxml,j,Longitude,Latitude,zoom,types){    
markers = new Array();
var Value_Icon=new Array();
var Year=new Array();
var Month=new Array();
var Day=new Array();
var showchoose="<div class=subtext><form name=showdatas><table align=center><tr><td><td><select name=selectloc onchange=forcastshow('"+getxml+"','"+types+"')><option>請選擇地區</option>";
		var xml = getXmlDoc("xml/"+getxml+".xml");  
		LNodes = getAllLocationNode(xml);
		for(var i=0;i<LNodes.length;i++){
		    var Loc_Name = getLocationInfo(LNodes[i],"Label");
			var lid = getLocationInfo(LNodes[i],"LID");
			var lon = getLocationInfo(LNodes[i],"Lon");
			var lat = getLocationInfo(LNodes[i],"Lat");
			var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));  
		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){
		 Year[k]=TNode[k].getAttribute("Year");
         Month[k]=TNode[k].getAttribute("Month");
		 Day[k]=TNode[k].getAttribute("Day");	
		 Value_Icon[k] = getCurrentWeatherItem(TNode[k],"types_icon"); 
		 showchoose+="<option value="+lat+"&"+lon+"&"+lid+">"+Loc_Name+"</option>";
		}
		var Content1 = "<iframe frameborder=NO border=0 framespacing=0 height=240 width=300 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src=show_forcast.php?lat="+ lat + "&lon=" + lon + "&datatype="+ getxml +"&lid="+ lid+"&types="+types+" noresize></iframe>";
		var Content2 = "<iframe frameborder=NO border=0 framespacing=0 height=240 width=300 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src=show_message.php?lat="+ lat + "&lon=" + lon + "&datatype="+ getxml +" noresize></iframe>";
		var Content3 = "<iframe frameborder=NO border=0 framespacing=0 height=240 width=300 scrolling=auto marginheight=0 marginwidth=0 name=mediaarea src=show_media.php?lat="+ lat + "&lon=" + lon + "&datatype="+ getxml +" noresize></iframe>";
  				
            myIcon = new GIcon(G_DEFAULT_ICON);  
			myIcon.image = '../images/icon/'+getxml+'.png'; 
			myIcon.iconSize = new GSize(40, 40);  
            var markerOptions = { icon:myIcon };
            createMarker_moredata(j,latlng,Content1,Content2,Content3,markerOptions); 
			
			if(lon==Longitude && lat==Latitude){
			map.openInfoWindowTabsHtml(latlng,[new GInfoWindowTab(label1,Content1), new GInfoWindowTab(label3,Content3), new GInfoWindowTab(label2,Content2)]); 
			} 
		}
   showchoose+="</select></td></tr></table></form></div>";	 	
   document.getElementById("subcontent").innerHTML=showchoose;			
   mgr[j] = new MarkerManager(map);	
   mgr[j].addMarkers(markers,zoom);   
   mgr[j].refresh();	
   map.setCenter(new GLatLng(Latitude, Longitude));
   map.setZoom(zoom);	
}

	//中國
	var asia1=new GLatLngBounds(new GLatLng(24.04646399966658, 89.912109375),new GLatLng(43.068887774169624, 118.037109375));	
	//日本、韓國
	var asia2=new GLatLngBounds(new GLatLng(31.31610138349565, 125.50781249999998),new GLatLng(40.613952441166596, 139.5703125));
	//東南亞
	var asia3=new GLatLngBounds(new GLatLng(-3.2940822283128046, 98.5693359375),new GLatLng(19.352610894378625, 126.69433593749998));
	//印度
	var asia4=new GLatLngBounds(new GLatLng(8.146242825034384, 65.6982421875),new GLatLng(29.764377375163125, 93.8232421875));
	//中東
	var asia5=new GLatLngBounds(new GLatLng(18.35452552912664, 37.08984375),new GLatLng(38.44498466889473, 65.21484375));
	var africa=new GLatLngBounds(new GLatLng(-8.754794702435605, -24.345703125),new GLatLng(34.88593094075317, 31.904296875000003));
	var europe=new GLatLngBounds(new GLatLng(37.89219554724437, -5.80078125),new GLatLng(53.77468884583577, 22.32421875));
	var america=new GLatLngBounds(new GLatLng(31.203404950917395, -128.056640625),new GLatLng(61.68987220046001, -71.806640625));
	var oceania=new GLatLngBounds(new GLatLng(-49.610709938074216, 122.6953125),new GLatLng(-11.178401873711772, 178.9453125));
	var s_america=new GLatLngBounds(new GLatLng(-53.6446378248565, -129.90234375),new GLatLng(27.21555620902969, -17.40234375));

var view;
var newZoom;
var taiwanFlag=false;
var asiaFlag=false;
var africaFlag=false;
var americaFlag=false;
var europeFlag=false;
var oceaniaFlag=false;
var s_americaFlag=false;

function dragshow() { 
	view=map.getBounds();
	newZoom=map.getZoom();
	if(taiwanFlag==false){forcastGlobal("taiwan",2,taiwanFlag);}	
	else if(view.intersects(asia1)&&asiaFlag==false){forcastGlobal("asia",11,asiaFlag);}
	else if(view.intersects(asia2)&&asiaFlag==false){forcastGlobal("asia",11,asiaFlag);}
	else if(view.intersects(asia3)&&asiaFlag==false){forcastGlobal("asia",11,asiaFlag);}
	else if(view.intersects(asia4)&&asiaFlag==false){forcastGlobal("asia",11,asiaFlag);}
	else if(view.intersects(asia5)&&asiaFlag==false){forcastGlobal("asia",11,asiaFlag);}
	else if(view.intersects(africa)&&africaFlag==false){forcastGlobal("africa",11,africaFlag);}
	else if(view.intersects(america)&&americaFlag==false){forcastGlobal("america",11,americaFlag);}
	else if(view.intersects(europe)&&europeFlag==false){forcastGlobal("europe",11,europeFlag);}
	else if(view.intersects(oceania)&&oceaniaFlag==false){forcastGlobal("oceania",11,oceaniaFlag);}
	else if(view.intersects(s_america)&&s_americaFlag==false){forcastGlobal("s_america",11,s_americaFlag);}
}

var report=new Array();
function forcastGlobal(name,type,flag){
	if(flag==false){	
 	report[0] = new MarkerManager(map);	
	var Value_Icon=new Array();
	var Year=new Array();
	var Month=new Array();
	var Day=new Array();
	var maxT=new Array();
	var xml = getXmlDoc("xml/"+name+".xml");  
	LNodes = getAllLocationNode(xml);

	for(var i=0;i<LNodes.length;i++){
		var Loc_Name = getLocationInfo(LNodes[i],"Label");
		var EN_Loc_Name = getLocationInfo(LNodes[i],"Label2");
		var lid = getLocationInfo(LNodes[i],"LID");
		var lon = getLocationInfo(LNodes[i],"Lon");
		var lat = getLocationInfo(LNodes[i],"Lat");
		var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));
		var timeZone = getLocationInfo(LNodes[i],"Timezone");
		var weight = getLocationInfo(LNodes[i],"Weight");
		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){
			Year[k]=TNode[k].getAttribute("Year");
      Month[k]=TNode[k].getAttribute("Month");
			Day[k]=TNode[k].getAttribute("Day");	
	 		Value_Icon[k] = getCurrentWeatherItem(TNode[k],"types_icon");
			maxT[k]= getCurrentWeatherItem(TNode[k],"avetemp");
		}
		Value_Icon[0]=SunOrMoon(timeZone)+Value_Icon[0];
//		var Content1 = "<strong>"+Loc_Name+"</strong>&nbsp;&nbsp;"+EN_Loc_Name+"<br><iframe frameborder=NO border=0 framespacing=0 height=240 width=300 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src=show_forcast.php?lat="+ lat + "&lon=" + lon + "&datatype="+name+"&lid="+ lid+"&types="+type+" noresize></iframe>";
		var Content1 = "<iframe frameborder=NO border=0 framespacing=0 height=240 width=300 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src=show_forcast.php?lat="+ lat + "&lon=" + lon + "&datatype="+name+"&lid="+ lid+"&types="+type+" noresize></iframe>";
		var Content2 = "<iframe frameborder=NO border=0 framespacing=0 height=240 width=300 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src=show_message.php?lat="+ lat + "&lon=" + lon + "&datatype="+name+" noresize></iframe>";
		var Content3 = "<iframe frameborder=NO border=0 framespacing=0 height=240 width=300 scrolling=auto marginheight=0 marginwidth=0 name=mediaarea src=show_media.php?lat="+ lat + "&lon=" + lon + "&datatype="+name+" noresize></iframe>";
		var tempMarker=createTemp(latlng,Value_Icon[0],Content1,Content2,Content3,maxT[0]);
		var nameMarker=createName(latlng,lid,Content1,Content2,Content3);					
		report[0].addMarker(nameMarker,weight);   															
		report[0].addMarker(tempMarker,weight);   																	
	}
	report[0].refresh();																													

	switch(name){
		case "taiwan":taiwanFlag=true;break;
		case "asia":asiaFlag=true;break;	
		case "africa":africaFlag=true;break;	
		case "america":americaFlag=true;break;	
		case "europe":europeFlag=true;break;	
		case "oceania":oceaniaFlag=true;break;
		case "s_america":s_americaFlag=true;break;
	}
	}
}

function createName(point,lid,data1,data2,data3){

	nameIcon = new GIcon(G_DEFAULT_ICON);
	nameIcon.image = 'http://photo.tenki.tw/mapplets/images/lox/c_'+lid+'.png';
	nameIcon.shadow = 'http://photo.tenki.tw/mapplets/images/shadow.png';
	nameIcon.iconSize = new GSize(97,76);
	nameIcon.shadowSize = new GSize(187*0.5,127*0.5);
	nameIcon.iconAnchor = new GPoint(42,63);
	markerOptions = { icon:nameIcon };
  nameMarker = new GMarker(point, markerOptions);
	label1="天氣預報";
 	label2="留言";
 	label3="氣象頻道";
 	GEvent.addListener(nameMarker, "click", function() {  
 		map.openInfoWindowTabsHtml(point,[new GInfoWindowTab(label1,data1), 
																		  new GInfoWindowTab(label3,data3), 
																			new GInfoWindowTab(label2,data2)]);  
  });
 	return nameMarker;
}
		
function createTemp(point,type,data1,data2,data3,temper){

	tempIcon = new GIcon(G_DEFAULT_ICON);
	tempIcon.image = 'http://photo.tenki.tw/mapplets/images/number/'+temper+'.png';		
	tempIcon.shadow = 'http://photo.tenki.tw/mapplets/images/icon/'+type+'.png';		
	tempIcon.iconSize = new GSize(151*0.5,127*0.5);
	tempIcon.shadowSize = new GSize(151*0.5,127*0.5);		
	tempIcon.iconAnchor = new GPoint(42,63);
	markerOptions = { icon:tempIcon };
  tempMarker = new GMarker(point, markerOptions);
	label1="天氣預報";
 	label2="留言";
 	label3="氣象頻道";
 	GEvent.addListener(tempMarker, "click", function() {  
	map.openInfoWindowTabsHtml(point,[new GInfoWindowTab(label1,data1), 
																	  new GInfoWindowTab(label3,data3), 
																		new GInfoWindowTab(label2,data2)]);  
});
 	return tempMarker;
}
	
function SunOrMoon(tZone){
	var dayNight;
	var now=new Date();
	var utcHr=now.getUTCHours();
	var markerTime=parseInt(utcHr,10)+parseInt(tZone,10);
	if(markerTime<0){markerTime=markerTime+24;}
	else if(markerTime>=24){markerTime=markerTime-24;}
	else{markerTime=markerTime;	}
	if(markerTime>=6&&markerTime<18){dayNight="s_";}
	else{dayNight="m_";}
	return dayNight;
}

function travel(getxml,j,Longitude,Latitude,zoom,types){    
markers = new Array();
var Value_Icon=new Array();
var Year=new Array();
var Month=new Array();
var Day=new Array();
var showchoose="<div class=subtext><form name=showdatas><table align=center><tr><td><td><select name=selectloc onchange=travelshow('"+getxml+"','"+types+"')><option>請選擇地區</option>";
		var xml = getXmlDoc("xml/"+getxml+".xml");  
		LNodes = getAllLocationNode(xml);
		for(var i=0;i<LNodes.length;i++){
		    var Loc_Name = getLocationInfo(LNodes[i],"Label");
			var lid = getLocationInfo(LNodes[i],"LID");
			var lon = getLocationInfo(LNodes[i],"Lon");
			var lat = getLocationInfo(LNodes[i],"Lat");
			var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));  
		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){
		 Year[k]=TNode[k].getAttribute("Year");
         Month[k]=TNode[k].getAttribute("Month");
		 Day[k]=TNode[k].getAttribute("Day");	
		 Value_Icon[k] = getCurrentWeatherItem(TNode[k],"types_icon"); 
		 showchoose+="<option value="+lat+"&"+lon+"&"+lid+">"+Loc_Name+"</option>";
		}
		var Content1 = "<iframe frameborder=NO border=0 framespacing=0 height=280 width=300 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src=show_travel.php?lat="+ lat + "&lon=" + lon + "&datatype="+ getxml +"&lid="+ lid+"&types="+types+" noresize></iframe>";
		var Content2 = "<iframe frameborder=NO border=0 framespacing=0 height=240 width=300 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src=life_message.php?lat="+ lat + "&lon=" + lon + "&datatype="+ getxml +"&lid="+ lid+" noresize></iframe>";
		var Content3 = "<iframe frameborder=NO border=0 framespacing=0 height=240 width=300 scrolling=auto marginheight=0 marginwidth=0 name=mediaarea src=show_media.php?lat="+ lat + "&lon=" + lon + "&datatype="+ getxml +"&lid="+ lid+" noresize></iframe>";
			
			myIcon = new GIcon(G_DEFAULT_ICON); 
			myIcon.image = '../images/icon/'+getxml+'.png'; 
			myIcon.iconSize = new GSize(40, 40);  
            var markerOptions = { icon:myIcon };
            createMarker_moredata(j,latlng,Content1,Content2,Content3,markerOptions); 
			
			if(lon==Longitude && lat==Latitude){
			map.openInfoWindowTabsHtml(latlng,[new GInfoWindowTab("天氣預報",Content1), new GInfoWindowTab("氣象頻道",Content3), new GInfoWindowTab("我要推薦",Content2)]); 
			} 
		}
   showchoose+="</select></td></tr></table></form></div>";	 	
   document.getElementById("subcontent").innerHTML=showchoose;				
   mgr[j] = new MarkerManager(map);	
   mgr[j].addMarkers(markers,zoom);   
   mgr[j].refresh();	
   map.setCenter(latlng,zoom);
//   map.setZoom(zoom);	
}

//即時影像
function station(getxml,j,Longitude,Latitude,zoom){  
markers = new Array();
var Station_Url=new Array();
var Station_Image=new Array();
var showchoose="<div class=subtext><form name=showdatas><table><tr><td>資料來源:研考會<tr><td><select name=selectloc onchange=stationshow('"+getxml+"')><option>請選擇地區</option>";
		var xml = getXmlDoc("xml/"+getxml+'.xml');
		LNodes = getAllLocationNode(xml);
		for(var i=0;i<LNodes.length;i++){
		    var location = getLocationInfo(LNodes[i],"Label");
			var lon = getLocationInfo(LNodes[i],"Lon");
			var lat = getLocationInfo(LNodes[i],"Lat");
			var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));  

		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){	
	     Station_Url[k] = getCurrentWeatherItem(TNode[k],"url");
		 Station_Image[k] = getCurrentWeatherItem(TNode[k],"image");
		 showchoose+="<option value="+lat+"&"+lon+"&"+Station_Url[k]+">"+location+"</option>";
		}			
            myIcon = new GIcon(G_DEFAULT_ICON);  
            myIcon.image = "../images/icon/"+Station_Image[0]+".png"; 
            if(getxml=="realshow"){
			Content= "<iframe frameborder=NO border=0 framespacing=0 height=300 width=370 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src="+Station_Url[0]+" noresize></iframe>";
			myIcon.iconSize = new GSize(40, 40); 		
			}else{
			Content= "<iframe frameborder=NO border=0 framespacing=0 height=120 width=160 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src="+Station_Url[0]+"?lon="+lon+"&lat="+lat+" noresize></iframe>";
			myIcon.iconSize = new GSize(70, 60); 	
			}
			var markerOptions = { icon:myIcon };
            createMarker(j,latlng,Content,markerOptions);
		}
   showchoose+="</select></td></tr></table></form></div>";	 	
   document.getElementById("subcontent").innerHTML=showchoose;			
   mgr[j] = new MarkerManager(map);	
   mgr[j].addMarkers(markers,zoom); 
   mgr[j].refresh();	
   map.setCenter(latlng,zoom);
}

// 氣象局觀測站
display_obs="off";
function obs(xmldata,j,Longitude,Latitude,zoom){  
 if(display_obs=="off"){
  markers = new Array();
  var obs_Url=new Array();
  var obs_Image=new Array();
var showchoose="<div class=subtext><form name=showdatas><table align=center><tr><td>資料來源:中央氣象局<tr><td><select name=selectloc onchange=obsshow('"+xmldata+"')><option>請選擇地區</option>";  
		var xml = getXmlDoc("xml/"+xmldata+'.xml');
		LNodes = getAllLocationNode(xml);
		for(var i=0;i<LNodes.length;i++){
		    var location = getLocationInfo(LNodes[i],"Label");
			var lon = getLocationInfo(LNodes[i],"Lon");
			var lat = getLocationInfo(LNodes[i],"Lat");
			var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));  
		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){	
		 obs_Url[k] = getCurrentWeatherItem(TNode[k],"url");
		 showchoose+="<option value="+lat+"&"+lon+"&"+location+">"+location+"</option>";
		}			
            myIcon = new GIcon(G_DEFAULT_ICON);  
            myIcon.image = "http://thsrc.tenki.tw/images/"+xmldata+".png"; 
			Content=obs_Url[0];
			myIcon.iconSize = new GSize(30, 30);  
			markerOptions = { icon:myIcon };
		  var labelClass="TextBox";
		  var  opts = { 
          "icon": myIcon,
          "clickable": true,
          "title": location,
          "labelText":location,
		  "labelClass":labelClass,
		  "labelOffset": new GSize(15, -30)
		  };		
		 createMarker2(j,latlng,Content,opts); 
		}
   showchoose+="</select></td></tr></table></form></div>";	 	
   document.getElementById("subcontent").innerHTML=showchoose;			
   mgr[j] = new MarkerManager(map);	
   mgr[j].addMarkers(markers,zoom); 
   mgr[j].refresh();
   display_station="on";
	}else{
    mgr[j].clearMarkers();
	display_obs="off";
	}
}

// 氣象局雨量站
display_obsrain="off";
function obs_rain(xmldata,j,Longitude,Latitude,zoom){  
 if(display_obsrain=="off"){
  markers = new Array();
  var obsrain_Url=new Array();
  var obsrain_Image=new Array();
var showchoose="<div class=subtext><form name=showdatas><table align=center><tr><td>資料來源:中央氣象局";    
		var xml = getXmlDoc('xml/'+xmldata+'.xml');
		LNodes = getAllLocationNode(xml);
		for(var i=0;i<LNodes.length;i++){
		    var location = getLocationInfo(LNodes[i],"Label");
			var lon = getLocationInfo(LNodes[i],"Lon");
			var lat = getLocationInfo(LNodes[i],"Lat");
			var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));  
		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){	
		 obsrain_Image[k] = getCurrentWeatherItem(TNode[k],"image");
		}			
            myIcon = new GIcon(G_DEFAULT_ICON);  
            myIcon.image = "http://thsrc.tenki.tw/images/cwb_r.png"; 
			Content="<iframe frameborder=NO border=0 framespacing=0 height=290 width=360 scrolling=yes alight=middle marginheight=0 marginwidth=0 name=indexarea src=http://thsrc.tenki.tw/realtime/show_rain.php?id="+obsrain_Image[0]+" noresize></iframe>";
			myIcon.iconSize = new GSize(20, 20);  
			markerOptions = { icon:myIcon };
		  var labelClass="TextBox";
		  var  opts = { 
          "icon": myIcon,
          "clickable": true,
          "title": location,
          "labelText":location,
		  "labelClass":labelClass,
		  "labelOffset": new GSize(15, -30)
		  };		
		 createMarker2(j,latlng,Content,opts); 
		}
   showchoose+="</td></tr></table></div>";	 	
   document.getElementById("subcontent").innerHTML=showchoose;			
   mgr[j] = new MarkerManager(map);	
   mgr[j].addMarkers(markers,zoom); 
   mgr[j].refresh();	
   display_obsrain="on";
	}else{
    mgr[j].clearMarkers();
	display_obsrain="off";
	}
}

function activity(getxml,j,Longitude,Latitude,zoom){  
markers = new Array();
var Active_Icon=new Array();
var StartYear=new Array();
var StartMonth=new Array();
var StartDay=new Array();
var EndYear=new Array();
var EndMonth=new Array();
var EndDay=new Array();
var showchoose="<div class=subtext><form name=formflower><table><tr><td colspan=3><select name=selectwhere onchange=activityshow('"+getxml+"')><option>請選擇地區</option>";
		var xml = getXmlDoc("xml/"+getxml+'.xml');
		LNodes = getAllLocationNode(xml);
		for(var i=0;i<LNodes.length;i++){
		    var location = getLocationInfo(LNodes[i],"Label");
			var lon = getLocationInfo(LNodes[i],"Lon");
			var lat = getLocationInfo(LNodes[i],"Lat");
			var lid = getLocationInfo(LNodes[i],"LID");
			var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));  
			
		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){	
	 	 StartYear[k]=TNode[k].getAttribute("StartYear");
         StartMonth[k]=TNode[k].getAttribute("StartMonth");
		 StartDay[k]=TNode[k].getAttribute("StartDay");
		 EndYear[k]=TNode[k].getAttribute("EndYear");
		 EndMonth[k]=TNode[k].getAttribute("EndMonth");
		 EndDay[k]=TNode[k].getAttribute("EndDay");
		 Active_Icon[k] = getCurrentActiveItem(TNode[k],"types_icon");
		 showchoose+="<option value="+lat+"&"+lon+"&"+lid+">"+location+"</option>";
		}		
			var Content1 = "<iframe frameborder=NO border=0 framespacing=0 height=230 width=370 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src=show_"+getxml+".php?lat="+ lat + "&lon=" + lon + "&lid="+lid+" noresize></iframe>";	
			var Content2 = "<iframe frameborder=NO border=0 framespacing=0 height=230 width=370 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src=show_message.php?lat="+ lat + "&lon=" + lon + "&datatype="+ getxml +" noresize></iframe>";
			var Content3 = "<iframe frameborder=NO border=0 framespacing=0 height=230 width=300 scrolling=auto marginheight=0 marginwidth=0 name=mediaarea src=show_media.php?lat="+ lat + "&lon=" + lon + "&datatype="+ getxml +" noresize></iframe>";
            myIcon_A = new GIcon(G_DEFAULT_ICON);  
            myIcon_A.image = '../images/icon/'+Active_Icon[0]+'.png'; 
            myIcon_A.iconSize = new GSize(40, 40);  
            var markerOptions = { icon:myIcon_A };
            createMarker_moredata(j,latlng,Content1,Content2,Content3,markerOptions);
			bubbledata.push(new Array(location,lon,lat,myIcon_A,Content1));
		}
   if(getxml=="flower"){
   showchoose+="</select></td></tr><tr><td colspan=3>在地圖中您可以找到如下方顯示的三種圖示，分別表示花已凋謝、含苞待放、盛開三種情況，讓您快速掌握賞花資訊～<tr><td><img src=../images/icon/flower0.png width=50><td><img src=../images/icon/flower1.png width=50><td><img src=../images/icon/flower2.png width=50></table></form></div>";	 	
   }else{
   showchoose+="</select></td></tr>";   
   }
   document.getElementById("subcontent").innerHTML=showchoose;	
   mgr[j] = new MarkerManager(map);	
   mgr[j].addMarkers(markers,zoom); 
   mgr[j].refresh();	
   map.setCenter(latlng,zoom);
}

now = new Date();
nowmonth = now.getMonth();
nowday = now.getDate();
nowhour = now.getHours()-3;
function message(getxml,j,Longitude,Latitude,zoom){  
markers = new Array();
var Message_Year=new Array();
var Message_Month=new Array();
var Message_Day=new Array();
var Message_Hour=new Array();
var Message_icon=new Array();
var Message_icontype=new Array();
var Message_title=new Array();
       if(getxml=="message" || getxml=="paralympics"){
		var xml = getXmlDoc("xml/"+getxml+".xml");
       }else{
		var xml = getXmlDoc("xml/ty_"+getxml+".xml");    
	   }
		LNodes = getAllLocationNode(xml);
		 if(LNodes.length>40){var datalength=40}
		 else{var datalength=LNodes.length}
		for(var i=0;i<datalength;i++){
		    var location = getLocationInfo(LNodes[i],"Label");
			var lon = getLocationInfo(LNodes[i],"Lon");
			var lat = getLocationInfo(LNodes[i],"Lat");
			var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));  	
			
		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){	
		 Message_Year[k]=TNode[k].getAttribute("Year");
         Message_Month[k]=TNode[k].getAttribute("Month");
		 Message_Day[k]=TNode[k].getAttribute("Day");	
		 Message_Hour[k]=TNode[k].getAttribute("Hour");	
		 Message_icon[k] = getCurrentMessageItem(TNode[k],"icon");
//		 Message_icontype[k] = getCurrentMessageItem(TNode[k],"icontype");
		 Message_title[k] = getCurrentMessageItem(TNode[k],"title");
		//}				
        if(getxml=="message"){
		var Content="<iframe frameborder=NO border=0 framespacing=0 height=200 width=320 scrolling=yes alight=middle marginheight=0 marginwidth=0 name=indexarea src=show_message.php?lat="+ lat + "&lon=" + lon + "&datatype=message noresize></iframe>";	
            myIcon = new GIcon(G_DEFAULT_ICON);  
            myIcon.image = 'http://photo.tenki.tw/vip/images/'+Message_icon[0]; 
			myIcon.shadow = '../images/icon/shadow.jpg'; 
			myIcon.shadowSize = new GSize(42, 42); 
		}else{
		var Content="<iframe frameborder=NO border=0 framespacing=0 height=200 width=320 scrolling=yes alight=middle marginheight=0 marginwidth=0 name=indexarea src=commend/show_ty.php?lat="+ lat + "&lon=" + lon + "&types="+getxml+" noresize></iframe>";	
            myIcon = new GIcon(G_DEFAULT_ICON);  
            myIcon.image = '../images/typhoon_icon/'+Message_icon[0]; 	
		}
		
            myIcon.iconSize = new GSize(40, 40); 
            var markerOptions = { icon:myIcon };
		 if(Message_Day[k]==nowday && Message_Hour[k]>=nowhour){ 
		  var labelClass="TextNow";
		 }else{
		  var labelClass="TextBox";
		 }	
		  var  opts = { 
          "icon": myIcon,
          "clickable": true,
          "title": Message_title[0],
          "labelText":Message_title[0],
		  "labelClass":labelClass,
		  "labelOffset": new GSize(33, -35)
          };
            createMarker2(j,latlng,Content,opts);
		 }	
		}
   mgr[j] = new MarkerManager(map);	
   mgr[j].addMarkers(markers,zoom); 
   mgr[j].refresh();
//   map.setCenter(new GLatLng(Latitude, Longitude));
   map.setZoom(11);	
}

function photo(getxml,j,Longitude,Latitude,zoom){  
markers = new Array();
var photo_Icon=new Array();
var photo_name=new Array();
var photo_data=new Array();
var photo_i=new Array();
var photo_n=new Array();
var photo_d=new Array();
        var xml = getXmlDoc("xml/"+getxml+".xml");
		LNodes = getAllLocationNode(xml);
		for(var i=0;i<LNodes.length;i++){
		    var location = getLocationInfo(LNodes[i],"Label");
			var lon = getLocationInfo(LNodes[i],"Lon");
			var lat = getLocationInfo(LNodes[i],"Lat");
			var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));  	
		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){
		 photo_Icon[k] = getCurrentPhotoItem(TNode[k],"url"); 
		 photo_name[k] = getCurrentPhotoItem(TNode[k],"name"); 
		 photo_data[k] = getCurrentPhotoItem(TNode[k],"content"); 
		}
		var Content="<table width=200 bgcolor='#000000'><tr><td><div align='center'><font color='#FFFFFF'><strong>"+photo_data[0]+"</strong></font></div><tr><td><div align='center'><img src="+photo_Icon[0]+"></div><tr><td><div align='center'><font size=2 color='#666666'>拍攝者:"+photo_name[0]+"</font></div></td></tr></table><div align=right><a href='http://map.tenki.tw/pj_photo/photo_all.php' target='_blank'>觀看全部</a></div>";
            myIcon = new GIcon(G_DEFAULT_ICON);  
            myIcon.image = photo_Icon[0]; 
            myIcon.iconSize = new GSize(35, 35); 
			myIcon.iconAnchor = new GPoint(0,0);
			
			BGIcon = new GIcon(G_DEFAULT_ICON);  
			BGIcon.image = '../images/icon/white.jpg'; 
			BGIcon.iconSize = new GSize(37, 37); 
			BGIcon.iconAnchor = new GPoint(1,1);
			var markerOptionsBG = { icon:BGIcon };
			createMarker(j,latlng,Content,markerOptionsBG);	            
			var markerOptions = { icon:myIcon };
			createMarker(j,latlng,Content,markerOptions);	
//		photo_i[i]=photo_Icon[0];
//		photo_n[i]=photo_name[0];
//		photo_d[i]=photo_data[0];
		}
   mgr[j] = new MarkerManager(map);	
   mgr[j].addMarkers(markers,zoom); 
   mgr[j].refresh();	
//if(getxml=="photo_index2"){
//photo_load2="on";
//}
//if(getxml=="photo_index3"){
//photo_load3="on";
//}
map.setCenter(new GLatLng(lat,lon));
}

function wish(getxml,j,Longitude,Latitude,zoom){  
//cleardata(lastDataNumber);
markers = new Array();
var Value_Icon=new Array();
var Value_Title=new Array();
		var xml = getXmlDoc("xml/"+getxml+".xml");
		LNodes = getAllLocationNode(xml);
		for(var i=0;i<LNodes.length;i++){
		    var location = getLocationInfo(LNodes[i],"Label");
			var lid = getLocationInfo(LNodes[i],"LID");
			var lon = getLocationInfo(LNodes[i],"Lon");
			var lat = getLocationInfo(LNodes[i],"Lat");
			var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));  	
		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){
		 Value_Icon[k] = getCurrentWeatherItem(TNode[k],"types_icon"); 
		 Value_Title[k] = getCurrentMessageItem(TNode[k],"title");
		}				
		var Content="<iframe frameborder=NO border=0 framespacing=0 height=260 width=240 scrolling=yes alight=middle marginheight=0 marginwidth=0 name=indexarea src=mywish.php?wishid="+lid+" noresize></iframe>";	
//		var Content2="<iframe frameborder=NO border=0 framespacing=0 height=270 width=330 scrolling=yes alight=middle marginheight=0 marginwidth=0 name=indexarea src=show_message.php?lat="+ lat + "&lon=" + lon + "&datatype=message noresize></iframe>";	
            myIcon = new GIcon(G_DEFAULT_ICON);  
//            myIcon.image = 'http://photo.tenki.tw/vip/images/'+Value_Icon[0]; 
			myIcon.image = '../images/icon/wish.png'; 
//			myIcon.shadow = 'http://photo.tenki.tw/map/icon/shadow.jpg'; 
			myIcon.shadowSize = new GSize(42, 42); 
            myIcon.iconSize = new GSize(40, 40); 
            var markerOptions = { icon:myIcon };
		  var labelClass="TextNow";
		  var  opts = { 
          "icon": myIcon,
          "clickable": true,
          "title": Value_Title[0],
          "labelText":Value_Title[0],
		  "labelClass":labelClass,
		  "labelOffset": new GSize(25, -35)
          };
            createMarker2(j,latlng,Content,opts);
 //           createMarker_wish(j,latlng,Content1,Content2,markerOptions);
		}
   mgr[j] = new MarkerManager(map);	
   mgr[j].addMarkers(markers,zoom); 
   mgr[j].refresh();	
   map.setCenter(new GLatLng(Latitude, Longitude));
   map.setZoom(zoom);	
}

function news(getxml,j,Longitude,Latitude,zoom){    
markers = new Array();
var Year=new Array();
var Month=new Array();
var Day=new Array();
var showchoose="<div class=subtext><form name=showdatas><table align=center><tr><td>顯示3日內世界各地天氣相關新聞<tr><td><select name=selectloc onchange=newsshow('"+getxml+"')><option>請選擇地區</option>";
		var xml = getXmlDoc("xml/"+getxml+".xml");  
		LNodes = getAllLocationNode(xml);
		for(var i=0;i<LNodes.length;i++){
		    var title = getLocationInfo(LNodes[i],"Label");
			var lid = getLocationInfo(LNodes[i],"LID");
			var lon = getLocationInfo(LNodes[i],"Lon");
			var lat = getLocationInfo(LNodes[i],"Lat");
			var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));  
		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){
		 Year[k]=TNode[k].getAttribute("Year");
         Month[k]=TNode[k].getAttribute("Month");
		 Day[k]=TNode[k].getAttribute("Day");	
		 showchoose+="<option value="+lat+"&"+lon+"&"+lid+">"+title+"</option>";
		}
		var Content = "<iframe frameborder=NO border=0 framespacing=0 height=240 width=300 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src=show_news.php?id="+ lid+" noresize></iframe>";
  				
            myIcon = new GIcon(G_DEFAULT_ICON);  
			myIcon.image = '../images/icon/news.png'; 
			myIcon.iconSize = new GSize(40, 40);  
            var markerOptions = { icon:myIcon };
	      var labelClass="TextNow";		
		  var  opts = { 
          "icon": myIcon,
          "clickable": true,
          "title": title,
          "labelText":title,
		  "labelClass":labelClass,
		  "labelOffset": new GSize(33, -35)
          };
            createMarker2(j,latlng,Content,opts);
		}
   showchoose+="</select></td></tr></table></form></div>";		
   document.getElementById("subcontent").innerHTML=showchoose;	
   mgr[j] = new MarkerManager(map);	
   mgr[j].addMarkers(markers,zoom);   
   mgr[j].refresh();	
   map.setCenter(latlng,zoom);
}


function vip(getxml,j,Longitude,Latitude,zoom){  
markers = new Array();
var vip_title=new Array();
var vip_house=new Array();
		var xml = getXmlDoc("xml/"+getxml+".xml");
		LNodes = getAllLocationNode(xml);
		for(var i=0;i<LNodes.length;i++){
		    var vipid = getLocationInfo(LNodes[i],"VIPID");
			var lon = getLocationInfo(LNodes[i],"Lon");
			var lat = getLocationInfo(LNodes[i],"Lat");
			var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));  	
			
		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){	
		 vip_title[k] = getCurrentMessageItem(TNode[k],"nickname");	
		 vip_house[k] = getCurrentMessageItem(TNode[k],"house");
		 		
		var Content="<iframe frameborder=NO border=0 framespacing=0 height=240 width=325 scrolling=yes alight=middle marginheight=0 marginwidth=0 name=indexarea src=show_vip.php?vipid="+vipid+ "noresize></iframe>";	
            myIcon = new GIcon(G_DEFAULT_ICON);  
            myIcon.image = '../images/icon/'+vip_house[0]; 
//			myIcon.shadow = 'images/icon/shadow.jpg'; 
			myIcon.shadowSize = new GSize(42, 42); 
            myIcon.iconSize = new GSize(40, 40); 
            var markerOptions = { icon:myIcon };
		  var labelClass="TextBox";
		  var  opts = { 
          "icon": myIcon,
          "clickable": true,
          "title": vip_title[0],
          "labelText":vip_title[0],
		  "labelClass":labelClass,
		  "labelOffset": new GSize(33, -35)
		  };
            createMarker2(j,latlng,Content,opts);
		 }	
		}
   mgr[j] = new MarkerManager(map);	
   mgr[j].addMarkers(markers,zoom); 
   mgr[j].refresh();	
   map.setCenter(new GLatLng(Latitude, Longitude));
   map.setZoom(zoom);	
   vip_data="on";
}

//影片
function video(getxml,j,Longitude,Latitude,zoom){  
markers = new Array();
var Station_Url=new Array();
var Station_Image=new Array();
var showchoose="<div class=subtext><form name=showdatas><table><tr><td>顯示最近5則影片<tr><td><select name=selectloc onchange=videoshow('"+getxml+"')><option>請選擇影片</option>";
		var xml = getXmlDoc("xml/"+getxml+'.xml');
		LNodes = getAllLocationNode(xml);
		for(var i=0;i<LNodes.length;i++){
		    var location = getLocationInfo(LNodes[i],"Label");
			var lon = getLocationInfo(LNodes[i],"Lon");
			var lat = getLocationInfo(LNodes[i],"Lat");
			var latlng = new GLatLng(parseFloat(lat),parseFloat(lon));  

		TNode=getAllTimeRangeNode(LNodes[i]);
		for(var k=0;k<TNode.length;k++){	
	     Station_Url[k] = getCurrentWeatherItem(TNode[k],"url");
		 Station_Image[k] = getCurrentWeatherItem(TNode[k],"image");
		 showchoose+="<option value="+lat+"&"+lon+"&"+Station_Url[k]+">"+location+"</option>";
		}			
/*            myIcon = new GIcon(G_DEFAULT_ICON);  
            myIcon.image = "../images/icon/"+Station_Image[0]+".png"; 
*/            if(getxml=="video"){
			Content= "<iframe frameborder=NO border=0 framespacing=0 height=300 width=370 scrolling=auto marginheight=0 marginwidth=0 name=indexarea src=<object width='350' height='280'><param name='movie' value='"+Station_Url[0]+"&hl=zh_TW&fs=1&'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param><embed src='"+Station_Url[0]+"&hl=zh_TW&fs=1&' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='350' height='280'></embed></object> noresize></iframe>";
//			myIcon.iconSize = new GSize(40, 40); 		
			}
//			var markerOptions = { icon:myIcon };
//            createMarker(j,latlng,Content,markerOptions);
		}
   showchoose+="</select></td></tr></table></form></div>";	
//   showchoose+="</select></td></tr><tr><td><a href='http://map.tenki.tw/pj_video/video_all.php' target='_blank'>更多天氣相關影片</a></tr></td></table></form></div>";	 	
   document.getElementById("subcontent").innerHTML=showchoose;			
   mgr[j] = new MarkerManager(map);	
   mgr[j].addMarkers(markers,zoom); 
   mgr[j].refresh();	
   map.setCenter(latlng,zoom);
}