﻿<!--
// JavaScript Document
function sendForm(vfm) {
	//vfm = document.getElementById("fmjoin");
	vfname = document.getElementById("div_fname");
	vbrief = document.getElementById("div_brief");
	if (vfm != null) {
		with(vfm) {
			if (checkdata(mfname.value, 0, vfname.innerHTML) == false) return;
			if (checkdata(mbrief.value, 60, vbrief.innerHTML) == false) return;
			vtfile = document.getElementById("mtfile1");
			if (vtfile == null) {
				alert("您還沒有上傳景點照片哦～");
				return;
			}
			if (checkdata(msubject.value, 0, "景點名稱") == false) return;
			if (checkdata(mcode.value, 5, "安全碼") == false) return;
			submit();
		}
	} else {
		alert("無法參加報名哦～");	
		return;
	}
}

//設定明信片型式
function setptype() {
	vobj = document.getElementById("mptype");
	if (vobj != null) {
		with(document.fm) {
			vfname = document.getElementById("div_fname");
			vbrief = document.getElementById("div_brief");
			if (mptype.value == "1") {
				vfname.innerHTML ="朋友姓名";
				vbrief.innerHTML ="書信內容";	
			}
			if (mptype.value == "2") {
				vfname.innerHTML ="景點名稱";
				vbrief.innerHTML ="景點故事描述";	
			}
		}
	} else {
		alert("無法報名作品哦～");	
		return;
	}
}

//上傳景點照片
function uploadFile(vidx) {
	vfm = document.getElementById("fm");
	if (vfm != null) {
		with(vfm) {
			vupobj = document.getElementById("mimgfile" + vidx);
			if (checkdata(vupobj.value, 0, "景點照片" + vidx) == false) return;
			ax_url.postfile("fm", "uploader.asp", "div_img");
		}
	} else {
		alert("無法報名作品哦～");	
		return;
	}
}

//刪除照片
function delImg(vidx) {
	vfm = document.getElementById("fm");
	if (vfm != null) {
		with(vfm) {
			if (confirm("確定要刪除重傳嗎？")) ax_url.posturl("delimg.asp", "?f=1&mptype=1&midx=" + vidx, "div_img");
		}
	} else {
		alert("無法報名作品哦～");	
		return;
	}
}

//預覽作品
function artPreview() {
	vfm = document.getElementById("fm");
	with(vfm) {
		vupimg = document.getElementById("mtfile1");
		vimg = document.getElementById("card_img");
		vcontent = document.getElementById("card_content");
		if (vupimg != null) {
			if (vupimg.value != "") {	//有上傳
				vimgfile = vupimg.value.replace(/_s/, "_m");
				vimg.src = "../public/2009event/tmp/" + vimgfile;
			}
		}
		ax_url.postform("fm", "saveart3.asp", "card_content");	//把文章內容記起來
		//設定預覽文字內容
		//vdata = "";
		//if (mptype.value == "1") vdata = "TO: " + mfname.value + "<br>";
		//vdata += mbrief.value.replace(/\/n/, "<br>");
		//vdata += mbrief.value;
		//vcontent.innerHTML = vdata;			

	}
	
}


//在marker點選時顯示標題
function createMarker(point, icon, vinfo) {
	var marker = new GMarker(point, {icon:icon, title:""} );
	//var html = "<p><small>" + title + "</small></p>";
	var vhtml = vinfo;
	//alert(vhtml);
	GEvent.addListener(marker, "click", function() {
		//marker.openInfoWindowHtml(vhtml);
		vdata = vinfo.split(":");
		vsubject = document.getElementById("div_subject");
		vcardimg = document.getElementById("card_img");
		//vcontent = document.getElementById("card_content");
		vsubject.innerHTML = vdata[2];
		vimgfile = vdata[1].replace(/_s/, "_m");
		//alert(vimgfile);
		vcardimg.src = "/public/2009event/" + vimgfile;
		ax_url.posturl("get_map_content.asp", "?f=1&art=" + vdata[0], "card_content");
		//vcontent.innerHTML = vdata[0];
	});
	return marker;
}

