Index: /oceandb/jQuery_Prototype/index.html
===================================================================
--- /oceandb/jQuery_Prototype/index.html	(revision 113)
+++ /oceandb/jQuery_Prototype/index.html	(revision 114)
@@ -1,21 +1,25 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" >
   <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <meta http-equiv="cache-control" content="must-revalidate" />
+    <style type="text/css">v\:* {behavior:url(#default#VML);}</style>
+     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+     <meta http-equiv="cache-control" content="must-revalidate" />
 
     <title>台灣海洋資訊資料庫聯盟網 Taiwan Ocean Informatioan Database</title>
-    <link rel="stylesheet" type="text/css" href="css/index.css" />
-    <link rel="stylesheet" type="text/css" href="css/theme/ui.all.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=ABQIAAAATvnRv2oQAxn-YPOHmliCIBQnbLOIweY0OrZ98ac3uTCYqV26WxQx_Or8GoXY6RMKDJOKObfAHorwcA" type="text/javascript"></script>
     <script type="text/javascript" src="http://static.simile.mit.edu/timeline/api/timeline-api.js"></script>
     <script src="script/timemap.js" type="text/javascript"></script>
-    <script src="script/gzoom.js" type="text/javascript"></script>
+    <script src="script/dragzoom.js" type="text/javascript"></script>
+    <script src="script/textualzoomcontrol.js" type="text/javascript"></script>
     <script src="script/jquery.js"  language="javascript"></script>
     <script src="script/jquery-ui.js"  language="javascript"></script>
     <script src="script/oceandb.js" language="javascript"></script>
+  </head>
 
-  <body onLoad="onLoad();" onUnload="GUnload();">
+  <body onload="onLoad()" onunload="GUnload()">
     <div id="header">
       <div id="main-menu"> 
Index: /oceandb/jQuery_Prototype/script/oceandb.js
===================================================================
--- /oceandb/jQuery_Prototype/script/oceandb.js	(revision 113)
+++ /oceandb/jQuery_Prototype/script/oceandb.js	(revision 114)
@@ -216,17 +216,18 @@
 	// Google Earth
 	map.addMapType(G_SATELLITE_3D_MAP);
-	// GZoom Control
-	map.addControl(new GZoomControl(
-		    {
-			    sButtonHTML:"<img src='image/zooming.gif' />",
-			    sButtonZoomingHTML:"<img src='image/zoom.jpg' />",
-			    oButtonStartingStyle:{width:'24px',height:'24px'},
-			    sColor:'#000',
-			    nOpacity:.2,
-			    sBorder:"2px solid red",
-			    nOverlayRemoveMS:'10000',
-			    bForceCheckResize:'true'
-		    }
-	),new GControlPosition(G_ANCHOR_BOTTOM_LEFT,new GSize(3,3)));
+	// DragZoom Properties
+	var otherOpts = { 
+	  buttonStartingStyle: {background: '#FFF', paddingTop: '4px', paddingLeft: '4px', border:'1px solid black'},
+	  buttonHTML: "<img title='Drag Zoom In' src='image/zoomin.gif'>",
+	  buttonStyle: {width:'25px', height:'25px'},
+	  buttonZoomingHTML: '請選取範圍',
+	  buttonZoomingStyle: {background:'yellow',width:'85px', height:'100%'},
+	  backButtonHTML: "<img title='Zoom Back Out' src='image/zoomout.gif'>",
+	  backButtonStyle: {display:'none',marginTop:'5px',width:'25px', height:'25px'},
+	  backButtonEnabled: true, 
+          overlayRemoveTime: 1500
+	}
+	// DragZoom Control
+	map.addControl(new DragZoomControl({}, otherOpts, {}),new GControlPosition(G_ANCHOR_BOTTOM_LEFT,new GSize(20,60)));
 	// 設定預設經緯度北緯 23.8, 東經 121, 預設比例尺 100 公里(7)
 	map.setCenter(new GLatLng(23.8,121), 7);
