diff --git a/application/default/views/scripts/data/view.phtml b/application/default/views/scripts/data/view.phtml
index b080ce0e..cc3cf15f 100755
--- a/application/default/views/scripts/data/view.phtml
+++ b/application/default/views/scripts/data/view.phtml
@@ -127,10 +127,10 @@ if ($md->title_en) echo '<br />'.$this->escape($md->title_en);?>
 					</div>
                     <div id="literature" class="tab-pane">
                     	<div class="">
-                        	<ul class="nav nav-pills">
-                            	<li><a href="javascript:;" class="literatures">西部计划知识库</a></li>
-                            	<li><a href="javascript:;" class="scholar">Google学术搜索</a></li>
-                        		<li><a href="javascript:;" class="cnkiSearch">CNKI学术搜索</a></li>
+                        	<ul class="nav nav-pills lit-nav">
+                            	<li><a href="javascript:;" class="literatures lit-nav-btn">西部计划知识库</a></li>
+                            	<li><a href="javascript:;" class="scholar lit-nav-btn">Google学术搜索</a></li>
+                        		<li><a href="javascript:;" class="cnkiSearch lit-nav-btn">CNKI学术搜索</a></li>
                             </ul>
                         </div>
                         <div id="literature-list">
@@ -392,131 +392,71 @@ endforeach;
 </div>
 <script src="/js/metadata-view.js"></script>
 <script type="text/javascript" charset="utf-8">
