//topicpost.php,newuser.php,useredit.php
var gmarker;
var gmap2;
function gMapLoad(nlat,nlng,nzoom) 
{
  //alert('Hi');
  //return;
  //驗證使用者的瀏覽器是否支援GMap
  if (GBrowserIsCompatible()) 
  {
    gmap2 = new GMap2(document.getElementById("gmap"));
		//地圖的控制項,有GLargeMapControl(),GSmallMapControl(),GSmallZoomControl()
		gmap2.addControl(new GLargeMapControl());
		//顯示地圖型態切換的控制項,Map,Staellite,Hybird
		gmap2.addControl(new GMapTypeControl());
    //設定地圖顯示的中心和放大比例
    //gmap2.setCenter(new GLatLng(22.67106566080742, 120.49293994903564), 17);
    //alert(nlat+','+nlng+','+nzoom);
    gmap2.setCenter(new GLatLng(nlat, nlng), nzoom);
    var center = gmap2.getCenter();
    
    //設定標式, 並可移動
    gmarker= new GMarker(center, {draggable: true});
    gmap2.addOverlay(gmarker);
    
    //Event
    GEvent.addListener(gmap2, "moveend", gMakerSet);
    //Event
    GEvent.addListener(gmarker, "dragend", gMakerDrag);
  }
	else
	{
		document.getElementById("map").innerHTML="Sorry,您的瀏覽器不支援!";
	}
}

function gMapShow(nlat,nlng,nzoom) 
{
  //驗證使用者的瀏覽器是否支援GMap
  if (GBrowserIsCompatible()) 
  {
    gmap2 = new GMap2(document.getElementById("gmap"));
		//地圖的控制項,有GLargeMapControl(),GSmallMapControl(),GSmallZoomControl()
		gmap2.addControl(new GSmallMapControl());
		//顯示地圖型態切換的控制項,Map,Staellite,Hybird
		gmap2.addControl(new GMapTypeControl());
    //設定地圖顯示的中心和放大比例
    //gmap2.setCenter(new GLatLng(22.67106566080742, 120.49293994903564), 17);
    //alert(nlat+','+nlng+','+nzoom);
    gmap2.setCenter(new GLatLng(nlat, nlng), nzoom);
    var center = gmap2.getCenter();
    
    //gmap2.disableDragging();
    //設定標式, 但不可移動
    gmarker= new GMarker(center, {draggable: false});
    gmap2.addOverlay(gmarker);

    // Create our "tiny" marker icon
    var blueIcon = new GIcon(G_DEFAULT_ICON);
    blueIcon.image = "http://gmaps-samples.googlecode.com/svn/trunk/markers/green/blank.png";
		
		// Set up our GMarkerOptions object
		markerOptions = { icon:blueIcon };  

    //所要放圖示的點
    point = new GLatLng(nlat, nlng);
    gmap2.addOverlay(new GMarker(point, markerOptions));
    
    /*
    GEvent.addListener(gmarker,"click", function() {     
		  var myHtml = "SOGO 屏東店";
  		gmap2.openInfoWindow(center, myHtml);
			}
		);
		*/        
  }
	else
	{
		document.getElementById("map").innerHTML="Sorry,您的瀏覽器不支援!";
	}
}

/* GMAP 固定指標 */
function setGMaker()
{
	gmarker.disableDragging();
	var makerPosit=gmarker.getLatLng();
	GEvent.clearListeners(gmap2, "moveend");
	gLng.value=makerPosit.lng();
	gLat.value=makerPosit.lat();
	gZoom.value=gmap2.getZoom();
	document.getElementById("message").innerHTML = "("+makerPosit.toString()+"), Rate:"+ gmap2.getZoom();
}

/* GMAP 解除指標 */
function unsetGMaker()
{
	gmarker.enableDragging();
  GEvent.addListener(gmap2, "moveend", gMakerSet);
  var center = gmap2.getCenter();
  gmarker.setLatLng(center);
	gLng.value=center.lng();
	gLat.value=center.lat();
	gZoom.value=gmap2.getZoom();
  document.getElementById("message").innerHTML ="";
}

/* GMAP MAP Event:moveend 時所用的函數 */
function gMakerSet() 
{
  var center = gmap2.getCenter();
  document.getElementById("message").innerHTML = "("+center.toString()+"), Rate:"+ gmap2.getZoom();
	gLng.value=center.lng();
	gLat.value=center.lat();
	gZoom.value=gmap2.getZoom();
  gmarker.setLatLng(center);
}

/* GMAP MAKER Event:dragend 時所用的函數 */
function gMakerDrag() 
{
  var makerPosit=gmarker.getLatLng();
  document.getElementById("message").innerHTML = "("+makerPosit.toString()+"), Rate:"+ gmap2.getZoom();
	gLng.value=makerPosit.lng();
	gLat.value=makerPosit.lat();
	gZoom.value=gmap2.getZoom();
}

/* 控制GMAP上的按鈕顯示與否 */
function gBTNAct(ncho)
{
	if(ncho)
	{
		gbtnSet.style.display='block';
		gbtnUnSet.style.display='none';
		$('mapmsg').innerHTML="<font color='red'>未設定</font>";
	}
	else
	{
		gbtnSet.style.display='none';
		gbtnUnSet.style.display='block';
		$('mapmsg').innerHTML="<font color='green'>已設定</font>";
	}
}

/* 當切換地區時, 地圖的中心跟著切換 */
function updateGMap(nCity3id)
{
	GDownloadUrl("../include/mapdata.xml", function(data) {
	  var xml = GXml.parse(data);
	  var markers = xml.documentElement.getElementsByTagName("marker");
	  for (var i = 0; i < markers.length; i++) 
	  {
	    if (parseFloat(markers[i].getAttribute("uid")) == nCity3id)
	    {
		    var latlng = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
		                            parseFloat(markers[i].getAttribute("lng")));
		    gmap2.setCenter(latlng, parseFloat(markers[i].getAttribute("zoom")));
	  	}
	  }
	});
}

/* 動態更新,第三階區域 */
function showSelCity3(reqObj) 
{
	var ajaxRtnValue = reqObj.responseText;
	var rtnArry = ajaxRtnValue.split("|");
	var SelType3 = document.getElementById ('selCity3');
	for (i=0; i< SelType3.length; i++)
		SelType3.options[i] = null;
	j=0;
	for (i=0; i< (rtnArry.length-1); i+=2)
	{
		SelType3.options[j] = new Option( rtnArry[i+1], rtnArry[i]);		
		j++;
	}
	//更新GMAP的中心
	updateGMap(SelType3.options[0].value);	
}

/* Ajax 第三階區域 */
function updateSelCity3(nLvl,nItemUid) 
{
	var url = 'getZoneList.php?';
	var qstr = 'nLvl=' + nLvl + '&nItemUid=' + nItemUid;

	var ajaxCity = new Ajax.Request (url, 
			{
				method: 'post',
				parameters: qstr,
				onComplete: showSelCity3
			});
}