//顯示區域中的所有點或商店
//傳入參數，目前的地圖物件
function showAreaMarkers(vmap, vdo) {
	var center = vmap.getCenter();
	
	//alert("go4, " + doquery);
	//document.getElementById("message").innerHTML = center.toString();
	if (vdo) {	//有找到地點的地圖，接著找出範圍內的景點或指定的資料
		var lat = center.lat();		//x
		var lng = center.lng();		//y
		var czoom = vmap.getZoom();	//取得目前的縮放
		var vmem = document.getElementById("mem");	//查詢的會員作品
		var vart = document.getElementById("art");	//是否有指定某一作品
		//取得地圖範圍的4角座標
		var bounds = vmap.getBounds();
		// 西南座標
		var southWest = bounds.getSouthWest();
		// 東北座標
		var northEast = bounds.getNorthEast();
		// 地圖四角座標
		var lng1 = northEast.lng();	//
		var lng2 = southWest.lng();
		var lat1 = northEast.lat();
		var lat2 = southWest.lat();
		//取得區域內地標的xml marker程式
		var gurl = "get_scenery_map_xml.asp?mem="+ vmem.value + "&art=" + vart.value + "&czoom=" + czoom + "&lng="+ lng + "&lng1="+ lng1 +"&lng2="+ lng2 +"&lat="+ lat +"&lat1="+ lat1 +"&lat2="+ lat2;
		//alert(gurl);
		
		//右邊取得域內資料的列表
		//var purl = "get_agent_map_list.asp?agent_type=" + vagent_type.value + "&czoom="+ czoom + "&lng="+ lng + "&lng1="+ lng1 +"&lng2="+ lng2 +"&lat="+ lat +"&lat1="+ lat1 +"&lat2="+ lat2;
		//ax_url.geturl(purl, "AgentList");
		//document.getElementById("debug").innerHTML = gurl;
		GDownloadUrl(gurl, 
			function(data, responseCode) {
				if (responseCode == 200) {
					//document.getElementById("debug").innerHTML = data;
					//return;
					var xml = GXml.parse(data);
					var markers = xml.documentElement.getElementsByTagName("marker");
					//alert(markers.length);
					if (markers.length > 0) {	//有找到區域中的景點或是商店 
						for (var i = 0; i < markers.length; i++) {
							var lat = parseFloat(markers[i].getAttribute("lat"));
							var lng = parseFloat(markers[i].getAttribute("lng"));
												
							var point = new GLatLng(lat,lng);
							var vart = markers[i].getAttribute("art");
							var vsubject = markers[i].getAttribute("title");
							var vptype = markers[i].getAttribute("ptype");
							var vimg = markers[i].getAttribute("img");
							var vfname = markers[i].getAttribute("fname");
							var vbrief = markers[i].getAttribute("brief");
							//var vurl = markers[i].getAttribute("url");
							
							var icon=new GIcon(); 
							icon.image = "/public/2009event/" + vimg; 
							icon.iconSize = new GSize(16,16); 
							icon.iconAnchor = new GPoint(8,8); 
							icon.infoWindowAnchor = new GPoint(8, 8);
							
							//alert(icon.image);
							
							var vinfo = "<div align='left' style='font-size: .9em; color:#000';>";
							if (vsubject != null) {
								//var simg = icon.image;
								//var vimgfile = simg.replace(/_s/, "_m");
								vinfo += "<strong><img src='" + icon.image + "' align='absmiddle' hspace='2' vspace='2'> " + vsubject + "</strong><br>";
							}
							/*
							if (vagtype != null) {
								vinfo += "開放時間：" + vopentime + "<br>";
							}
							*/
							/*
							if (vurl != "") {
								vinfo += "<a href='" + vurl + "' target='_blank'><font color='blue'>查看詳細介紹</font></a>";
							}
							*/
							vinfo += "</div>";
							//marker.openInfoWindowHtml(vinfo);
							//var marker = createMarker(point, icon, vinfo);
							var vshow = vart + ":" + vimg + ":" + vsubject;
							var marker = createMarker(point, icon, vshow);
							gmap.addOverlay(marker);
							if (i ==0) {	//顯示第一筆的內容
								vdata = vbrief.replace(/\/n/, "<br />");
								vcardimg = document.getElementById("card_img");
								//vcontent = document.getElementById("card_content");
								vimgfile = vimg.replace(/_s/, "_m");
								//alert(vimgfile);
								vcardimg.src = "/public/2009event/" + vimgfile;
								//vcontent.innerHTML = vdata;
								ax_url.posturl("get_map_content.asp", "?f=1&art=" + vart, "card_content");
							}
							
						}
					} else {
						return false;	
					}
				} else if(responseCode == -1) {
						alert("Data request timed out. Please try later.");
					} else { 
						alert("Request resulted in error. Check XML file is retrievable.");
					}
			}
		);
	}
	
}