-ajaxpage(0);
-$('#literature_t').click(function(){literature(1);});
-//ajax literature
-function literature(page){$.ajax({type:"GET",url:"/service/literature/uuid/<?= $md->uuid; ?>",data:'page='+page,success:function(html){$('#literature-list').html('<ol start="'+ ((page-1)*10+1) +'">'+html+'</ol>');},
-beforeSend:function(){$('#literature-list').html('<img src="/images/loading.gif" />加载中');}});}
-
-$('#related_t').click(function(){related(1);});
-//ajax related
-function related(page){$.ajax({type:"GET",url:"/service/related/uuid/<?= $md->uuid; ?>",data:'page='+page,success:function(html){$('#related').html('<ol start="'+ ((page-1)*10+1) +'">'+html+'</ol>');},
-beforeSend:function(){$('#related').html('<img src="/images/loading.gif" />加载中');}});};related(1);
-
-$('#recommend_t').click(function(){recommend(0);});
-//ajax recommend
-function recommend(page){$.ajax({type:"GET",url:"/service/recommend/uuid/<?= $md->uuid; ?>",data:'page='+page,success:function(html){$('#recommend').html('<ul>'+html+'</ul>');},
-beforeSend:function(){$('#recommend').html('<img src="/images/loading.gif" />加载中');}});}
-
-function getFileList(){
-	html ='<div id="window-outter">'
-		 +  '<div id="window-inner">'
-		 +		'<div id="window-content-container">'
-		 +		'<div id="window-loading">加载中...</div>'
-		 +			'<ol id="file-list">'
-		 +			'</ol>'
-		 +		'</div>'
-		 +	'</div>'
-		 +'</div>';
-	  $.colorbox({width:"80%",height:"80%",html:html});
-	  $.getJSON("/service/filelist/uuid/<?php echo $md->uuid;?>", function(data) {
-	  var items = [];
-	  if(data.length>0)
-	  {
-		  $.each(data, function(key, val) {
-			  if(val['filename'].match(/\/$/))
-			  {
-				items.push('<li id="li_' + val['id'] + '"><span id="span_'+val['id']+'">+</span> <a href="javascript:;" id="taget_'+val['id']+'" onclick="getSubFileList(\'' +val['uuid']+ '\',\''+val['id']+'\',\''+val['depth']+'\')">' + val['filename'] + '</a></li>');
-			  }else{
-				items.push('<li id="li_' + val['id'] + '">' + val['filename'] + '</li>');
-			  }
-		  });
-	  }else{
-		  items.push('<li>暂无数据</li>');
-	  }
-	  $('#file-list').html(items.join(''));
-	})
-	.complete(function() {
-		$('#window-loading').hide();
-	});
-}
-
-function ajaxpage(page){
-	var url = "/data/comment/uuid/<?= $md->uuid; ?>";
-	data='page='+page;
-	$.ajax({
-		type:"GET",
-		url:url,
-		data:data,
-		success:function(html){$('#allcomments').html(html);},
-		beforeSend:function(){$('#allcomments').html('<img src="/images/loading.gif" />评论加载中');}
-	});
-};
-
-$('#gsearch_t').click(function(){
-	if($('#searchlist').children('li').length<1)
-	{
-		googleSearch('<?php echo $ev;?>');
-	}
-});
-
-$('.literatures').click(function(){literature(1);});
-$('.googlesearch').click(function(){googleSearch('<?php echo $ev;?>');});
-$('.bingsearch').click(function(){bingSearch('<?php echo $ev;?>');});
-$('.cnkiSearch').click(function(){cnkiSearch('<?php echo $ev;?>');});
-$('.scholar').click(function(){scholarSearch('<?php echo $ev;?>');});
-
-var map = null;
-var mapElementID = null;
-var bounds = null;
-var rectangle = null;
-var zoomlevel = 1;
-
-function initialize() {
-	//加载地图
-	var myLatlng = new google.maps.LatLng(<?= ($md->south+$md->north)/2; ?>,<?= ($md->east+$md->west)/2; ?>);
-	
-	mapElementID = "watermap";
-	
-	<?php if ($md->north==$md->south) : ?>
-	zoomlevel=10;
-	<?php endif; ?>		  		  
-	if (zoomlevel>16) zoomlevel=16;
-
-	var myOptions = {
-		zoom: zoomlevel,
-		center: myLatlng,
-		mapTypeId: google.maps.MapTypeId.HYBRID
-	}
-	map = new google.maps.Map(document.getElementById(mapElementID), myOptions);
-	
-	setRectangle(<?= $md->east; ?>,<?= $md->west; ?>,<?= $md->south; ?>,<?= $md->north; ?>);
-}
-
-function setRectangle(east,west,south,north){
-	
-	bounds = new google.maps.LatLngBounds(
-	  new google.maps.LatLng(south,west),
-	  new google.maps.LatLng(north,east)
-	);
-
-	rectangle = new google.maps.Rectangle({
-	  bounds: bounds,
-	  editable: false
-	});
-	
-	rectangle.setMap(map);
-	
-	var bounds = new google.maps.LatLngBounds();
-    bounds.extend(new google.maps.LatLng(<?= $md->south; ?>, <?= $md->west; ?>));
-	bounds.extend(new google.maps.LatLng(<?= $md->north; ?>,<?= $md->east; ?>));
-    map.fitBounds(bounds);
-}
-
 $(function() {
 	google.maps.event.addDomListener(window, 'load', initialize);
 	$(".colorbox").colorbox({photo:"true"});
+	$('.googlesearch').click(function(){googleSearch('<?php echo $ev;?>');});
+	$('.bingsearch').click(function(){bingSearch('<?php echo $ev;?>');});
+	$('.cnkiSearch').click(function(){cnkiSearch('<?php echo $ev;?>');});
+	$('.scholar').click(function(){scholarSearch('<?php echo $ev;?>');});
+	$('#related_t').click(function(){related(1);});
+	$('#recommend_t').click(function(){recommend(0);});
+	$('#literature_t').click(function(){literature(1);$('.literatures').parent('li').addClass('active')});
+	$('.literatures').click(function(){literature(1);});
+	ajaxpage(0);
+	related(1);
+	$('.lit-nav-btn').each(function(index, element) {
+		$(this).click(function(){
+        	$('.lit-nav').children('li').each(function(index, element) {
+				$(this).removeClass('active');
+			});
+			$(this).parent('li').addClass('active');
+		});
+    });
+	$('#gsearch_t').click(function(){
+		if($('#searchlist').children('li').length<1)
+		{
+			googleSearch('<?php echo $ev;?>');
+		}
+	});
 });
+//ajax literature
+function literature(page){
+	literature_get(page,'<?= $md->uuid; ?>');
+}
+
+//ajax related
+function related(page){
+	related_get(page,'<?= $md->uuid; ?>');
+}
+
+//ajax recommend
+function recommend(page){
+	recommend_get(page,'<?= $md->uuid; ?>');
+}
+
+function getFileList(){
+	getFileList_h('<?php echo $md->uuid;?>');
+}
+
+function ajaxpage(page){
+	ajaxpage_get(page,'<?= $md->uuid; ?>');
+}
+
+var map = null;
+var mapElementID = "watermap";
+var bounds = null;
+var rectangle = null;
+var zoomlevel = 1;
+var bound = {
+	lat:<?= ($md->south+$md->north)/2; ?>,
+	lng:<?= ($md->east+$md->west)/2; ?>,
+	zoom:<?php if ($md->north==$md->south) { ?> 10 <?php }else {?> 16 <?php }?>,
+	east:<?= $md->east; ?>,
+	west:<?= $md->west; ?>,
+	south:<?= $md->south; ?>,
+	north:<?= $md->north; ?>
+}
 </script>
 <?php else: ?>
 	<p>Cannot find the metadata.</p>
