diff --git a/application/default/controllers/GlacierController.php b/application/default/controllers/GlacierController.php
index 3e8b2fc8..719bcdf9 100644
--- a/application/default/controllers/GlacierController.php
+++ b/application/default/controllers/GlacierController.php
@@ -6,7 +6,21 @@ class GlacierController extends DataController
 	function preDispatch()
 	{
     	parent::preDispatch();
-    	$this->_helper->layout->setLayout('glacier');
+    	//$this->_helper->layout->setLayout('glacier');
+		$acName = $this->_request->getActionName();
+		if(in_array($acName,array("rs","dem")))
+		{
+			$this->view->pageIn = "collapse1";
+		}
+		if(in_array($acName,array("glacier","lake")))
+		{
+			$this->view->pageIn = "collapse2";
+		}
+		if(in_array($acName,array("meteo","hydro","gps",'lidar','material','movement','physical','photogrammetry','frozensoil','vegetation','quatemary')))
+		{
+			$this->view->pageIn = "collapse3";
+		}
+		$this->view->pageID = "glacier-".$acName;
 	}
 		
 	function indexAction()
@@ -69,8 +83,8 @@ class GlacierController extends DataController
     	$offset=$this->limit*($page-1);
     	$state=$this->db->query("select count(*) from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='遥感影像' or keyword='DEM'))");
     	$row=$state->fetchAll();
-    	$sum=$row[0]['count'];
-    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='遥感影像' or keyword='DEM')) order by timebegin,title limit ? offset ?";
+    	$sum=$row[0]['count'];
+    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='遥感影像' or keyword='DEM')) order by timebegin,title limit ? offset ?";
     	$this->view->metadata=$this->db->fetchAll($sql,array($this->limit,$offset));
     	$this->view->page=new Pagination($sum,$page,$this->limit);
     	$this->view->offset=$offset+1; 			
@@ -87,48 +101,48 @@ class GlacierController extends DataController
 	}
 	
 	function inventoryAction()
-	{
+	{
     	$page=(int)$this->_request->getParam('page');    	
     	if (empty($page)) $page=1;
     	$offset=$this->limit*($page-1);
     	$state=$this->db->query("select count(*) from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='冰川编目' or keyword='冰湖编目'))");
     	$row=$state->fetchAll();
-    	$sum=$row[0]['count'];
-    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='冰川编目' or keyword='冰湖编目')) order by timebegin,title limit ? offset ?";
+    	$sum=$row[0]['count'];
+    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='冰川编目' or keyword='冰湖编目')) order by timebegin,title limit ? offset ?";
     	$this->view->metadata=$this->db->fetchAll($sql,array($this->limit,$offset));
     	$this->view->page=new Pagination($sum,$page,$this->limit);
     	$this->view->offset=$offset+1; 					
 	}
-
+
 	function glacierAction()
 	{
 		$this->getmd('冰川编目');
-	}
+	}
 	
 	function lakeAction()
 	{
 		$this->getmd('冰湖编目');
-	}
-	
-	function fieldAction()
-	{
+	}
+	
+	function fieldAction()
+	{
     	$page=(int)$this->_request->getParam('page');    	
     	if (empty($page)) $page=1;
     	$offset=$this->limit*($page-1);
-    	$state=$this->db->query("select count(*) from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' 
-    		and (keyword='水文' or keyword='流量' or keyword='水质' or keyword='同位素' or keyword='径流' or keyword='水位' or keyword='气象' or keyword='雨量' or keyword='GPS'
-    		or keyword='雷达' or keyword='雷达测厚' or keyword='冰川厚度' or keyword='物质平衡' or keyword='花杆' or keyword='运动速度' or keyword='花杆消融观测' or keyword='冰舌' 
+    	$state=$this->db->query("select count(*) from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' 
+    		and (keyword='水文' or keyword='流量' or keyword='水质' or keyword='同位素' or keyword='径流' or keyword='水位' or keyword='气象' or keyword='雨量' or keyword='GPS'
+    		or keyword='雷达' or keyword='雷达测厚' or keyword='冰川厚度' or keyword='物质平衡' or keyword='花杆' or keyword='运动速度' or keyword='花杆消融观测' or keyword='冰舌' 
     		or keyword='冰雪物理过程' or keyword='冰温' or keyword='摄影测量' or keyword='照片' or keyword='第四纪' or keyword='冻土' or keyword='植被' ))");
     	$row=$state->fetchAll();
-    	$sum=$row[0]['count'];
-    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='水文' or keyword='流量' or keyword='水质' or keyword='同位素' or keyword='径流' or keyword='水位' or keyword='气象' or keyword='雨量' or keyword='GPS'
-    		or keyword='雷达' or keyword='雷达测厚' or keyword='冰川厚度' or keyword='物质平衡' or keyword='花杆' or keyword='运动速度' or keyword='花杆消融观测' or keyword='冰舌' 
-    		or keyword='冰雪物理过程' or keyword='冰温' or keyword='摄影测量' or keyword='照片' or keyword='第四纪' or keyword='冻土' or keyword='植被' )) order by timebegin,title limit ? offset ?";
+    	$sum=$row[0]['count'];
+    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='水文' or keyword='流量' or keyword='水质' or keyword='同位素' or keyword='径流' or keyword='水位' or keyword='气象' or keyword='雨量' or keyword='GPS'
+    		or keyword='雷达' or keyword='雷达测厚' or keyword='冰川厚度' or keyword='物质平衡' or keyword='花杆' or keyword='运动速度' or keyword='花杆消融观测' or keyword='冰舌' 
+    		or keyword='冰雪物理过程' or keyword='冰温' or keyword='摄影测量' or keyword='照片' or keyword='第四纪' or keyword='冻土' or keyword='植被' )) order by timebegin,title limit ? offset ?";
     	$this->view->metadata=$this->db->fetchAll($sql,array($this->limit,$offset));
     	$this->view->page=new Pagination($sum,$page,$this->limit);
-    	$this->view->offset=$offset+1; 			
-	}
-	
+    	$this->view->offset=$offset+1; 			
+	}
+	
 	function meteoAction()
 	{
     	$page=(int)$this->_request->getParam('page');    	
@@ -136,8 +150,8 @@ class GlacierController extends DataController
     	$offset=$this->limit*($page-1);
     	$state=$this->db->query("select count(*) from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='气象' or keyword='雨量'))");
     	$row=$state->fetchAll();
-    	$sum=$row[0]['count'];
-    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='气象' or keyword='雨量')) order by timebegin,title limit ? offset ?";
+    	$sum=$row[0]['count'];
+    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='气象' or keyword='雨量')) order by timebegin,title limit ? offset ?";
     	$this->view->metadata=$this->db->fetchAll($sql,array($this->limit,$offset));
     	$this->view->page=new Pagination($sum,$page,$this->limit);
     	$this->view->offset=$offset+1; 		
@@ -150,8 +164,8 @@ class GlacierController extends DataController
     	$offset=$this->limit*($page-1);
     	$state=$this->db->query("select count(*) from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='水文' or keyword='流量' or keyword='水质' or keyword='同位素' or keyword='径流' or keyword='水位'))");
     	$row=$state->fetchAll();
-    	$sum=$row[0]['count'];
-    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='水文' or keyword='流量' or keyword='水质' or keyword='同位素' or keyword='径流' or keyword='水位')) order by timebegin,title limit ? offset ?";
+    	$sum=$row[0]['count'];
+    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='水文' or keyword='流量' or keyword='水质' or keyword='同位素' or keyword='径流' or keyword='水位')) order by timebegin,title limit ? offset ?";
     	$this->view->metadata=$this->db->fetchAll($sql,array($this->limit,$offset));
     	$this->view->page=new Pagination($sum,$page,$this->limit);
     	$this->view->offset=$offset+1; 	
@@ -169,13 +183,13 @@ class GlacierController extends DataController
     	$offset=$this->limit*($page-1);
     	$state=$this->db->query("select count(*) from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='雷达' or keyword='雷达测厚' or keyword='冰川厚度'))");
     	$row=$state->fetchAll();
-    	$sum=$row[0]['count'];
-    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='雷达' or keyword='雷达测厚' or keyword='冰川厚度')) order by timebegin,title limit ? offset ?";
+    	$sum=$row[0]['count'];
+    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='雷达' or keyword='雷达测厚' or keyword='冰川厚度')) order by timebegin,title limit ? offset ?";
     	$this->view->metadata=$this->db->fetchAll($sql,array($this->limit,$offset));
     	$this->view->page=new Pagination($sum,$page,$this->limit);
     	$this->view->offset=$offset+1; 	
 	}
-	
+	
 	function materialAction()
 	{
     	$page=(int)$this->_request->getParam('page');    	
@@ -183,8 +197,8 @@ class GlacierController extends DataController
     	$offset=$this->limit*($page-1);
     	$state=$this->db->query("select count(*) from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='物质平衡' or keyword='花杆'))");
     	$row=$state->fetchAll();
-    	$sum=$row[0]['count'];
-    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='物质平衡' or keyword='花杆')) order by timebegin,title limit ? offset ?";
+    	$sum=$row[0]['count'];
+    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='物质平衡' or keyword='花杆')) order by timebegin,title limit ? offset ?";
     	$this->view->metadata=$this->db->fetchAll($sql,array($this->limit,$offset));
     	$this->view->page=new Pagination($sum,$page,$this->limit);
     	$this->view->offset=$offset+1; 		
@@ -197,56 +211,56 @@ class GlacierController extends DataController
     	$offset=$this->limit*($page-1);
     	$state=$this->db->query("select count(*) from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='运动速度' or keyword='花杆消融观测' or keyword='冰舌'))");
     	$row=$state->fetchAll();
-    	$sum=$row[0]['count'];
-    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='运动速度' or keyword='花杆消融观测' or keyword='冰舌')) order by timebegin,title limit ? offset ?";
+    	$sum=$row[0]['count'];
+    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='运动速度' or keyword='花杆消融观测' or keyword='冰舌')) order by timebegin,title limit ? offset ?";
     	$this->view->metadata=$this->db->fetchAll($sql,array($this->limit,$offset));
     	$this->view->page=new Pagination($sum,$page,$this->limit);
     	$this->view->offset=$offset+1; 		
