Index: /oceandb/jQuery_Prototype/admin/map-menu.php
===================================================================
--- /oceandb/jQuery_Prototype/admin/map-menu.php	(revision 64)
+++ /oceandb/jQuery_Prototype/admin/map-menu.php	(revision 65)
@@ -11,5 +11,5 @@
     {
       $col= mysql_fetch_row($result);
-      echo "{ \"type_id\" : " . $col[0] . ", \"parent_id\" : " . $col[1] . ". \"type_name\" : \"" . $col[2] . "\" , \"owner_org\" : \"" . $col[3] . "\" },\n";
+      echo "{ \"type_id\" : " . $col[0] . ", \"parent_id\" : " . $col[1] . ", \"type_name\" : \"" . $col[2] . "\", \"owner_org\" : \"" . $col[3] . "\"},\n";
     }
     echo "]";
Index: /oceandb/jQuery_Prototype/css/index.css
===================================================================
--- /oceandb/jQuery_Prototype/css/index.css	(revision 65)
+++ /oceandb/jQuery_Prototype/css/index.css	(revision 65)
@@ -0,0 +1,22 @@
+body, html    { overflow: hidden; height: 100%; vertical-align: middle; margin: 0px; font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 12pt; }
+a	      { text-decoration: none !important; }
+
+/* header */
+#header	      { overflow: hidden; color: #FFE080; border-bottom: 1px solid; height: 24px; width: 100%; background-color: #03004D; padding: 5px; }
+#header a     { color: #FFC200; }
+#main-menu    { float: left;  margin-left:   5px; height: 100%; vertical-align: middle; }
+#title	      { float: right; margin-right: 15px; font-size: 18px; }
+
+/* main */
+#main	      { overflow: hidden; color: #03004D; height: 80%; width: 100%; background-color: gray; padding: 0px; }
+#map-menu     { background-color: #E6E6FF; width: 20%; height: 100%; float: left; display: block; font-size: 12px;}
+#map-menu h3  { color: #03004D; font-size: 12px; }
+#loading      { color: #ff0000; font-szie: 14px; width: 100%; text-align: center; margin-top: 50px; }
+#map	      { background-color: #03004D; width: 80%; height: 100%; float: right; }
+
+/* footer */
+#footer	      { overflow: hidden; color: #FFE080; border-top: 1px solid; bottom: 0px; height: 24px; width: 100%; background-color: #03004D; padding: 5px; }
+#footer	a     { color: #FFC200; }
+#copyright    { float: left;  margin-left:   5px; height: 100%; vertical-align: middle; }
+#logos	      { float: right; margin-right: 15px; }
+#logos img    { border: none; height: 28px; }
Index: /oceandb/jQuery_Prototype/data/map-menu.json
===================================================================
--- /oceandb/jQuery_Prototype/data/map-menu.json	(revision 64)
+++ /oceandb/jQuery_Prototype/data/map-menu.json	(revision 65)
@@ -1,39 +1,39 @@
 [
-{ "type_id" : 5, "parent_id" : 1. "type_name" : "波浪" , "owner_org" : "中央氣象局" },
-{ "type_id" : 5, "parent_id" : 1. "type_name" : "波浪" , "owner_org" : "中央氣象局委託" },
-{ "type_id" : 5, "parent_id" : 1. "type_name" : "波浪" , "owner_org" : "交通部觀光局" },
-{ "type_id" : 5, "parent_id" : 1. "type_name" : "波浪" , "owner_org" : "港灣技術研究中心" },
-{ "type_id" : 5, "parent_id" : 1. "type_name" : "波浪" , "owner_org" : "經濟部水利署" },
-{ "type_id" : 6, "parent_id" : 1. "type_name" : "潮汐" , "owner_org" : "中央氣象局" },
-{ "type_id" : 6, "parent_id" : 1. "type_name" : "潮汐" , "owner_org" : "中央氣象局委託" },
-{ "type_id" : 6, "parent_id" : 1. "type_name" : "潮汐" , "owner_org" : "內政部" },
-{ "type_id" : 6, "parent_id" : 1. "type_name" : "潮汐" , "owner_org" : "基隆港務局" },
-{ "type_id" : 6, "parent_id" : 1. "type_name" : "潮汐" , "owner_org" : "基隆港務局蘇澳" },
-{ "type_id" : 6, "parent_id" : 1. "type_name" : "潮汐" , "owner_org" : "港灣技術研究中心" },
-{ "type_id" : 6, "parent_id" : 1. "type_name" : "潮汐" , "owner_org" : "經濟部水利署" },
-{ "type_id" : 6, "parent_id" : 1. "type_name" : "潮汐" , "owner_org" : "高雄港務局" },
-{ "type_id" : 6, "parent_id" : 1. "type_name" : "潮汐" , "owner_org" : "高雄港務局安平" },
-{ "type_id" : 7, "parent_id" : 1. "type_name" : "氣象" , "owner_org" : "中央氣象局" },
-{ "type_id" : 7, "parent_id" : 1. "type_name" : "氣象" , "owner_org" : "交通部觀光局" },
-{ "type_id" : 7, "parent_id" : 1. "type_name" : "氣象" , "owner_org" : "港灣技術研究中心" },
-{ "type_id" : 7, "parent_id" : 1. "type_name" : "氣象" , "owner_org" : "經濟部水利署" },
-{ "type_id" : 8, "parent_id" : 1. "type_name" : "海流" , "owner_org" : "港灣技術研究中心" },
-{ "type_id" : 9, "parent_id" : 2. "type_name" : "溫鹽" , "owner_org" : "國科會" },
-{ "type_id" : 10, "parent_id" : 2. "type_name" : "震測" , "owner_org" : "中央大學地球物理研究所" },
-{ "type_id" : 10, "parent_id" : 2. "type_name" : "震測" , "owner_org" : "修平技術學院工業工程與管理系" },
-{ "type_id" : 10, "parent_id" : 2. "type_name" : "震測" , "owner_org" : "台灣大學海洋研究所" },
-{ "type_id" : 10, "parent_id" : 2. "type_name" : "震測" , "owner_org" : "海洋大學" },
-{ "type_id" : 10, "parent_id" : 2. "type_name" : "震測" , "owner_org" : "海洋大學應用地球物理研究所" },
-{ "type_id" : 14, "parent_id" : 2. "type_name" : "海流" , "owner_org" : "NCOR" },
-{ "type_id" : 15, "parent_id" : 2. "type_name" : "水深" , "owner_org" : "NCOR" },
-{ "type_id" : 17, "parent_id" : 2. "type_name" : "Chirp Sonar" , "owner_org" : "中央大學地球物理研究所" },
-{ "type_id" : 17, "parent_id" : 2. "type_name" : "Chirp Sonar" , "owner_org" : "中央研究院地球科學研究所" },
-{ "type_id" : 17, "parent_id" : 2. "type_name" : "Chirp Sonar" , "owner_org" : "中山大學海洋地質及化學研究所" },
-{ "type_id" : 17, "parent_id" : 2. "type_name" : "Chirp Sonar" , "owner_org" : "修平技術學院工業工程與管理系" },
-{ "type_id" : 17, "parent_id" : 2. "type_name" : "Chirp Sonar" , "owner_org" : "台灣大學工程科學及海洋工程學系" },
-{ "type_id" : 17, "parent_id" : 2. "type_name" : "Chirp Sonar" , "owner_org" : "台灣大學海洋研究所" },
-{ "type_id" : 17, "parent_id" : 2. "type_name" : "Chirp Sonar" , "owner_org" : "國家海洋科學研究中心" },
-{ "type_id" : 17, "parent_id" : 2. "type_name" : "Chirp Sonar" , "owner_org" : "海洋大學" },
-{ "type_id" : 17, "parent_id" : 2. "type_name" : "Chirp Sonar" , "owner_org" : "海洋大學應用地球物理研究所" },
-{ "type_id" : 17, "parent_id" : 2. "type_name" : "Chirp Sonar" , "owner_org" : "海軍軍官學校海洋科學系" },
+{ "type_id" : 5, "parent_id" : 1, "type_name" : "波浪" , "owner_org" : "中央氣象局" },
+{ "type_id" : 5, "parent_id" : 1, "type_name" : "波浪" , "owner_org" : "中央氣象局委託" },
+{ "type_id" : 5, "parent_id" : 1, "type_name" : "波浪" , "owner_org" : "交通部觀光局" },
+{ "type_id" : 5, "parent_id" : 1, "type_name" : "波浪" , "owner_org" : "港灣技術研究中心" },
+{ "type_id" : 5, "parent_id" : 1, "type_name" : "波浪" , "owner_org" : "經濟部水利署" },
+{ "type_id" : 6, "parent_id" : 1, "type_name" : "潮汐" , "owner_org" : "中央氣象局" },
+{ "type_id" : 6, "parent_id" : 1, "type_name" : "潮汐" , "owner_org" : "中央氣象局委託" },
+{ "type_id" : 6, "parent_id" : 1, "type_name" : "潮汐" , "owner_org" : "內政部" },
+{ "type_id" : 6, "parent_id" : 1, "type_name" : "潮汐" , "owner_org" : "基隆港務局" },
+{ "type_id" : 6, "parent_id" : 1, "type_name" : "潮汐" , "owner_org" : "基隆港務局蘇澳" },
+{ "type_id" : 6, "parent_id" : 1, "type_name" : "潮汐" , "owner_org" : "港灣技術研究中心" },
+{ "type_id" : 6, "parent_id" : 1, "type_name" : "潮汐" , "owner_org" : "經濟部水利署" },
+{ "type_id" : 6, "parent_id" : 1, "type_name" : "潮汐" , "owner_org" : "高雄港務局" },
+{ "type_id" : 6, "parent_id" : 1, "type_name" : "潮汐" , "owner_org" : "高雄港務局安平" },
+{ "type_id" : 7, "parent_id" : 1, "type_name" : "氣象" , "owner_org" : "中央氣象局" },
+{ "type_id" : 7, "parent_id" : 1, "type_name" : "氣象" , "owner_org" : "交通部觀光局" },
+{ "type_id" : 7, "parent_id" : 1, "type_name" : "氣象" , "owner_org" : "港灣技術研究中心" },
+{ "type_id" : 7, "parent_id" : 1, "type_name" : "氣象" , "owner_org" : "經濟部水利署" },
+{ "type_id" : 8, "parent_id" : 1, "type_name" : "海流" , "owner_org" : "港灣技術研究中心" },
+{ "type_id" : 9, "parent_id" : 2, "type_name" : "溫鹽" , "owner_org" : "國科會" },
+{ "type_id" : 10, "parent_id" : 2, "type_name" : "震測" , "owner_org" : "中央大學地球物理研究所" },
+{ "type_id" : 10, "parent_id" : 2, "type_name" : "震測" , "owner_org" : "修平技術學院工業工程與管理系" },
+{ "type_id" : 10, "parent_id" : 2, "type_name" : "震測" , "owner_org" : "台灣大學海洋研究所" },
+{ "type_id" : 10, "parent_id" : 2, "type_name" : "震測" , "owner_org" : "海洋大學" },
+{ "type_id" : 10, "parent_id" : 2, "type_name" : "震測" , "owner_org" : "海洋大學應用地球物理研究所" },
+{ "type_id" : 14, "parent_id" : 2, "type_name" : "海流" , "owner_org" : "NCOR" },
+{ "type_id" : 15, "parent_id" : 2, "type_name" : "水深" , "owner_org" : "NCOR" },
+{ "type_id" : 17, "parent_id" : 2, "type_name" : "Chirp Sonar" , "owner_org" : "中央大學地球物理研究所" },
+{ "type_id" : 17, "parent_id" : 2, "type_name" : "Chirp Sonar" , "owner_org" : "中央研究院地球科學研究所" },
+{ "type_id" : 17, "parent_id" : 2, "type_name" : "Chirp Sonar" , "owner_org" : "中山大學海洋地質及化學研究所" },
+{ "type_id" : 17, "parent_id" : 2, "type_name" : "Chirp Sonar" , "owner_org" : "修平技術學院工業工程與管理系" },
+{ "type_id" : 17, "parent_id" : 2, "type_name" : "Chirp Sonar" , "owner_org" : "台灣大學工程科學及海洋工程學系" },
+{ "type_id" : 17, "parent_id" : 2, "type_name" : "Chirp Sonar" , "owner_org" : "台灣大學海洋研究所" },
+{ "type_id" : 17, "parent_id" : 2, "type_name" : "Chirp Sonar" , "owner_org" : "國家海洋科學研究中心" },
+{ "type_id" : 17, "parent_id" : 2, "type_name" : "Chirp Sonar" , "owner_org" : "海洋大學" },
+{ "type_id" : 17, "parent_id" : 2, "type_name" : "Chirp Sonar" , "owner_org" : "海洋大學應用地球物理研究所" },
+{ "type_id" : 17, "parent_id" : 2, "type_name" : "Chirp Sonar" , "owner_org" : "海軍軍官學校海洋科學系" }
 ]