/* 依地區查地圖專用 */
function SceneryMaps() {
	if (GBrowserIsCompatible()) {
		var vmapobj = document.getElementById("AreaMap");
		//var vmapobj = document.getElementById("WebMap");
		//alert(vmapobj.length);
		if (vmapobj != null) {
			bMap = true;
			for (var i = 1; i <= 1; i++) {
				//顯示標記的參數
				var vagent_type = document.getElementById("agent_type");	//查詢類型
				var vmapzoom = document.getElementById("MapZoom");	//地圖標放大倍數, 預設是9
				var vx = document.getElementById("MapX");	//座標X 物件 hidden值
				var vy = document.getElementById("MapY");	//座標Y 物件 hidden值
				var vmapaddress = document.getElementById("MapAddress");	//地址
				if (vmapzoom != null) {
					vzoom = parseInt(vmapzoom.value);
					if (isNaN(vzoom)) vzoom = 12;						
				} else {
					vzoom = 12;
				}					
				var doquery = false;
			
				if ((vx != null) && (vy != null)) {
					//alert("go0");
					gmap = new GMap2(vmapobj);
					//加入mouse移動地圖時的事件
					GEvent.addListener(gmap, "moveend", 
						function() {
							showAreaMarkers(gmap, doquery);
						}
					);
					gmap.addControl(new GLargeMapControl());
					gmap.addControl(new GScaleControl());
					gmap.addControl(new GMapTypeControl());
					geocoder = new GClientGeocoder();
					if ((vx.value != "") && (vy.value != "")) {	//有上次的傳座標
						//alert("go1");
						var valx = parseFloat(vx.value);
						var valy = parseFloat(vy.value);
						
						var point = new GLatLng(valx, valy);
						if (!point) {
							alert("沒有找到指定座標的地圖哦～");
							return;
						} else {
							gmap.setCenter(point, vzoom);
							//var marker = new GMarker(point);
							//gmap.addOverlay(marker);
							doquery = true;
							showAreaMarkers(gmap, doquery);	//不是預設的不顯示標示的放大size, 就顯示標記
						}
					} else {	//用地點名稱查詢
						//alert("go2");
						//*
						geocoder.getLatLng(vmapaddress.value, 
							function(point) {
								if (!point) {
									alert("沒有找到指地點的地圖哦～");
									return;
								} else {
									gmap.setCenter(point, vzoom);
									doquery = true;
									showAreaMarkers(gmap, doquery);	//不是預設的不顯示標示的放大size, 就顯示標記
								}
							}
						);
						//*/
					}
				}
			}
		}
	}
}



//頁面初始函數
function page_load_init() {
	SceneryMaps()	//顯示地區查詢的地圖
}
//頁面初始函數
function page_unload() {
	GUnload();
}

YAHOO.util.Event.addListener(window, "load", page_load_init);
YAHOO.util.Event.addListener(window, "unload", page_unload);
//-->