-	}
-	
+	}
+	
 	function physicalAction()
-	{
+	{
     	$page=(int)$this->_request->getParam('page');    	
     	if (empty($page)) $page=1;
     	$offset=$this->limit*($page-1);
     	$state=$this->db->query("select count(*) from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='冰雪物理过程' or keyword='冰温'))");
     	$row=$state->fetchAll();
-    	$sum=$row[0]['count'];
-    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='冰雪物理过程' or keyword='冰温')) order by timebegin,title limit ? offset ?";
+    	$sum=$row[0]['count'];
+    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='冰雪物理过程' or keyword='冰温')) order by timebegin,title limit ? offset ?";
     	$this->view->metadata=$this->db->fetchAll($sql,array($this->limit,$offset));
     	$this->view->page=new Pagination($sum,$page,$this->limit);
     	$this->view->offset=$offset+1; 	
 	}
 	
 	function photogrammetryAction()
-	{
+	{
     	$page=(int)$this->_request->getParam('page');    	
     	if (empty($page)) $page=1;
     	$offset=$this->limit*($page-1);
     	$state=$this->db->query("select count(*) from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='摄影测量' or keyword='照片'))");
     	$row=$state->fetchAll();
-    	$sum=$row[0]['count'];
-    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='摄影测量' or keyword='照片')) order by timebegin,title limit ? offset ?";
+    	$sum=$row[0]['count'];
+    	$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  and id in (select id from keyword where keytype='theme' and (keyword='摄影测量' or keyword='照片')) order by timebegin,title limit ? offset ?";
     	$this->view->metadata=$this->db->fetchAll($sql,array($this->limit,$offset));
     	$this->view->page=new Pagination($sum,$page,$this->limit);
     	$this->view->offset=$offset+1; 	
 	}
-
+
 	function vegetationAction()