diff --git a/htdocs/js/metadata-view.js b/htdocs/js/metadata-view.js
index ee5e5c7f..ab1c6fa7 100644
--- a/htdocs/js/metadata-view.js
+++ b/htdocs/js/metadata-view.js
@@ -1,3 +1,33 @@
+function literature_get(page,uuid){
+	$.ajax({
+		type:"GET",
+		url:"/service/literature/uuid/"+uuid,
+		data:'page='+page,
+		success:function(html){$('#literature-list').html('<ol start="'+ ((page-1)*10+1) +'">'+html+'</ol>');},
+		beforeSend:function(){$('#literature-list').html('<img src="/images/loading.gif" />加载中');}
+	});
+}
+
+function recommend_get(page,uuid){
+	$.ajax({
+		type:"GET",
+		url:"/service/recommend/uuid/"+uuid,
+		data:'page='+page,
+		success:function(html){$('#recommend').html('<ul>'+html+'</ul>');},
+		beforeSend:function(){$('#recommend').html('<img src="/images/loading.gif" />加载中');}
+	});
+}
+
+function related_get(page,uuid){
+	$.ajax({
+		type:"GET",
+		url:"/service/related/uuid/"+uuid,
+		data:'page='+page,
+		success:function(html){$('#related').html('<ol start="'+ ((page-1)*10+1) +'">'+html+'</ol>');},
+		beforeSend:function(){$('#related').html('<img src="/images/loading.gif" />加载中');}
+	});
+}
+
 function postcomment(){
 	var url="/data/postcomment";
 	var date = $('#postcommentform').serialize();
@@ -163,4 +193,86 @@ function onDataVersionLoad(data){
 
 function Alert(html){
 	$.colorbox({'innerWidth':'50%','html':'<h4 style="font-size:16px;font-weight:bold;">'+html+'</h4>'});
+}
+
+function getFileList_h(uuid){
+	html ='<div id="window-outter">'
+		 +  '<div id="window-inner">'
+		 +		'<div id="window-content-container">'
+		 +		'<div id="window-loading">加载中...</div>'
+		 +			'<ol id="file-list">'
+		 +			'</ol>'
+		 +		'</div>'
+		 +	'</div>'
+		 +'</div>';
+	  $.colorbox({width:"80%",height:"80%",html:html});
+	  $.getJSON("/service/filelist/uuid/"+uuid, function(data) {
+	  var items = [];
+	  if(data.length>0)
+	  {
+		  $.each(data, function(key, val) {
+			  if(val['filename'].match(/\/$/))
+			  {
+				items.push('<li id="li_' + val['id'] + '"><span id="span_'+val['id']+'">+</span> <a href="javascript:;" id="taget_'+val['id']+'" onclick="getSubFileList(\'' +val['uuid']+ '\',\''+val['id']+'\',\''+val['depth']+'\')">' + val['filename'] + '</a></li>');
+			  }else{
+				items.push('<li id="li_' + val['id'] + '">' + val['filename'] + '</li>');
+			  }
+		  });
+	  }else{
+		  items.push('<li>暂无数据</li>');
+	  }
+	  $('#file-list').html(items.join(''));
+	})
+	.complete(function() {
+		$('#window-loading').hide();
+	});
+}
+
+function ajaxpage_get(page,uuid){
+	var url = "/data/comment/uuid/"+uuid;
+	data='page='+page;
+	$.ajax({
+		type:"GET",
+		url:url,
+		data:data,
+		success:function(html){$('#allcomments').html(html);},
+		beforeSend:function(){$('#allcomments').html('<img src="/images/loading.gif" />评论加载中');}
+	});
+};
+
+//map
+//加载地图
+function initialize() {
+	var myLatlng = new google.maps.LatLng(bound.lat,bound.lng);
+
+	zoomlevel = bound.zoom;
+
+	var myOptions = {
+		zoom: zoomlevel,
+		center: myLatlng,
+		mapTypeId: google.maps.MapTypeId.HYBRID
+	}
+	map = new google.maps.Map(document.getElementById(mapElementID), myOptions);
+	
+	setRectangle(bound.east,bound.west,bound.south,bound.north);
+}
+
+function setRectangle(east,west,south,north){
+	
+	bounds = new google.maps.LatLngBounds(
+	  new google.maps.LatLng(south,west),
+	  new google.maps.LatLng(north,east)
+	);
+
+	rectangle = new google.maps.Rectangle({
+	  bounds: bounds,
+	  editable: false
+	});
+	
+	rectangle.setMap(map);
+	
+	var bounds = new google.maps.LatLngBounds();
+    bounds.extend(new google.maps.LatLng(south, west));
+	bounds.extend(new google.maps.LatLng(north,east));
+    map.fitBounds(bounds);
 }
\ No newline at end of file