var marker;

    function initialize() {
      if (GBrowserIsCompatible()) {
			var map = new GMap2(document.getElementById("map_canvas"));
	     	map.addControl(new GLargeMapControl());
            map.addControl(new GMapTypeControl());
     	    map.addControl(new GScaleControl());
            map.addControl(new GOverviewMapControl());
          //  map.enableGoogleBar();
			map.enableScrollWheelZoom();
            map.setCenter(new GLatLng(23.563082, 119.583156), 10);

        GEvent.addListener(map, "click", function(overlay, latlng) {
          if (latlng) {
            marker = new GMarker(latlng, {draggable:true});
            GEvent.addListener(marker, "click", function() {
 				var html = "<table>" +
                         "<tr><td>標題:</td> <td><input type='text' id='name'/> </td> </tr>" +
                         "<tr><td>內容:</td> <td><input type='text' id='address'/></td> </tr>" +
      //		         "<tr><td>內容:</td> <td><textarea cols='40' rows='5' id='address'/></textarea></td> </tr>" +
               			 "<tr><td>圖片連結:</td> <td><input type='text' value='blank.jpg' id='imgurl'/></td> </tr>" +
               			 "<tr><td>網頁連結:</td> <td><input type='text' value='htm/working.htm' id='infourl'/><a href='http://penghu.rockpie.com/utf8/modules.php?name=File_Uploader' target='_blank'>上傳網頁</a><a href='http://penghu.rockpie.com/utf8/modules.php?name=Forums&file=viewtopic&t=236#277' target='_blank'>[?]</a></td> </tr>" +
                         "<tr><td>類型:</td> <td><select id='type'>" +
                         "<option value='即時新聞' SELECTED>即時新聞</option>" +
                         "<option value='房屋租賣'>房屋租賣</option>" +
                         "</select> </td></tr>" +
                         "<tr><td></td><td><input type='button' value='儲存' onclick='saveData()'/></td></tr>";

              marker.openInfoWindow(html);
            });
            map.addOverlay(marker);
          }
        });

      }
    }

    function saveData() {
      if(document.getElementById("name").value.length==0)
 			  {
 			  alert("標題欄位不可以空白哦！");
 			  return false;
			  }
 else if(document.getElementById("address").value.length==0)
			  {
  			  alert("內容欄位不可以空白哦！");
 			  return false;
 			  }
      var name = encodeURIComponent(document.getElementById("name").value);
      var address = encodeURIComponent(document.getElementById("address").value);
      var imgurl = encodeURIComponent(document.getElementById("imgurl").value);
      var infourl = encodeURIComponent(document.getElementById("infourl").value);
      var type = encodeURIComponent(document.getElementById("type").value);
      var latlng = marker.getLatLng();
      var lat = latlng.lat();
      var lng = latlng.lng();

      var url = "phpsqlinfo_addrow.php?name=" + name + "&address=" + address + "&imgurl=" + imgurl + "&infourl=" + infourl +
                "&type=" + type + "&lat=" + lat + "&lng=" + lng;
      GDownloadUrl(url, function(data, responseCode) {
        if (responseCode == 200 && data.length <= 1) {
          marker.closeInfoWindow();
          document.getElementById("message").innerHTML = "Location added.";
        }
      });
    }
   
window.onload = initialize;