-	{
+	{
 		$this->getmd('植被');
 	}
 	
 	function frozensoilAction()
-	{
+	{
 		$this->getmd('冻土');
-	}
+	}
 	
 	function quatemaryAction()
-	{
+	{
 		$this->getmd('第四纪');
 	}
-
+
 	function listAction()
 	{
 		$sql="select uuid,title from normalmetadata where  uuid in (select d.uuid from datasource d left join source s on d.sourceid=s.id where s.code='glacier')  order by timebegin,title";
diff --git a/application/default/controllers/HiwaterController.php b/application/default/controllers/HiwaterController.php
index 9d8e9770..675a86f8 100644
--- a/application/default/controllers/HiwaterController.php
+++ b/application/default/controllers/HiwaterController.php
@@ -6,8 +6,38 @@ class HiwaterController extends DataController
 	function preDispatch()
 	{
     	parent::preDispatch();
-    	$this->_helper->layout->setLayout('hiwater');
+    	//$this->_helper->layout->setLayout('hiwater');
 		$this->debug = 1;
+		$acName = $this->_request->getActionName();
+		if(in_array($acName,array("cold","bg","ar","bdk","eb")))
+		{
+			$this->view->pageIn = "collapse1";
+		}
+		if(in_array($acName,array("forest","dyk","plg")))
+		{
+			$this->view->pageIn = "collapse2";
+		}
+		if(in_array($acName,array("arid","hzz","yk",'zy','zynoc','lzg','lzs')))
+		{
+			$this->view->pageIn = "collapse3";
+		}
+		if(in_array($acName,array("meteo","autometeo","mobilemeteo","ec",'las','normalmeteo','regionalmeteo','doppler','hydro','airsounding')))
+		{
+			$this->view->pageIn = "collapse4";
+		}
+		if(in_array($acName,array("radiometer","airebone","lidar","widas",'asd')))
+		{
+			$this->view->pageIn = "collapse5";
+		}
+		if(in_array($acName,array("satellite")))
+		{
+			$this->view->pageIn = "collapse6";
+		}
+		if(in_array($acName,array("surveystd","document")))
+		{
+			$this->view->pageIn = "collapse7";
+		}
+		$this->view->pageID = "hiwater-".$acName;
 	}
 		
 	function indexAction()
diff --git a/application/default/views/scripts/glacier/browse.phtml b/application/default/views/scripts/glacier/browse.phtml
index 3dde7bf0..1825019c 100755
--- a/application/default/views/scripts/glacier/browse.phtml
+++ b/application/default/views/scripts/glacier/browse.phtml
@@ -1,30 +1,30 @@
-<?php
-	$this->headTitle($this->config->title->site);
-	$this->headTitle($this->config->title->data);
-	$this->headTitle('全部浏览');
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('浏览');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<?php echo $this->page->getNavigation(); ?>
-<hr />
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>" title="<?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<hr />
-<?php echo $this->page->getNavigation(); ?>
+<?php
+	$this->headTitle($this->config->title->site);
+	$this->headTitle($this->config->title->data);
+	$this->headTitle('全部浏览');
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('浏览');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+		<?php echo $this->page->getNavigation(); ?>
+        <hr />
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>" title="<?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <hr />
+        <?php echo $this->page->getNavigation(); ?>
+	</div>
 </div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/category.phtml b/application/default/views/scripts/glacier/category.phtml
index 36844eea..e30bde12 100755
--- a/application/default/views/scripts/glacier/category.phtml
+++ b/application/default/views/scripts/glacier/category.phtml
@@ -1,45 +1,43 @@
-<?php
-	$this->headTitle($this->config->title->site);
-	$this->headTitle($this->config->title->data);
-$this->headTitle('分类浏览');
-if (!empty($this->codename)) $this->headTitle($this->codename);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('分类浏览：'.$this->codename);
-$this->breadcrumb()->setSeparator(' > ');
-?>
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div class="clear">&nbsp;</div>
-<div id='links'>
-<ul>
-<?php foreach($this->category as $cg) : ?>
-<li><a href='/glacier/category/code/<?php echo $cg['code']; ?>'><?php (empty($cg['name_zh']))?print($cg['name']):print($cg['name_zh']); ?></a><span class="note">(<?php echo $cg['count']; ?>)</span></li>
-<?php endforeach; ?>
-</ul>
-</div>
-
-<?php if (!empty($this->metadata)) : ?>
-<div id='mdlist'>
-<?php echo $this->page->getNavigation(); ?>
-<hr />
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>" title="<?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<hr />
-<?php echo $this->page->getNavigation(); ?>
-</div>
-<?php endif; ?>
-
+<?php
+	$this->headTitle($this->config->title->site);
+	$this->headTitle($this->config->title->data);
+$this->headTitle('分类浏览');
+if (!empty($this->codename)) $this->headTitle($this->codename);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('分类浏览：'.$this->codename);
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id='links'>
+        <ul>
+        <?php foreach($this->category as $cg) : ?>
+        <li><a href='/glacier/category/code/<?php echo $cg['code']; ?>'><?php (empty($cg['name_zh']))?print($cg['name']):print($cg['name_zh']); ?></a><span class="note">(<?php echo $cg['count']; ?>)</span></li>
+        <?php endforeach; ?>
+        </ul>
+        </div>
+        
+        <?php if (!empty($this->metadata)) : ?>
+        <div id='mdlist'>
+        <?php echo $this->page->getNavigation(); ?>
+        <hr />
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>" title="<?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <hr />
+        <?php echo $this->page->getNavigation(); ?>
+        </div>
+        <?php endif; ?>
+	</div>
 </div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/dem.phtml b/application/default/views/scripts/glacier/dem.phtml
index 87fb24e5..20dd32df 100644
--- a/application/default/views/scripts/glacier/dem.phtml
+++ b/application/default/views/scripts/glacier/dem.phtml
@@ -1,36 +1,34 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('DEM');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>DEM数据可用来提取冰川特征参数，如冰舌高度、冰川坡度、冰川朝向和山脊线等，也可以用不同时期的DEM分析冰川表面高程变化，进而获得冰储量的变化。收集的DEM数据包括由地形图形成的DEM、SRTM DEM和ASTER DEM 三大类。</p>
-<p>由地形图形成的DEM受国家保密法的限制，不在数据共享范围内。</p>
-<img src="/images/glacier/aster.png" />
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('DEM');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span2">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span10">
+        <div id="intro">
+        <p>DEM数据可用来提取冰川特征参数，如冰舌高度、冰川坡度、冰川朝向和山脊线等，也可以用不同时期的DEM分析冰川表面高程变化，进而获得冰储量的变化。收集的DEM数据包括由地形图形成的DEM、SRTM DEM和ASTER DEM 三大类。</p>
+        <p>由地形图形成的DEM受国家保密法的限制，不在数据共享范围内。</p>
+        <img src="/images/glacier/aster.png" />
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/field.phtml b/application/default/views/scripts/glacier/field.phtml
index 6e7853f9..1f18f4de 100644
--- a/application/default/views/scripts/glacier/field.phtml
+++ b/application/default/views/scripts/glacier/field.phtml
@@ -1,35 +1,33 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('冰湖编目数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>为了对冰川编目结果进行验证并获得更多的冰川环境信息，项目开展了大量的野外考察。考察范围包括：祁连山、昆仑山－唐古拉山、喜马拉雅山、青藏高原腹地冰川考察、黄河源－念青唐古拉山中段北坡－喜马拉雅山中段。考察内容包括GPS测量、冰川厚度测量、冰川区地形摄影测量、冰川物质平衡测量、冰川区气象水文要素测量、冰湖水位和温度测量等。</p>
-<img src="/images/glacier/field1.png" />
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('冰湖编目数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>为了对冰川编目结果进行验证并获得更多的冰川环境信息，项目开展了大量的野外考察。考察范围包括：祁连山、昆仑山－唐古拉山、喜马拉雅山、青藏高原腹地冰川考察、黄河源－念青唐古拉山中段北坡－喜马拉雅山中段。考察内容包括GPS测量、冰川厚度测量、冰川区地形摄影测量、冰川物质平衡测量、冰川区气象水文要素测量、冰湖水位和温度测量等。</p>
+        <img src="/images/glacier/field1.png" />
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/frozensoil.phtml b/application/default/views/scripts/glacier/frozensoil.phtml
index ccf3d6e1..8a984fea 100644
--- a/application/default/views/scripts/glacier/frozensoil.phtml
+++ b/application/default/views/scripts/glacier/frozensoil.phtml
@@ -1,35 +1,33 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('冻土数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>与多年冻土相关的测量数据，包括探地雷达测量的地下冰厚度、冻土层上限等。
-</p>
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('冻土数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>与多年冻土相关的测量数据，包括探地雷达测量的地下冰厚度、冻土层上限等。
+        </p>
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/geobase.phtml b/application/default/views/scripts/glacier/geobase.phtml
index 2d1ec552..72369e3f 100644
--- a/application/default/views/scripts/glacier/geobase.phtml
+++ b/application/default/views/scripts/glacier/geobase.phtml
@@ -1,36 +1,34 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('基础数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>基础数据是指用于开展冰川和冰湖编目的遥感影像、地形图和数字地形模型，由于地形图属国家保密数据，不在共享范围内。</p>
-<p>地形图主要用来地第一次冰川编目数据进行校正，并辅助第二次冰川编目中冰川边界和山脊线的判断。冰川编目中使用和参考的地形图约1105幅，其中1:50,000地形图546幅（航摄制图512幅，陆地摄影测量成果15幅，平板仪测绘及其他地图19幅），1:100,000地形图572幅（航摄制图558幅，平板仪测绘及其他地图14幅），另外还参考了1975年左右的MSS遥感数据地形图7幅。</p>
-<img src="/images/glacier/topographic.png" />
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('基础数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+    <div id="intro">
+        <p>基础数据是指用于开展冰川和冰湖编目的遥感影像、地形图和数字地形模型，由于地形图属国家保密数据，不在共享范围内。</p>
+        <p>地形图主要用来地第一次冰川编目数据进行校正，并辅助第二次冰川编目中冰川边界和山脊线的判断。冰川编目中使用和参考的地形图约1105幅，其中1:50,000地形图546幅（航摄制图512幅，陆地摄影测量成果15幅，平板仪测绘及其他地图19幅），1:100,000地形图572幅（航摄制图558幅，平板仪测绘及其他地图14幅），另外还参考了1975年左右的MSS遥感数据地形图7幅。</p>
+        <img src="/images/glacier/topographic.png" />
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+    </div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/glacier.phtml b/application/default/views/scripts/glacier/glacier.phtml
index 6cb42920..b4c70c2c 100644
--- a/application/default/views/scripts/glacier/glacier.phtml
+++ b/application/default/views/scripts/glacier/glacier.phtml
@@ -1,35 +1,33 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('冰川编目数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>冰川编目数据：基于遥感影像解译获得的反应我国2005年前后冰川现状的冰川分布图及其基本属性。除了包括中国全境的冰川编目数据外，还包括祁连山、天山、贡嘎山、纳木错流域、长江源区、年楚河流域和珠穆朗玛峰北坡等典型地区的多年代冰川分布数据。
-</p>
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('冰川编目数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>冰川编目数据：基于遥感影像解译获得的反应我国2005年前后冰川现状的冰川分布图及其基本属性。除了包括中国全境的冰川编目数据外，还包括祁连山、天山、贡嘎山、纳木错流域、长江源区、年楚河流域和珠穆朗玛峰北坡等典型地区的多年代冰川分布数据。
+        </p>
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/gps.phtml b/application/default/views/scripts/glacier/gps.phtml
index 72c9d479..9f86e3f2 100644
--- a/application/default/views/scripts/glacier/gps.phtml
+++ b/application/default/views/scripts/glacier/gps.phtml
@@ -1,35 +1,33 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('GPS测量数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>采用高精度GPS设备在冰川表面或周边地区测量获得的数据，可用来获得冰川高程信息，也可与以前的观测数据相比较获得冰川流动和物质平衡变化信息。</p>
-<img src="/images/glacier/gps.png" />
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('GPS测量数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>采用高精度GPS设备在冰川表面或周边地区测量获得的数据，可用来获得冰川高程信息，也可与以前的观测数据相比较获得冰川流动和物质平衡变化信息。</p>
+        <img src="/images/glacier/gps.png" />
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/hydro.phtml b/application/default/views/scripts/glacier/hydro.phtml
index 91e6b369..8e50adcd 100644
--- a/application/default/views/scripts/glacier/hydro.phtml
+++ b/application/default/views/scripts/glacier/hydro.phtml
@@ -1,35 +1,33 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('水文数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>在冰川下游观测获得的水文数据，观测要素包括径流、水质和水文化学等，也包括部分冰湖的观测数据。</p>
-<img src="/images/glacier/hydro.png" />
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('水文数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>在冰川下游观测获得的水文数据，观测要素包括径流、水质和水文化学等，也包括部分冰湖的观测数据。</p>
+        <img src="/images/glacier/hydro.png" />
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/index.phtml b/application/default/views/scripts/glacier/index.phtml
index 413b9459..0592ae59 100755
--- a/application/default/views/scripts/glacier/index.phtml
+++ b/application/default/views/scripts/glacier/index.phtml
@@ -5,57 +5,55 @@ $this->headTitle()->setSeparator(' - ');
 $this->headLink()->appendStylesheet('/css/water.css');
 $this->breadcrumb('<a href="/">首页</a>');
 $this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->headScript()->appendFile('/js/jquery-1.7.min.js');
 $this->breadcrumb($this->config->title->glacier);
 $this->breadcrumb()->setSeparator(' > ');
 ?>
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div class="clear">&nbsp;</div>
-<div id="intro">
-<h1>“中国冰川资源及其变化调查”项目简介</h1>
-<p>
-冰川是最敏感、最直接、最易于辩识、长纪录、高分辨的气候变化信息指示器和储存体，冰川变化信息是全球变化中的重要基础性资源。我国是中、低纬度山 地冰川面积最多的国家(占52%)，是两极冰盖之外最重要的冰川集结地，冰川变化信息的挖掘、调查、监测、编目是十分重要的基础性工作。
-</p>
-<p>
-始于1978年的第一次冰川编目历时24年，查清了截止到第一次全国航空测量时(西部冰川区约为1960s-1980s)中国冰川资源的基本情况。第一次冰川清查工作在国际和国内产生了重大影响，被国际冰川学会主席誉为建立了一座“冰川和气候变化研究的金矿”。
-本次冰川资源调查是在中国科技部和中国科学院的联合支持下开展的一次大规模冰川普查，其目标以第一次冰川编目为参考，以2005－2006年为现状 年，以高分辨率遥感数据与地理信息系统技术为基础，深入研究基于遥感的冰川制图方法，结合冰川野外考察考察，获取我国冰川的分布状况，对有观测历史的典型 冰川进行重点监测；并与第一次冰川编目数据进行比较，查明我国冰川资源变化情况；同时，以此调查数据为基础，综合定位监测与相关资料，评估冰川变化对水资 源的影响，为西部水资源开发利用提供决策依据 。
-</p>
-<h2>《中国冰川资源及其变化调查》主要研究内容</h2>
-<ol>
-<li>第一次冰川编目的数字化：重点开展第一次冰川编目时期冰川及冰湖分布的数字化，为冰川遥感监测提供基础数据。</li>
-<li>现状年（2005－2006年）西北干旱区和其它典型区冰川(湖)分布遥感调查：重点开展现状年基于高分辨率遥感影像的冰川与冰湖分布调查，同时，开展研究区部分冰川表面高程和运动速度信息的提取。</li>
-<li>遥感冰川制图地面验证、典型冰川厚度测量与冰川变化野外调查：重点开展代表性区域野外调查和典型冰川定位观测，验证遥感解译结果，获取典型监测冰川过程观测数据；开展代表性冰川厚度的雷达测量。</li>
-<li>冰川变化对水资源的影响评估：以现有定位观测冰川和区域冰川变化遥感调查数据为基础，评估西北干旱区和其它典型区冰川变化特征及其对水资源的影响。</li>
-<li>冰川资源及其变化调查信息共享平台建设：建立冰川资源管理及共享信息系统，为资源共享服务。</li>
-</ol>
-<h2>《西部冰川变化监测及其影响评估方法研究》主要研究内容</h2>
-<ol>
-<li>各类冰川参数的遥感提取方法研究：针对西部三类冰川特点，综合运用现有卫星遥感数据，建立冰川几何尺寸、特征要素、物理特征、表面高程等信息的提取算法，为大范围冰川调查提供适合各类冰川下垫面状况和气候条件的参数提取方法集，提高遥感获取冰川信息的自动化程度。</li>
-<li>冰川储量估算与冰川参数遥感提取精度评估：研制或改进冰川厚度测量雷达，对不同类型典型冰川流域不同规模的代表性冰川进行冰川厚度测量，建立适 合不同规模冰川的储量计算公式；开展各典型监测冰川区遥感冰川制图的野外验证、控制点采集与冰川变化的调查，进行遥感提取参数的误差分析与方法验证研究。</li>
-<li>流域冰川融水径流估算方法研究：以典型监测冰川长期观测资料为基础，并进行加强观测，同时收集流域出山口径流长期水文气象观测数据，建立适合不同资料条件的简单和复杂冰川融水径流模型，在对比分析基础上，提出适合西部流域尺度的冰川融水径流计算方案。</li>
-<li>冰川变化对水资源影响的评估方法及其应用研究：分析典型冰川流域冰川变化的空间特征及其差异；以典型冰川融水径流过程和流域尺度冰川动力响应研 究为基础，研究不同融水径流计算方案、基于冰川动力响应和基于冰川几何尺度转换关系模型对于不同性质冰川流域融水径流年际变化的模拟能力；根据流域融水径 流模型集，剖析冰川变化对冰川径流临界转变的影响及其强度。</li>
-</ol>
-</div>
-<!--
-<div id="heihe_ad">
-<h2>已整理数据展示</h2>
-<ul id="heihe_list">
-<?php foreach($this->meatdata as $md) : ?>
-<li>
-	<a href="/heihe/view/uuid/<?php echo $md['uuid']; ?>"><span><?php echo $md['title']; ?></span>
- 	<img src="/service/thumb/id/<?php echo $md['id']; ?>" alt="Data Thumbnail" title="<?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?>" />
- 	</a>
-</li>
-<?php endforeach; ?>
-</ul>
-<img class="next" src="/images/next.png" onclick="changetlist()" />
-</div>
--->
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <h1>“中国冰川资源及其变化调查”项目简介</h1>
+        <p>
+        冰川是最敏感、最直接、最易于辩识、长纪录、高分辨的气候变化信息指示器和储存体，冰川变化信息是全球变化中的重要基础性资源。我国是中、低纬度山 地冰川面积最多的国家(占52%)，是两极冰盖之外最重要的冰川集结地，冰川变化信息的挖掘、调查、监测、编目是十分重要的基础性工作。
+        </p>
+        <p>
+        始于1978年的第一次冰川编目历时24年，查清了截止到第一次全国航空测量时(西部冰川区约为1960s-1980s)中国冰川资源的基本情况。第一次冰川清查工作在国际和国内产生了重大影响，被国际冰川学会主席誉为建立了一座“冰川和气候变化研究的金矿”。
+        本次冰川资源调查是在中国科技部和中国科学院的联合支持下开展的一次大规模冰川普查，其目标以第一次冰川编目为参考，以2005－2006年为现状 年，以高分辨率遥感数据与地理信息系统技术为基础，深入研究基于遥感的冰川制图方法，结合冰川野外考察考察，获取我国冰川的分布状况，对有观测历史的典型 冰川进行重点监测；并与第一次冰川编目数据进行比较，查明我国冰川资源变化情况；同时，以此调查数据为基础，综合定位监测与相关资料，评估冰川变化对水资 源的影响，为西部水资源开发利用提供决策依据 。
+        </p>
+        <h2>《中国冰川资源及其变化调查》主要研究内容</h2>
+        <ol>
+        <li>第一次冰川编目的数字化：重点开展第一次冰川编目时期冰川及冰湖分布的数字化，为冰川遥感监测提供基础数据。</li>
+        <li>现状年（2005－2006年）西北干旱区和其它典型区冰川(湖)分布遥感调查：重点开展现状年基于高分辨率遥感影像的冰川与冰湖分布调查，同时，开展研究区部分冰川表面高程和运动速度信息的提取。</li>
+        <li>遥感冰川制图地面验证、典型冰川厚度测量与冰川变化野外调查：重点开展代表性区域野外调查和典型冰川定位观测，验证遥感解译结果，获取典型监测冰川过程观测数据；开展代表性冰川厚度的雷达测量。</li>
+        <li>冰川变化对水资源的影响评估：以现有定位观测冰川和区域冰川变化遥感调查数据为基础，评估西北干旱区和其它典型区冰川变化特征及其对水资源的影响。</li>
+        <li>冰川资源及其变化调查信息共享平台建设：建立冰川资源管理及共享信息系统，为资源共享服务。</li>
+        </ol>
+        <h2>《西部冰川变化监测及其影响评估方法研究》主要研究内容</h2>
+        <ol>
+        <li>各类冰川参数的遥感提取方法研究：针对西部三类冰川特点，综合运用现有卫星遥感数据，建立冰川几何尺寸、特征要素、物理特征、表面高程等信息的提取算法，为大范围冰川调查提供适合各类冰川下垫面状况和气候条件的参数提取方法集，提高遥感获取冰川信息的自动化程度。</li>
+        <li>冰川储量估算与冰川参数遥感提取精度评估：研制或改进冰川厚度测量雷达，对不同类型典型冰川流域不同规模的代表性冰川进行冰川厚度测量，建立适 合不同规模冰川的储量计算公式；开展各典型监测冰川区遥感冰川制图的野外验证、控制点采集与冰川变化的调查，进行遥感提取参数的误差分析与方法验证研究。</li>
+        <li>流域冰川融水径流估算方法研究：以典型监测冰川长期观测资料为基础，并进行加强观测，同时收集流域出山口径流长期水文气象观测数据，建立适合不同资料条件的简单和复杂冰川融水径流模型，在对比分析基础上，提出适合西部流域尺度的冰川融水径流计算方案。</li>
+        <li>冰川变化对水资源影响的评估方法及其应用研究：分析典型冰川流域冰川变化的空间特征及其差异；以典型冰川融水径流过程和流域尺度冰川动力响应研 究为基础，研究不同融水径流计算方案、基于冰川动力响应和基于冰川几何尺度转换关系模型对于不同性质冰川流域融水径流年际变化的模拟能力；根据流域融水径 流模型集，剖析冰川变化对冰川径流临界转变的影响及其强度。</li>
+        </ol>
+        </div>
+        <!--
+        <div id="heihe_ad">
+        <h2>已整理数据展示</h2>
+        <ul id="heihe_list">
+        <?php foreach($this->meatdata as $md) : ?>
+        <li>
+            <a href="/heihe/view/uuid/<?php echo $md['uuid']; ?>"><span><?php echo $md['title']; ?></span>
+            <img src="/service/thumb/id/<?php echo $md['id']; ?>" alt="Data Thumbnail" title="<?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?>" />
+            </a>
+        </li>
+        <?php endforeach; ?>
+        </ul>
+        <img class="next" src="/images/next.png" onclick="changetlist()" />
+        </div>
+        -->
+    </div>
 </div>
 <script type="text/javascript" language="javascript">
 function changetlist(){
diff --git a/application/default/views/scripts/glacier/inventory.phtml b/application/default/views/scripts/glacier/inventory.phtml
index 2fafe4f1..96ad5eeb 100644
--- a/application/default/views/scripts/glacier/inventory.phtml
+++ b/application/default/views/scripts/glacier/inventory.phtml
@@ -1,37 +1,35 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('冰川冰湖编目数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>冰川编目数据：基于遥感影像解译获得的反应我国2005年前后冰川现状的冰川分布图及其基本属性。除了包括中国全境的冰川编目数据外，还包括祁连山、天山、贡嘎山、纳木错流域、长江源区、年楚河流域和珠穆朗玛峰北坡等典型地区的多年代冰川分布数据。
-</p>
-<p>冰湖编目数据：
-冰湖是指在冰川前端、表面或内部形成的湖泊。冰湖编目是指利用地形图和遥感数据等资料对位于冰川前端和表面的湖泊进行登记的调查行为。</p>
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('冰川冰湖编目数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>冰川编目数据：基于遥感影像解译获得的反应我国2005年前后冰川现状的冰川分布图及其基本属性。除了包括中国全境的冰川编目数据外，还包括祁连山、天山、贡嘎山、纳木错流域、长江源区、年楚河流域和珠穆朗玛峰北坡等典型地区的多年代冰川分布数据。
+        </p>
+        <p>冰湖编目数据：
+        冰湖是指在冰川前端、表面或内部形成的湖泊。冰湖编目是指利用地形图和遥感数据等资料对位于冰川前端和表面的湖泊进行登记的调查行为。</p>
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/lake.phtml b/application/default/views/scripts/glacier/lake.phtml
index 69f78b26..20156b61 100644
--- a/application/default/views/scripts/glacier/lake.phtml
+++ b/application/default/views/scripts/glacier/lake.phtml
@@ -1,36 +1,34 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('冰湖编目数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>冰湖编目数据：
-冰湖是指在冰川前端、表面或内部形成的湖泊。冰湖编目是指利用地形图和遥感数据等资料对位于冰川前端和表面的湖泊进行登记的调查行为。</p>
-<img src="/images/glacier/lake.png" />
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('冰湖编目数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>冰湖编目数据：
+        冰湖是指在冰川前端、表面或内部形成的湖泊。冰湖编目是指利用地形图和遥感数据等资料对位于冰川前端和表面的湖泊进行登记的调查行为。</p>
+        <img src="/images/glacier/lake.png" />
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/lidar.phtml b/application/default/views/scripts/glacier/lidar.phtml
index 307c803d..4086d158 100644
--- a/application/default/views/scripts/glacier/lidar.phtml
+++ b/application/default/views/scripts/glacier/lidar.phtml
@@ -1,37 +1,35 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('雷达测厚数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>
-利用冰川测厚雷达获得的反应冰川厚度和冰下地形的野外测量数据，可为冰川厚度分布图和冰下地形图等提供重要的基础资料。同时，利用这些测量资料可以估算冰川的冰储量，为冰川变化响应气候变化提供定量科学依据，而且可以为各种水文模型提供重要的冰下地形参数。
-</p>
-<img src="/images/glacier/lidar.png" />
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('雷达测厚数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>
+        利用冰川测厚雷达获得的反应冰川厚度和冰下地形的野外测量数据，可为冰川厚度分布图和冰下地形图等提供重要的基础资料。同时，利用这些测量资料可以估算冰川的冰储量，为冰川变化响应气候变化提供定量科学依据，而且可以为各种水文模型提供重要的冰下地形参数。
+        </p>
+        <img src="/images/glacier/lidar.png" />
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/material.phtml b/application/default/views/scripts/glacier/material.phtml
index 05687f4a..8b116cc2 100644
--- a/application/default/views/scripts/glacier/material.phtml
+++ b/application/default/views/scripts/glacier/material.phtml
@@ -1,37 +1,35 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('物质平衡观测数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>
-冰川在一定时间内的物质变化即积累与消融之差。积累大于消融为正平衡，消融大于积累为负平衡。冰川物质平衡野外观测一般包括利用雪坑剖面观测冰川积累量和花杆观测冰川消融量。
-</p>
-<img src="/images/glacier/material.png" />
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('物质平衡观测数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>
+        冰川在一定时间内的物质变化即积累与消融之差。积累大于消融为正平衡，消融大于积累为负平衡。冰川物质平衡野外观测一般包括利用雪坑剖面观测冰川积累量和花杆观测冰川消融量。
+        </p>
+        <img src="/images/glacier/material.png" />
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/meteo.phtml b/application/default/views/scripts/glacier/meteo.phtml
index 04f56fb9..9ff309a7 100644
--- a/application/default/views/scripts/glacier/meteo.phtml
+++ b/application/default/views/scripts/glacier/meteo.phtml
@@ -1,35 +1,33 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('气象数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>在冰川区观测的气象数据，观测要素包括温度、风速、风向、降水等。受观测条件的限制，观测要素和观测时段不能保持完全一致。</p>
-<img src="/images/glacier/metro.png" />
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('气象数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>在冰川区观测的气象数据，观测要素包括温度、风速、风向、降水等。受观测条件的限制，观测要素和观测时段不能保持完全一致。</p>
+        <img src="/images/glacier/metro.png" />
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/movement.phtml b/application/default/views/scripts/glacier/movement.phtml
index 10572ae3..4425b6bf 100644
--- a/application/default/views/scripts/glacier/movement.phtml
+++ b/application/default/views/scripts/glacier/movement.phtml
@@ -1,35 +1,33 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('冰川运动数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>冰川运动观测一般分为冰川表面运动观测和冰川内部运动观测。前者一般采用GPS和花杆等测量方法，后者一般采用挖坑法、冰隧道法和钻孔法。
-</p>
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('冰川运动数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>冰川运动观测一般分为冰川表面运动观测和冰川内部运动观测。前者一般采用GPS和花杆等测量方法，后者一般采用挖坑法、冰隧道法和钻孔法。
+        </p>
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/navi.phtml b/application/default/views/scripts/glacier/navi.phtml
index 5e7472a9..d0a577ee 100644
--- a/application/default/views/scripts/glacier/navi.phtml
+++ b/application/default/views/scripts/glacier/navi.phtml
@@ -1,57 +1,128 @@
-<ul>
-<li><a href="/glacier/">项目简介</a></li>
-<li><a href="/glacier/geobase">基础数据</a>
-<ul>
-<li><a href="/glacier/rs">遥感影像</a></li>
-<li><a href="/glacier/dem">DEM数据</a></li>
-</ul>
-</li>
-<li><a href="/glacier/inventory">冰川冰湖编目数据</a>
-<ul><li><a href="/glacier/glacier">冰川编目</a></li>
-<li><a href="/glacier/lake">冰湖编目</a></li>
-</ul>
-</li>
-<li><a href="/glacier/field">野外考察与定位观测</a>
-<ul>
-<li><a href="/glacier/meteo">气象</a></li>
-<li><a href="/glacier/hydro">水文</a></li>
-<li><a href="/glacier/gps">GPS</a></li>
-<li><a href="/glacier/lidar">雷达测厚</a></li>
-<li><a href="/glacier/material">物质平衡</a></li>
-<li><a href="/glacier/movement">冰川运动</a></li>
-<li><a href="/glacier/physical">冰雪物理过程</a></li>
-<li><a href="/glacier/photogrammetry">近景摄影测量</a></li>
-<li><a href="/glacier/frozensoil">冻土调查</a></li>
-<li><a href="/glacier/vegetation">植被调查</a></li>
-<li><a href="/glacier/quatemary">第四纪</a></li>
-</ul>
-</li>
-</ul>
-<ul>
-<!--<li><a href="/glacier/document">项目文档</a></li>-->
-<!--<li><a href="/glacier/list">数据列表</a></li>-->
-<li><a href="/glacier/browse">整体浏览</a></li>
-<li><a href="/glacier/category">ISO19115分类</a></li>
-<li><a href="/glacier/thumb">缩略图浏览</a></li>
-<li><a href="/glacier/tag">关键词导航</a></li>
-<li><a href="/glacier/timeline">时间轴导航</a></li>
-<li><a href="/glacier/timemap">时空联合导航</a></li>
-<!-- <li>WebGIS地图浏览</li>
-<li>数据使用协议</li> -->
-</ul>
-<form  id="search" enctype="application/x-www-form-urlencoded" action="/glacier/search" method="post">
-<input type="text" name="q" id="q" value="<?php echo (empty($this->key))?'回车搜索标题和摘要':$this->key; ?>" onfocus="myfocus(this);" onblur="myblur(this);">
-<input type="hidden" name="submit" value="submit">
-</form>
-<script>
-  function myfocus(element) {
-     if (element.value == '回车搜索标题和摘要') {
-       element.value = '';
-     }
-   }
-   function myblur(element) {
-     if (element.value == '') {
-       element.value = '回车搜索标题和摘要';
-     }
-   }
+<div id="side_accordion" class="accordion">
+	<div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-glacier-index">
+          <a class="accordion-toggle" href="/glacier/">
+			项目简介
+          </a>
+        </div>
+    </div>
+	<div class="accordion-group heihe-accordion-title">
+		<div class="accordion-heading" id="Nav-glacier-geobase">
+        	<a href="/glacier/geobase" title="查看详细" class="pull-right detail-link"><i class="icon-search"></i></a>
+			<a class="accordion-toggle" data-toggle="collapse" data-parent="#side_accordion" href="#collapse1">
+				基础数据
+			</a>
+		</div>
+		<div id="collapse1" class="accordion-body collapse">
+			<div class="accordion-inner">
+				<ul class="nav nav-list heihe-subnav">
+					<li id="Nav-glacier-rs"><a href="/glacier/rs">遥感影像</a></li>
+					<li id="Nav-glacier-dem"><a href="/glacier/dem">DEM数据</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+    <div class="accordion-group heihe-accordion-title">
+		<div class="accordion-heading" id="Nav-glacier-inventory">
+			<a href="/glacier/inventory" title="查看详细" class="pull-right detail-link"><i class="icon-search"></i></a>
+			<a class="accordion-toggle" data-toggle="collapse" data-parent="#side_accordion" href="#collapse2">
+				冰川冰湖编目数据
+			</a>
+		</div>
+        <div id="collapse2" class="accordion-body collapse">
+          <div class="accordion-inner">
+              <ul class="nav nav-list heihe-subnav">
+                  <li id="Nav-glacier-glacier"><a href="/glacier/glacier">冰川编目</a></li>
+				  <li id="Nav-glacier-lake"><a href="/glacier/lake">冰湖编目</a></li>
+              </ul>
+          </div>
+        </div>
+    </div>
+    <div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-glacier-field">
+        	<a href="/glacier/field" title="查看详细" class="pull-right detail-link"><i class="icon-search"></i></a>
+			<a class="accordion-toggle" data-toggle="collapse" data-parent="#side_accordion" href="#collapse3">
+				野外考察与定位观测
+			</a>
+        </div>
+        <div id="collapse3" class="accordion-body collapse">
+            <div class="accordion-inner">
+                <ul class="nav nav-list heihe-subnav">
+                    <li id="Nav-glacier-meteo"><a href="/glacier/meteo">气象</a></li>
+                    <li id="Nav-glacier-hydro"><a href="/glacier/hydro">水文</a></li>
+                    <li id="Nav-glacier-gps"><a href="/glacier/gps">GPS</a></li>
+                    <li id="Nav-glacier-lidar"><a href="/glacier/lidar">雷达测厚</a></li>
+                    <li id="Nav-glacier-material"><a href="/glacier/material">物质平衡</a></li>
+                    <li id="Nav-glacier-movement"><a href="/glacier/movement">冰川运动</a></li>
+                    <li id="Nav-glacier-physical"><a href="/glacier/physical">冰雪物理过程</a></li>
+                    <li id="Nav-glacier-photogrammetry"><a href="/glacier/photogrammetry">近景摄影测量</a></li>
+                    <li id="Nav-glacier-frozensoil"><a href="/glacier/frozensoil">冻土调查</a></li>
+                    <li id="Nav-glacier-vegetation"><a href="/glacier/vegetation">植被调查</a></li>
+                    <li id="Nav-glacier-quatemary"><a href="/glacier/quatemary">第四纪</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-glacier-browse">
+          <a class="accordion-toggle" href="/glacier/browse">
+			整体浏览
+          </a>
+        </div>
+    </div>
+    <div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-glacier-category">
+          <a class="accordion-toggle" href="/glacier/category">
+			ISO19115分类
+          </a>
+        </div>
+    </div>
+    <div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-glacier-thumb">
+          <a class="accordion-toggle" href="/glacier/thumb">
+			缩略图浏览
+          </a>
+        </div>
+    </div>
+    <div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-glacier-tag">
+          <a class="accordion-toggle" href="/glacier/tag">
+			关键词导航
+          </a>
+        </div>
+    </div>
+    <div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-glacier-timeline">
+          <a class="accordion-toggle" href="/glacier/timeline">
+			时间轴导航
+          </a>
+        </div>
+    </div>
+    <div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-glacier-timemap">
+          <a class="accordion-toggle" href="/glacier/timemap">
+			时空联合导航
+          </a>
+        </div>
+    </div>
+</div>
+<!--<li><a href="/glacier/document">项目文档</a></li>-->
+<!--<li><a href="/glacier/list">数据列表</a></li>-->
+<!-- <li>WebGIS地图浏览</li>
+<li>数据使用协议</li> -->
+<form  id="search" enctype="application/x-www-form-urlencoded" action="/glacier/search" method="post">
+<input type="text" name="q" id="q" value="<?php echo (empty($this->key))?'回车搜索标题和摘要':$this->key; ?>" onfocus="myfocus(this);" onblur="myblur(this);">
+<input type="hidden" name="submit" value="submit">
+</form>
+<script>
+  function myfocus(element) {
+     if (element.value == '回车搜索标题和摘要') {
+       element.value = '';
+     }
+   }
+   function myblur(element) {
+     if (element.value == '') {
+       element.value = '回车搜索标题和摘要';
+     }
+   }
 </script>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/photogrammetry.phtml b/application/default/views/scripts/glacier/photogrammetry.phtml
index 31681e09..7cd2d2c8 100644
--- a/application/default/views/scripts/glacier/photogrammetry.phtml
+++ b/application/default/views/scripts/glacier/photogrammetry.phtml
@@ -1,35 +1,33 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('近景摄影测量数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>利用相机拍摄的冰川近景相片，可对冰川遥感解译进行验证，也与历史照片比较用于冰川变化研究。
-</p>
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('近景摄影测量数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>利用相机拍摄的冰川近景相片，可对冰川遥感解译进行验证，也与历史照片比较用于冰川变化研究。
+        </p>
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/physical.phtml b/application/default/views/scripts/glacier/physical.phtml
index 62a0e557..7d1b1ced 100644
--- a/application/default/views/scripts/glacier/physical.phtml
+++ b/application/default/views/scripts/glacier/physical.phtml
@@ -1,35 +1,33 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('冰雪物理过程数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>包括冰雪物理过程和冰温等观测数据。
-</p>
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('冰雪物理过程数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>包括冰雪物理过程和冰温等观测数据。
+        </p>
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/quatemary.phtml b/application/default/views/scripts/glacier/quatemary.phtml
index 238131ab..7cff7530 100644
--- a/application/default/views/scripts/glacier/quatemary.phtml
+++ b/application/default/views/scripts/glacier/quatemary.phtml
@@ -1,35 +1,33 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('第四纪数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>冰川区附件开展的第四纪调查，包括地貌描述，土壤年代等，可以获取冰川的第四纪相关信息，并可结合其他相关获得冰川的状态与变化信息
-</p>
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('第四纪数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>冰川区附件开展的第四纪调查，包括地貌描述，土壤年代等，可以获取冰川的第四纪相关信息，并可结合其他相关获得冰川的状态与变化信息
+        </p>
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/rs.phtml b/application/default/views/scripts/glacier/rs.phtml
index 909b0155..33317d43 100644
--- a/application/default/views/scripts/glacier/rs.phtml
+++ b/application/default/views/scripts/glacier/rs.phtml
@@ -1,35 +1,33 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('遥感影像');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-系统收集了可用于冰川编目的各种遥感数据，包括Landsat TM/ETM+、ASTER、SPOT、ALOS，其中Landsat TM/ETM+基本覆盖全部冰川区，其他遥感数据仅覆盖部分冰川区。
-<img src="/images/glacier/landsat.png" />
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('遥感影像');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <img src="/images/glacier/landsat.png" class="pull-right" />
+        系统收集了可用于冰川编目的各种遥感数据，包括Landsat TM/ETM+、ASTER、SPOT、ALOS，其中Landsat TM/ETM+基本覆盖全部冰川区，其他遥感数据仅覆盖部分冰川区。
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/tag.phtml b/application/default/views/scripts/glacier/tag.phtml
index 9c0d88e1..a052ea41 100755
--- a/application/default/views/scripts/glacier/tag.phtml
+++ b/application/default/views/scripts/glacier/tag.phtml
@@ -1,54 +1,53 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-if (!empty($this->codename)) $this->headTitle($this->codename);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('关键词导航'.(($this->codename)?'：'.$this->codename:''));
-$this->breadcrumb()->setSeparator(' > ');
-?>
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div class="clear">&nbsp;</div>
-<?php if (!empty($this->metadata)) : ?>
-<div id='mdlist'>
-<h1>关键词：<?php echo $this->codename; ?> 【<a href="/glacier/tag/">全部关键词</a>】</h1>
-<?php echo $this->page->getNavigation(); ?>
-<hr />
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>" title="<?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<hr />
-<?php echo $this->page->getNavigation(); ?>
-</div>
-<?php else : ?>
-
-<div id='links'>
-<?php 
-$keytypezh=array('place'=>'地点关键词','theme'=>'主题关键词','discipline'=>'学科关键词','stratum'=>'地层关键词','temporal'=>'时间关键词');
-foreach($this->keywords as $type=>$kcg) : 
-if (is_array($kcg) && count($kcg)>0 ) :
-?>
-<fieldset><legend><?php echo $keytypezh[$type]; ?></legend>
-<ul>
-<?php foreach($kcg as $cg) : ?> 
-<li><a href='/glacier/tag/key/<?php echo urlencode($cg['keyword']); ?>'><?php echo $cg['keyword']; ?></a><span class="note">(<?php echo $cg['count']; ?>)</span></li>
-<?php endforeach; ?>
-
-</ul>
-</fieldset>
-<?php endif;endforeach; ?>
-</div>
-</div>
-<?php endif; ?>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+if (!empty($this->codename)) $this->headTitle($this->codename);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('关键词导航'.(($this->codename)?'：'.$this->codename:''));
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+		<?php if (!empty($this->metadata)) : ?>
+        <div id='mdlist'>
+        <h1>关键词：<?php echo $this->codename; ?> 【<a href="/glacier/tag/">全部关键词</a>】</h1>
+        <?php echo $this->page->getNavigation(); ?>
+        <hr />
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>" title="<?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <hr />
+        <?php echo $this->page->getNavigation(); ?>
+        </div>
+        <?php else : ?>
+        
+        <div id='links'>
+        <?php 
+        $keytypezh=array('place'=>'地点关键词','theme'=>'主题关键词','discipline'=>'学科关键词','stratum'=>'地层关键词','temporal'=>'时间关键词');
+        foreach($this->keywords as $type=>$kcg) : 
+        if (is_array($kcg) && count($kcg)>0 ) :
+        ?>
+        <fieldset><legend><?php echo $keytypezh[$type]; ?></legend>
+        <ul>
+        <?php foreach($kcg as $cg) : ?> 
+        <li><a href='/glacier/tag/key/<?php echo urlencode($cg['keyword']); ?>'><?php echo $cg['keyword']; ?></a><span class="note">(<?php echo $cg['count']; ?>)</span></li>
+        <?php endforeach; ?>
+        
+        </ul>
+        </fieldset>
+        <?php endif;endforeach; ?>
+        </div>
+        </div>
+        <?php endif; ?>
+</div>
diff --git a/application/default/views/scripts/glacier/thumb.phtml b/application/default/views/scripts/glacier/thumb.phtml
index 49ccdc62..0ab88497 100644
--- a/application/default/views/scripts/glacier/thumb.phtml
+++ b/application/default/views/scripts/glacier/thumb.phtml
@@ -1,42 +1,40 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle('全部浏览');
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('缩略图浏览');
-$this->breadcrumb()->setSeparator(' > ');
-$this->headScript()->appendFile('/js/jquery-1.7.min.js');
-$this->headScript()->appendFile('/js/jquery.colorbox-min.js');
-$this->headLink()->appendStylesheet('/css/colorbox.css');
-?>
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<?php echo $this->page->getNavigation(); ?>
-<hr />
-<div id="mdlist">
-<?php foreach($this->metadata as $md) : ?>
- <div class="thumb">
- 
- <div class="thumbtitle">
- <a href="/glacier/view/uuid/<?php echo $md['uuid'];?>"><?php echo $this->escape($md['title']); ?> </a>
- </div>
- <a class="colorbox" href="/service/bigthumb/id/<?php echo $md['id'];?>" title="<?php echo $this->escape($md['title']); ?>">
- <img src="/service/thumb/id/<?php echo $md['id'];?>" alt="<?php echo $this->escape($md['title']);?>" title="<?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?>" />
- </a>
- </div>     
-<?php endforeach; ?>
-</div>
-<hr style="clear:left;"/>
-<?php echo $this->page->getNavigation(); ?>
-</div>
-<script type="text/javascript" charset="utf-8">
-$(document).ready(function(){$(".colorbox").colorbox({rel:"colorbox",photo:"true",transition:"fade"});});
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle('全部浏览');
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('缩略图浏览');
+$this->breadcrumb()->setSeparator(' > ');
+$this->theme->AppendPlus($this,'colorbox');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+		<?php echo $this->page->getNavigation(); ?>
+        <hr />
+        <div id="mdlist">
+        <?php foreach($this->metadata as $md) : ?>
+         <div class="thumb">
+         
+         <div class="thumbtitle">
+         <a href="/glacier/view/uuid/<?php echo $md['uuid'];?>"><?php echo $this->escape($md['title']); ?> </a>
+         </div>
+         <a class="colorbox" href="/service/bigthumb/id/<?php echo $md['id'];?>" title="<?php echo $this->escape($md['title']); ?>">
+         <img src="/service/thumb/id/<?php echo $md['id'];?>" alt="<?php echo $this->escape($md['title']);?>" title="<?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?>" />
+         </a>
+         </div>     
+        <?php endforeach; ?>
+        </div>
+        <hr style="clear:left;"/>
+        <?php echo $this->page->getNavigation(); ?>
+	</div>
+</div>    
+<script type="text/javascript" charset="utf-8">
+$(document).ready(function(){$(".colorbox").colorbox({rel:"colorbox",photo:"true",transition:"fade"});});
 </script>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/timeline.phtml b/application/default/views/scripts/glacier/timeline.phtml
index a25afc0b..aca2c805 100755
--- a/application/default/views/scripts/glacier/timeline.phtml
+++ b/application/default/views/scripts/glacier/timeline.phtml
@@ -1,23 +1,23 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle('时间轴导航');
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('时间轴导航');
-$this->breadcrumb()->setSeparator(' > ');
-$this->headScript()->appendFile('/js/timeline_var.js');
-$this->headScript()->appendFile('/js/timeline_js/timeline-api.js');
-$this->headScript()->appendFile('/js/glaciertime.js');
-?>
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>      
-<div id="tl" class="timeline-default" style="height:600px;"> </div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle('时间轴导航');
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('时间轴导航');
+$this->breadcrumb()->setSeparator(' > ');
+$this->headScript()->appendFile('/js/timeline_var.js');
+$this->headScript()->appendFile('/js/timeline_js/timeline-api.js');
+$this->headScript()->appendFile('/js/glaciertime.js');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9"> 
+		<div id="tl" class="timeline-default" style="height:600px;"> </div>
+	</div>
 </div>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/timemap.phtml b/application/default/views/scripts/glacier/timemap.phtml
index 97e5b2b0..389d6b8b 100644
--- a/application/default/views/scripts/glacier/timemap.phtml
+++ b/application/default/views/scripts/glacier/timemap.phtml
@@ -1,96 +1,94 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle('时空导航');
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('时空联合导航');
-$this->breadcrumb()->setSeparator(' > ');
-//$this->headScript()->appendFile('http://maps.google.cN/maps?file=api&v=2&key='.$this->config->google->maps->api);
-$this->headScript()->appendFile('/js/timeline_var.js');
-$this->headScript()->appendFile('/js/timeline_js/timeline-api.js');
-$this->headScript()->appendFile('/js/jquery-1.7.min.js');
-$this->headScript()->appendFile('/js/timemap.2.0.1/lib/mxn/mxn.js?(google)');
-$this->headScript()->appendFile('/js/timemap.2.0.1/timemap.pack.js');
-$this->headScript()->appendFile('/js/jquery.colorbox-min.js');
-$this->headLink()->appendStylesheet('/css/colorbox.css');
-?>
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>     
-    <div id="timemap">
-         <div id="watermap" style="height:500px;width:40%;float:right;"></div>
-          <div id="timeline" style="height:500px;border-right:1px solid #abc;"></div> 
-
-</div>
-</div>
-<script type="text/javascript" charset="utf-8">
-var tm;
-$(window).bind("load", function() {  var timeout = setTimeout(function() { initLoader();	}, 100);});  
-//$(window).bind("load", function() {  var timeout = setTimeout(function() { gmaploaded();	}, 1000);});
-function loadMaps() {
-  google.load("maps", "2", {"callback" : tmloaded,"base_domain": "ditu.google.cn"});
-}
-
-function initLoader() {
-  var script = document.createElement("script");
-  script.src = "https://www.google.com/jsapi?key=<?php echo $this->config->google->maps->api; ?>&callback=loadMaps";
-  script.type = "text/javascript";
-  document.getElementsByTagName("head")[0].appendChild(script);
-}
-function tmloaded() {
-		tm = TimeMap.init({
-		mapId: "watermap",               // Id of map div element (required)
-		timelineId: "timeline",     // Id of timeline div element (required)
-		scrollTo: "2005-01-01",
-		options: {
-            eventIconPath: "../images/",
-            mapType:G_HYBRID_MAP,
-            mapCenter: new GLatLng(39,100)
-        },
-		datasets: [
-            {
-            	data:{
-                theme: "orange",
-                // note that the lines below are now the preferred syntax
-                type: "basic",
-                value: [
-                <?php foreach($this->rows as $row) : ?>
-                        {
-                          "start" : "<?php echo $row['timebegin']; ?>",
-                          <?php if ($row['timeend']!='') : ?>
-                          "end" : "<?php echo $row['timeend']; ?>",
-                          <?php endif; ?>
-                          "point" : 
-                          {
-                              "lat" : <?php echo ($row['south']+$row['north'])/2; ?>,
-                              "lon" : <?php echo ($row['west']+$row['east'])/2; ?>
-                           },
-                          "title" : "<?php echo htmlspecialchars($row['title']); ?>",
-                          "options" : {
-                            // set the full HTML for the info window
-                            "infoHtml": "<div class='info'><a href=/glacier/view/uuid/<?php echo $row['uuid']; ?>><?php echo htmlspecialchars($row['title']); ?></a><hr /><img src=/service/thumb/id/<?php echo $row['id']; ?> onclick='$.colorbox({photo:\"true\",href:\"/service/bigthumb/id/<?php echo $row['id']; ?>\"});' /></div>",
-                            "theme":"orange"
-                        }
-                        },
-						<?php endforeach; ?>                        
-						]
-                }
-            }
-        ],
-        bandIntervals: [
-            Timeline.DateTime.MONTH, 
-            Timeline.DateTime.YEAR
-        ]
-    });
-    // manipulate the timemap further here if you like
-    var map=tm.map;
-    map.setCenter(new GLatLng(39,100),7);
-}
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle('时空导航');
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('时空联合导航');
+$this->breadcrumb()->setSeparator(' > ');
+//$this->headScript()->appendFile('http://maps.google.cN/maps?file=api&v=2&key='.$this->config->google->maps->api);
+$this->headScript()->appendFile('/js/timeline_var.js');
+$this->headScript()->appendFile('/js/timeline_js/timeline-api.js');
+$this->headScript()->appendFile('/js/timemap.2.0.1/lib/mxn/mxn.js?(google)');
+$this->headScript()->appendFile('/js/timemap.2.0.1/timemap.pack.js');
+$this->theme->AppendPlus($this,'colorbox');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">   
+    <div id="timemap">
+         <div id="watermap" style="height:500px;width:40%;float:right;"></div>
+          <div id="timeline" style="height:500px;border-right:1px solid #abc;"></div> 
+
+		</div>
+	</div>
+</div>
+<script type="text/javascript" charset="utf-8">
+var tm;
+$(window).bind("load", function() {  var timeout = setTimeout(function() { initLoader();	}, 100);});  
+//$(window).bind("load", function() {  var timeout = setTimeout(function() { gmaploaded();	}, 1000);});
+function loadMaps() {
+  google.load("maps", "2", {"callback" : tmloaded,"base_domain": "ditu.google.cn"});
+}
+
+function initLoader() {
+  var script = document.createElement("script");
+  script.src = "https://www.google.com/jsapi?key=<?php echo $this->config->google->maps->api; ?>&callback=loadMaps";
+  script.type = "text/javascript";
+  document.getElementsByTagName("head")[0].appendChild(script);
+}
+function tmloaded() {
+		tm = TimeMap.init({
+		mapId: "watermap",               // Id of map div element (required)
+		timelineId: "timeline",     // Id of timeline div element (required)
+		scrollTo: "2005-01-01",
+		options: {
+            eventIconPath: "../images/",
+            mapType:G_HYBRID_MAP,
+            mapCenter: new GLatLng(39,100)
+        },
+		datasets: [
+            {
+            	data:{
+                theme: "orange",
+                // note that the lines below are now the preferred syntax
+                type: "basic",
+                value: [
+                <?php foreach($this->rows as $row) : ?>
+                        {
+                          "start" : "<?php echo $row['timebegin']; ?>",
+                          <?php if ($row['timeend']!='') : ?>
+                          "end" : "<?php echo $row['timeend']; ?>",
+                          <?php endif; ?>
+                          "point" : 
+                          {
+                              "lat" : <?php echo ($row['south']+$row['north'])/2; ?>,
+                              "lon" : <?php echo ($row['west']+$row['east'])/2; ?>
+                           },
+                          "title" : "<?php echo htmlspecialchars($row['title']); ?>",
+                          "options" : {
+                            // set the full HTML for the info window
+                            "infoHtml": "<div class='info'><a href=/glacier/view/uuid/<?php echo $row['uuid']; ?>><?php echo htmlspecialchars($row['title']); ?></a><hr /><img src=/service/thumb/id/<?php echo $row['id']; ?> onclick='$.colorbox({photo:\"true\",href:\"/service/bigthumb/id/<?php echo $row['id']; ?>\"});' /></div>",
+                            "theme":"orange"
+                        }
+                        },
+						<?php endforeach; ?>                        
+						]
+                }
+            }
+        ],
+        bandIntervals: [
+            Timeline.DateTime.MONTH, 
+            Timeline.DateTime.YEAR
+        ]
+    });
+    // manipulate the timemap further here if you like
+    var map=tm.map;
+    map.setCenter(new GLatLng(39,100),7);
+}
 </script>
\ No newline at end of file
diff --git a/application/default/views/scripts/glacier/vegetation.phtml b/application/default/views/scripts/glacier/vegetation.phtml
index 2f6ca79e..3f2258e0 100644
--- a/application/default/views/scripts/glacier/vegetation.phtml
+++ b/application/default/views/scripts/glacier/vegetation.phtml
@@ -1,35 +1,33 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/water.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
-$this->breadcrumb('植被数据');
-$this->breadcrumb()->setSeparator(' > ');
-?>
-
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('glacier/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-<div>&nbsp;</div>
-<div id="intro">
-<p>冰川区附近的植被分布情况调查
-</p>
-</div>
-<hr />
-<?php if ($this->metadata) : ?>
-<?php echo $this->page->getNavigation(); ?>
-<div id="mdlist">
-<ol start="<?php echo $this->offset; ?>">
-	<?php foreach($this->metadata as $md) : ?>
-	<li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
-	<?php endforeach; ?>
-</ol>	
-</div>
-<?php endif; ?>
-</div>
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/water.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('<a href="/glacier/">'.$this->config->title->glacier.'</a>');
+$this->breadcrumb('植被数据');
+$this->breadcrumb()->setSeparator(' > ');
+?>
+<div class="row">
+    <div class="span3">
+    <?= $this->partial('glacier/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+        <p>冰川区附近的植被分布情况调查
+        </p>
+        </div>
+        <hr />
+        <?php if ($this->metadata) : ?>
+        <?php echo $this->page->getNavigation(); ?>
+        <div id="mdlist">
+        <ol start="<?php echo $this->offset; ?>">
+            <?php foreach($this->metadata as $md) : ?>
+            <li><a href="/glacier/view/uuid/<?php echo $md['uuid']; ?>"><?php echo $md['title']; ?></a></li>
+            <?php endforeach; ?>
+        </ol>	
+        </div>
+        <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/heihe/base.phtml b/application/default/views/scripts/heihe/base.phtml
index 17ef4785..aa8a8a8b 100644
--- a/application/default/views/scripts/heihe/base.phtml
+++ b/application/default/views/scripts/heihe/base.phtml
@@ -10,10 +10,10 @@ $this->breadcrumb('基础数据');
 $this->breadcrumb()->setSeparator(' > ');
 ?>
 <div class="row">
-    <div class="span2">
+    <div class="span3">
     <?= $this->partial('heihe/navi.phtml'); ?>
     </div>
-    <div class="span10">
+    <div class="span9">
     <div><?= $this->breadcrumb() ?> </div>
         <div id="intro">
             <p>
diff --git a/application/default/views/scripts/heihe/thumb.phtml b/application/default/views/scripts/heihe/thumb.phtml
index 4584f4bd..e89cf09c 100644
--- a/application/default/views/scripts/heihe/thumb.phtml
+++ b/application/default/views/scripts/heihe/thumb.phtml
@@ -16,8 +16,8 @@ $this->theme->AppendPlus($this,'masonry');
     <div class="span2">
     	<?= $this->partial('heihe/navi.phtml'); ?>
     </div>
-    <div class="span10">
-    <div><?= $this->breadcrumb() ?> </div>
+    <div class="span10">
+    	<div><?= $this->breadcrumb() ?> </div>
 		<?php echo $this->page->getNavigation(); ?>
         <hr />
         <div>
diff --git a/application/default/views/scripts/hiwater/index.phtml b/application/default/views/scripts/hiwater/index.phtml
index 574b2056..f165f8c8 100644
--- a/application/default/views/scripts/hiwater/index.phtml
+++ b/application/default/views/scripts/hiwater/index.phtml
@@ -10,32 +10,31 @@ $this->breadcrumb($this->config->title->heihe);
 $this->breadcrumb()->setSeparator(' > ');
 ?>
 <style>.next:hover{cursor:pointer;}</style>
-<div id='sidebar'>
-<div id='leftnavi'>
-<?= $this->partial('hiwater/navi.phtml'); ?>
-</div>
-</div>
-<div id='right'>
-	<div class="clear">&nbsp;</div>
-	<div id="intro">
-		<h1><?php if(!empty($this->info['title'])) echo $this->info['title']; ?></h1>
-		<table>
-        	<tr><td><?php if(!empty($this->info['body'])) echo $this->info['body'];?></td></tr>
-        </table>
-	</div>
-<div id="heihe_ad">
-<h2>已整理数据展示</h2>
-<ul id="heihe_list">
-<?php foreach($this->meatdata as $md) : ?>
-<li>
-	<a href="/heihe/view/uuid/<?php echo $md['uuid']; ?>"><span><?php echo $md['title']; ?></span>
- 	<img src="/service/thumb/id/<?php echo $md['id']; ?>" alt="Data Thumbnail" title="<?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?>" />
- 	</a>
-</li>
-<?php endforeach; ?>
-</ul>
-<img class="next" src="/images/next.png" onclick="changetlist()" />
-</div>
+<div class="row">
+    <div class="span3">
+    	<?= $this->partial('hiwater/navi.phtml'); ?>
+    </div>
+    <div class="span9">
+        <div id="intro">
+            <h1><?php if(!empty($this->info['title'])) echo $this->info['title']; ?></h1>
+            <table>
+                <tr><td><?php if(!empty($this->info['body'])) echo $this->info['body'];?></td></tr>
+            </table>
+        </div>
+        <div id="heihe_ad">
+        <h2>已整理数据展示</h2>
+        <ul id="heihe_list">
+        <?php foreach($this->meatdata as $md) : ?>
+        <li>
+            <a href="/heihe/view/uuid/<?php echo $md['uuid']; ?>"><span><?php echo $md['title']; ?></span>
+            <img src="/service/thumb/id/<?php echo $md['id']; ?>" alt="Data Thumbnail" title="<?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?>" />
+            </a>
+        </li>
+        <?php endforeach; ?>
+        </ul>
+        <img class="next" src="/images/next.png" onclick="changetlist()" />
+        </div>
+    </div>
 </div>
 <script type="text/javascript" language="javascript">
 function changetlist(){
diff --git a/application/default/views/scripts/hiwater/navi.phtml b/application/default/views/scripts/hiwater/navi.phtml
index f2b688fa..8c1d7ce8 100644
--- a/application/default/views/scripts/hiwater/navi.phtml
+++ b/application/default/views/scripts/hiwater/navi.phtml
@@ -1,3 +1,133 @@
+<div id="side_accordion" class="accordion">
+	<div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-hiwater-index">
+          <a class="accordion-toggle" href="/hiwater/">
+            黑河生态水文遥感试验
+          </a>
+        </div>
+    </div>
+	<div class="accordion-group heihe-accordion-title">
+		<div class="accordion-heading" id="Nav-water-cold">
+        	<a href="/heihe/core" title="查看详细" class="pull-right detail-link"><i class="icon-search"></i></a>
+			<a class="accordion-toggle" data-toggle="collapse" data-parent="#side_accordion" href="#collapse1">
+				航空遥感原始数据
+			</a>
+		</div>
+		<div id="collapse1" class="accordion-body collapse">
+			<div class="accordion-inner">
+				<ul class="nav nav-list heihe-subnav">
+					<li id="Nav-hiwater-dem"><a href="/heihe/dem"><i class="icon-chevron-right"></i>微波辐射计</a></li>
+					<li id="Nav-hiwater-landuse"><a href="/heihe/landuse"><i class="icon-chevron-right"></i>激光雷达</a></li>
+					<li id="Nav-hiwater-soil"><a href="/heihe/soil"><i class="icon-chevron-right"></i>WiDAS</a></li>
+					<li id="Nav-hiwater-meteo"><a href="/heihe/meteo"><i class="icon-chevron-right"></i>成像光谱仪</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+    <div class="accordion-group heihe-accordion-title">
+		<div class="accordion-heading" id="Nav-water-cold">
+			<a href="/water/forest" title="查看详细" class="pull-right detail-link"><i class="icon-search"></i></a>
+			<a class="accordion-toggle" data-toggle="collapse" data-parent="#side_accordion" href="#collapse2">
+				森林水文试验
+			</a>
+		</div>
+        <div id="collapse2" class="accordion-body collapse">
+          <div class="accordion-inner">
+              <ul class="nav nav-list heihe-subnav">
+                  <li id="Nav-water-dyk"><i class="icon-chevron-right"></i><a href="/water/dyk">大野口流域加密观测区</a></li>
+				  <li id="Nav-water-plg"><i class="icon-chevron-right"></i><a href="/water/plg">排露沟流域加密观测区</a></li>
+              </ul>
+          </div>
+        </div>
+    </div>
+    <div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-water-cold">
+        	<a href="/water/arid" title="查看详细" class="pull-right detail-link"><i class="icon-search"></i></a>
+			<a class="accordion-toggle" data-toggle="collapse" data-parent="#side_accordion" href="#collapse3">
+				中游干旱区水文试验
+			</a>
+        </div>
+        <div id="collapse3" class="accordion-body collapse">
+            <div class="accordion-inner">
+                <ul class="nav nav-list heihe-subnav">
+                    <li id="Nav-water-hzz"><i class="icon-chevron-right"></i><a href="/water/hzz">花寨子荒漠加密观测区</a></li>
+                    <li id="Nav-water-yk"><i class="icon-chevron-right"></i><a href="/water/yk">盈科绿洲加密观测区</a></li>
+                    <li id="Nav-water-zy"><i class="icon-chevron-right"></i><a href="/water/zy">张掖市加密观测区</a></li>
+                    <li id="Nav-water-zynoc"><i class="icon-chevron-right"></i><a href="/water/zynoc">观象台加密观测区</a></li>
+                    <li id="Nav-water-lzg"><i class="icon-chevron-right"></i><a href="/water/lzg">临泽草地加密观测区</a></li>
+                    <li id="Nav-water-lzs"><i class="icon-chevron-right"></i><a href="/water/lzs">临泽站加密观测区</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-water-cold">
+        	<a href="/water/meteo" title="查看详细" class="pull-right detail-link"><i class="icon-search"></i></a>
+			<a class="accordion-toggle" data-toggle="collapse" data-parent="#side_accordion" href="#collapse4">
+				气象水文观测
+			</a>
+        </div>
+        <div id="collapse4" class="accordion-body collapse">
+            <div class="accordion-inner">
+                <ul class="nav nav-list heihe-subnav">
+                    <li id="Nav-water-autometeo"><i class="icon-chevron-right"></i><a href="/water/autometeo">自动气象站观测</a></li>
+                    <li id="Nav-water-mobilemeteo"><i class="icon-chevron-right"></i><a href="/water/mobilemeteo">移动气象站观测</a></li>
+                    <li id="Nav-water-ec"><i class="icon-chevron-right"></i><a href="/water/ec">涡动相关观测</a></li>
+                    <li id="Nav-water-las"><i class="icon-chevron-right"></i><a href="/water/las">大孔径闪烁仪观测</a></li>
+                    <li id="Nav-water-normalmeteo"><i class="icon-chevron-right"></i><a href="/water/normalmeteo">业务气象站观测</a></li>
+                    <li id="Nav-water-regionalmeteo"><i class="icon-chevron-right"></i><a href="/water/regionalmeteo">区域气象站观测</a></li>
+                    <li id="Nav-water-doppler"><i class="icon-chevron-right"></i><a href="/water/doppler">降雨雷达观测</a></li>
+                    <li id="Nav-water-hydro"><i class="icon-chevron-right"></i><a href="/water/hydro">水文观测</a></li>
+                    <li id="Nav-water-airsounding"><i class="icon-chevron-right"></i><a href="/water/airsounding">探空观测</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-water-cold">
+        	<a href="/water/airebone" title="查看详细" class="pull-right detail-link"><i class="icon-search"></i></a>
+			<a class="accordion-toggle" data-toggle="collapse" data-parent="#side_accordion" href="#collapse5">
+				航空遥感
+			</a>
+        </div>
+        <div id="collapse5" class="accordion-body collapse">
+            <div class="accordion-inner">
+                <ul class="nav nav-list heihe-subnav">
+                    <li id="Nav-water-radiometer"><i class="icon-chevron-right"></i><a href="/water/radiometer">微波辐射计</a></li>
+                    <li id="Nav-water-lidar"><i class="icon-chevron-right"></i><a href="/water/lidar">激光雷达</a></li>
+                    <li id="Nav-water-widas"><i class="icon-chevron-right"></i><a href="/water/widas">WiDAS</a></li>
+                    <li id="Nav-water-asd"><i class="icon-chevron-right"></i><a href="/water/asd">成像光谱仪</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-water-cold">
+			<a class="accordion-toggle"  href="/water/satellite">
+				卫星遥感
+			</a>
+        </div>
+        <div id="collapse6" class="accordion-body collapse">
+            
+        </div>
+    </div>
+    <div class="accordion-group heihe-accordion-title">
+        <div class="accordion-heading" id="Nav-water-cold">
+        	<a href="/water/document" title="查看详细" class="pull-right detail-link"><i class="icon-search"></i></a>
+			<a class="accordion-toggle" data-toggle="collapse" data-parent="#side_accordion" href="#collapse7">
+				试验文档
+			</a>
+        </div>
+        <div id="collapse7" class="accordion-body collapse">
+            <div class="accordion-inner">
+                <ul class="nav nav-list heihe-subnav">
+                    <li id="Nav-water-surveystd"><i class="icon-chevron-right"></i><a href="/water/surveystd">测量规范</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+
 <ul>
 	<li><a href="/hiwater/">黑河生态水文遥感试验</a></li>
 	<li><a href="/heihe/core">航空遥感原始数据</a>