Index: eandb/jQuery_Prototype/index.css
===================================================================
--- /oceandb/jQuery_Prototype/index.css	(revision 64)
+++ 	(revision )
@@ -1,22 +1,0 @@
-body, html    { overflow: hidden; height: 100%; vertical-align: middle; margin: 0px; font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 12pt; }
-a	      { text-decoration: none !important; }
-
-/* header */
-#header	      { overflow: hidden; color: #FFE080; border-bottom: 1px solid; height: 24px; width: 100%; background-color: #03004D; padding: 5px; }
-#header a     { color: #FFC200; }
-#main-menu    { float: left;  margin-left:  5px; height: 100%; vertical-align: middle; }
-#title	      { float: right; margin-right: 5px; font-size: 18px; }
-
-/* main */
-#main	      { overflow: hidden; color: #03004D; height: 80%; width: 100%; background-color: gray; padding: 0px; }
-#map-menu     { background-color: #E6E6FF; width: 20%; height: 100%; float: left; display: block; font-size: 12px;}
-#map-menu h3  { color: #03004D; font-size: 12px; }
-#loading      { color: #ff0000; font-szie: 14px; width: 100%; text-align: center; margin-top: 50px; }
-#map	      { background-color: #03004D; width: 80%; height: 100%; float: right; }
-
-/* footer */
-#footer	      { overflow: hidden; color: #FFE080; border-top: 1px solid; bottom: 0px; height: 24px; width: 100%; background-color: #03004D; padding: 5px; }
-#footer	a     { color: #FFC200; }
-#copyright    { float: left;  margin-left:  5px; height: 100%; vertical-align: middle; }
-#logos	      { float: right; margin-right: 5px; }
-#logos img    { border: none; height: 28px; }
Index: /oceandb/jQuery_Prototype/index.html
===================================================================
--- /oceandb/jQuery_Prototype/index.html	(revision 64)
+++ /oceandb/jQuery_Prototype/index.html	(revision 65)
@@ -7,5 +7,5 @@
 
     <title>台灣海洋資訊資料庫聯盟網 Taiwan Ocean Informatioan Database</title>
