Index: /oceandb/jQuery_Prototype/admin/db-config/connect-mysql.php
===================================================================
--- /oceandb/jQuery_Prototype/admin/db-config/connect-mysql.php	(revision 62)
+++ /oceandb/jQuery_Prototype/admin/db-config/connect-mysql.php	(revision 62)
@@ -0,0 +1,8 @@
+<?php
+$hostname_connect = "localhost";
+$database_connect = "ncor";
+$username_connect = "oceandb";
+$password_connect = "torioceandb";
+$connect = mysql_pconnect($hostname_connect, $username_connect, $password_connect) or trigger_error(mysql_error(),E_USER_ERROR); 
+mysql_query("SET NAMES 'utf8'");
+?>
Index: /oceandb/jQuery_Prototype/admin/map-menu.php
===================================================================
--- /oceandb/jQuery_Prototype/admin/map-menu.php	(revision 62)
+++ /oceandb/jQuery_Prototype/admin/map-menu.php	(revision 62)
@@ -0,0 +1,17 @@
+<?
+  require_once('db-config/connect-mysql.php');
+  $query = "SELECT DISTINCT data_type.serial AS type_id, data_type.parent_id, data_type.name AS TYPE , maincase_new.owner_org FROM data_type, maincase_new, maincase_detail WHERE maincase_detail.maincase_id = maincase_new.serial AND maincase_detail.type_id = data_type.serial ORDER BY type_id, owner_org";
+  if ($database_connect) mysql_select_db($database_connect) or die('USE '.$database_connect.' failed!');
+  $result = mysql_query($query) or die("Query failed! $query");
+  $rows   = mysql_num_rows ($result);
+  if ($rows != 0)
+  {
+    echo "[\n";
+    for ($i=0 ; $i < $rows ; $i++)
+    {
+      $col= mysql_fetch_row($result);
+      echo "{ \"type_id\" : " . $col[0] . ", \"parent_id\" : " . $col[1] . ". \"type_name\" : \"" . $col[2] . "\" , \"owner_org\" : \"" . $col[3] . "\" },\n";
+    }
+    echo "]";
+  }
+?>
Index: /oceandb/jQuery_Prototype/data/map-menu.json
===================================================================
--- /oceandb/jQuery_Prototype/data/map-menu.json	(revision 62)
+++ /oceandb/jQuery_Prototype/data/map-menu.json	(revision 62)
@@ -0,0 +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" : "海軍軍官學校海洋科學系" },
+]
Index: /oceandb/jQuery_Prototype/index.css
===================================================================
--- /oceandb/jQuery_Prototype/index.css	(revision 61)
+++ /oceandb/jQuery_Prototype/index.css	(revision 62)
@@ -1,4 +1,4 @@
-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; }
+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 */
@@ -12,4 +12,5 @@
 #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; }
 
Index: /oceandb/jQuery_Prototype/index.html
===================================================================
--- /oceandb/jQuery_Prototype/index.html	(revision 61)
+++ /oceandb/jQuery_Prototype/index.html	(revision 62)
@@ -9,5 +9,5 @@
     <link rel="stylesheet" type="text/css" href="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>
+    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAREq2HXjZzIdAyVORbKBYMhS0opoRyiGs9EYG_2S3darp9jU7AxQMTZii5Zwk4YWMLsJgow_aq10QxA" type="text/javascript"></script>
     <script src="script/jquery.js"  language="javascript"></script>
     <script src="script/jquery-ui.js"  language="javascript"></script>
@@ -25,54 +25,5 @@
     </div>
     <div id="main">
-      <div id="map-menu">
-	<div><h3><a href='#'>波浪 (定點)</a></h3><div><p><ul>
-	  <li><input type='checkbox'>中央氣象局</input></li>
-	  <li><input type='checkbox'>中央氣象局委託</input></li>
-	  <li><input type='checkbox'>交通部觀光局</input></li>
-	  <li><input type='checkbox'>港灣技術研究中心</input></li>
-	  <li><input type='checkbox'>經濟部水利署</input></li>
-	  </ul>
-	</p><br/></div></div>
-	<div><h3><a href='#'>潮汐 (定點)</a></h3><div><p><ul>
-	  <li><input type='checkbox'>中央氣象局</input></li>
-	  <li><input type='checkbox'>中央氣象局委託</input></li>
-	  <li><input type='checkbox'>內政部</input></li>
-	  <li><input type='checkbox'>基隆港務局</input></li>
-	  <li><input type='checkbox'>基隆港務局蘇澳</input></li>
-	  <li><input type='checkbox'>港灣技術研究中心</input></li>
-	  <li><input type='checkbox'>經濟部水利署</input></li>
-	  <li><input type='checkbox'>高雄港務局</input></li>
-	  <li><input type='checkbox'>高雄港務局安平</input></li>
-	</ul></p><br/></div></div>
-	<div><h3><a href='#'>氣象 (定點)</a></h3><div><p><ul>
-          <li><input type='checkbox'>中央氣象局</input></li>
-          <li><input type='checkbox'>交通部觀光局</input></li>
-          <li><input type='checkbox'>港灣技術研究中心</input></li>
-          <li><input type='checkbox'>經濟部水利署</input></li>
-	</ul></p><br/></div></div>
-	<div><h3><a href='#'>海流 (定點)</a></h3><div><p><ul>
-          <li><input type='checkbox'>港灣技術研究中心</input></li>
-	</ul></p><br/></div></div>
-	<div><h3><a href='#'>溫鹽 (船測)</a></h3><div><p><ul>
-          <li><input type='checkbox'>國科會</input></li>
-	</ul></p><br/></div></div>
-	<div><h3><a href='#'>震測 (船測)</a></h3><div><p><ul>
-          <li><input type='checkbox'>中央大學地球物理研究所</input></li>
-          <li><input type='checkbox'>修平技術學院工業工程與管理系</input></li>
-          <li><input type='checkbox'>台灣大學海洋研究所</input></li>
-          <li><input type='checkbox'>海洋大學</input></li>
-          <li><input type='checkbox'>海洋大學應用地球物理研究所</input></li>
-	</ul></p><br/></div></div>
-	<div><h3><a href='#'>海流 (船測)</a></h3><div><p><ul>
-          <li><input type='checkbox'>NCOR</input></li>
-	</ul></p><br/></div></div>
-	<div><h3><a href='#'>水深 (船測)</a></h3><div><p><ul>
-          <li><input type='checkbox'>NCOR</input></li>
-	</ul></p><br/></div></div>
-	<div><h3><a href='#'>Chirp Sonar (船測)</a></h3><div><p><ul>
-          <li><input type='checkbox'>中央大學地球物理研究所</input></li>
-          <li><input type='checkbox'>中央研究院地球科學研究所</input></li>
-	</ul></p><br/></div></div>
-      </div>
+      <div id="map-menu"><div id="loading"><img src="image/loading.gif"><br><br>正在讀取...</div></div>
       <div id="map"></div>
     </div>