-    <link rel="stylesheet" type="text/css" href="index.css" />
+    <link rel="stylesheet" type="text/css" href="css/index.css" />
     <link rel="stylesheet" type="text/css" href="css/theme/ui.all.css" />
     <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAREq2HXjZzIdAyVORbKBYMhTfzQKfMm5eNRoty1ZKt0XEeQdtXxTxlSH6lZOV7UEfIym3ft5_EnXXDw" type="text/javascript"></script>
@@ -14,5 +14,5 @@
     <script src="script/oceandb.js" language="javascript"></script>
   </head>
-  <body onload="load()" onunload="GUnload()">
+  <body>
     <div id="header">
       <div id="main-menu"> 
@@ -25,5 +25,5 @@
     </div>
     <div id="main">
-      <div id="map-menu"><div id="loading"><img src="image/loading.gif"><br><br>正在讀取...</div></div>
+      <div id="map-menu"><div id="loading"><img src="image/loading.gif"><br/><br/>正在讀取...</div></div>
       <div id="map"></div>
     </div>
Index: /oceandb/jQuery_Prototype/script/oceandb.js
===================================================================
--- /oceandb/jQuery_Prototype/script/oceandb.js	(revision 64)
+++ /oceandb/jQuery_Prototype/script/oceandb.js	(revision 65)
@@ -3,12 +3,54 @@
 $(document).ready(function() {
 
-  // 顯示 Loading 字樣
+  var PARENT_ID = [];	  // 產生一個空的陣列
+  PARENT_ID[1] = "定點";
+  PARENT_ID[2] = "船測";
+
+  // 註冊 AJAX 非同步處理函式
+  // 從 data/map-menu.json 讀取資料來產生 map-menu 的 Accordion 選單
+  $.getJSON("data/map-menu.json", function(data){
+    // 讀取進來的 JSON 內容必須用 eval 函數才能變成 javascript 可以識別的陣列
+    var json = eval(data);
+    // 註: 因為 JSON 內容按 type_id 排序，
+    //	   故用 type_id 來判斷第一次出現的 type_id 產生新的 DOM
+    var type_id = -1;
+    $.each(json, function(i, item){
+      // 確認 type_id 是否存在，否則產生一個新的 DOM
+      if(item.type_id != type_id )
+      {      
+	$('#map-menu').append("<div><h3><a href='#'>" + item.type_name  
+			      + " (" + PARENT_ID[item.parent_id] + ")</a>"
+			      + "</h3><div><ul id='map-menu-" + item.type_id 
+			      + "'></ul><br/></div></div>");
+	type_id = item.type_id;
+	$("#map-menu-" + item.type_id).append("<li><input type='checkbox'>"
+		       + "<font color='red'><b>=== 以下全選 ===</b></font>"
+		       + "</input></li>");
+	var temp = $("#map-menu-" + item.type_id).find("input");
+	temp.click(function(){
+	  // TODO: 加入全選處理函式
+	  this.checked ? alert("map-menu-" + item.type_id + " is clicked!") : 
+			 alert("map-menu-" + item.type_id + " is unclicked!");
+	});
+      }
+      // 根據 type_id 逐一加入 owner_org
+      $("#map-menu-" + item.type_id).append("<li><input type='checkbox'>"
+		     + item.owner_org + "</input></li>");
+
+      // TODO: 定義 checkbox checked 跟 unchecked 對應的處理函式
+    });
+
+    // 設定左側選單的 Accordion 風格
+    // 註: 這行的擺放位置很重要，放在迴圈外會造成 CSS 樣式(class)的問題
+    // 主因: getJSON 是非同步處理，得把動態產生 DOM 的相關設定擺在 callback 中
+    $('#map-menu').accordion({ header: "h3" });
+
+    // 完成從 JSON 讀入資料，因此把 loading 提示移除。
+    $('#loading').remove();
+  });
 
   // 設定地圖高度
   var map_height=document.documentElement.clientHeight - 68;
   $('#main').css( { height: map_height } );
-
-  // 設定左側選單的 Accordion 風格
-  $('#map-menu').accordion({ header: "h3" });
 
   // 設定點選 "MENU" 的行為
@@ -33,13 +75,2 @@
   $('#main').css( { height: map_height } );
 });
-
-function load() {
-  if (GBrowserIsCompatible()) {
-    var map = new GMap2(document.getElementById("map"));  // 取得 DOM 中,名稱為 map 的元件
-    map.addControl(new GLargeMapControl());               // 加入左上角比例尺規控制列
-    map.addControl(new GScaleControl());                  // 加入左下角比例尺狀態列
-    map.addControl(new GMapTypeControl());                // 加入右上角"地圖","衛星","混合地圖"按鈕
-    map.setCenter(new GLatLng(23.8,121), 7);              // 設定預設經緯度北緯 23.8, 東經 121, 預設比例尺 100 公里(7)
-    map.setMapType(G_SATELLITE_MAP);                      // 設定預設底圖為"衛星"
-  }
-}