{include file="header.html"}
<style>
.w980 { width:880px; margin:0 auto; padding:0; }
.blank4 { height:4px; overflow:hidden; clear:both; }
.blank8 { height:8px; overflow:hidden; clear:both; }
.blank12 { height:12px; overflow:hidden; clear:both; }
.blank16 { height:16px; overflow:hidden; clear:both; }
/*图片展示最终页*/
#imgShow{ width:880px; margin:0 auto;}
#imgShow .dz{ text-align:left; text-indent:1em; border-bottom:2px solid #CCCCCC; height:25px; line-height:25px;}
#imgShow #imgShowA{ }
#imgShow #imgShowA img{ position:relative; top:6px;}
#imgShow #imgShowA a{ color:#666; }
#imgShow #imgShowA .left{ width:480px; float:left; text-align:left;}
#imgShow #imgShowA .right{ width:480px; float:right; text-align:right;}
#imgShow #imgShowB{ overflow:hidden;}
#imgShow #imgShowB .left{ width:680px; float:left; position:relative; }
#imgShow #imgShowB .left .next{ background:url({$template_path}images/imgbtn04.gif); width:57px; height:57px;  position:absolute; right:0px; top:180px;}
#imgShow #imgShowB .left .prev{  background:url({$template_path}images/imgbtn03.gif); width:57px; height:57px;  position:absolute; left:0px; top:180px;}
#imgShow #imgShowB .left .next a{  width:57px; height:57px; display:block;  }
#imgShow #imgShowB .left .prev a{  width:57px; height:57px; display:block;  }
#imgShow #imgShowB .left .img{ width:500px; margin:0 auto; }
#imgShow #imgShowB .left .text{ text-align:center; height:35px; line-height:35px;}
#imgShow #imgShowB .left .intro{ border-top:5px solid #F7F7F7; text-align:left; line-height:25px; padding:10px 15px; color:#666666;}

#imgShow #imgShowB .right{ width:180px; float:right; margin-right:20px; display:inline; }
#imgShow #imgShowB .right .up{ background: url({$template_path}images/imgbtn05.gif); width:180px; height:20px; }
#imgShow #imgShowB .right .down{ background: url({$template_path}images/imgbtn06.gif); width:180px; height:20px;  }
#imgShow #imgShowB .right .up a{ width:180px; height:20px; display:block; }
#imgShow #imgShowB .right .down a{ width:180px; height:20px; display:block; }
#imgShow #imgShowB .right .box{ border-bottom:2px solid #447080; border-top:2px solid #447080;  background:#EEEEEE; height:510px; overflow:hidden; padding:10px 0;  }
#imgShow #imgShowB .right .box img{ margin:8px 0 0 0;}
</style>

<div id="imgShow" style="margin-left:120px">
	<div style="font-weight: bold;margin-top: 5px">{$home.nowNave}</div> 
	<div id="imgShowA" style="margin: 0px;">
		<div class="left">
		{if $home.arti.pre_arti.arid}
			<a href="{$home.arti.pre_pic_url}" title="{$home.arti.pre_arti.name}"><img src="{$template_path}images/imgbtn01.gif" border="0" /></a>
			<a href="{$home.arti.pre_pic_url}" title="{$home.arti.pre_arti.name}">{$home.arti.pre_arti.subname}</a>
		{/if}
		</div>
		<div class="right">
		{if $home.arti.next_arti.arid}
			<a href="{$home.arti.next_pic_url}" title="{$home.arti.next_arti.name}">{$home.arti.next_arti.subname}</a>
			<a href="{$home.arti.next_pic_url}" title="{$home.arti.next_arti.name}"><img src="{$template_path}images/imgbtn02.gif" border="0" /></a>
		 {/if}
		</div>
	</div>
	
	<div class="blank16"></div>
	
	<div id="imgShowB">
		<div class="left">
			<div id="showist"> 
				<div class="img" id="article"> <img src="{$home.arti.main_pic}" alt="" border="0" id="main_img" width="500" /> </div>
				<div class="text"><h1>{$home.arti.main_pic_name}</h1></div>
			</div>
			<div class="intro"> {$home.arti.edit_comm} [<a href="{$home.arti.article_url}" target="_blank">详细...</a>] </div> 
		</div>
		<div class="right">
			<div class="up"><a id="gotop" href="#"></a></div>
			<div class="box" id="showArea"> 
			{if $home.arti.show_img_list} 
			<!-- {foreach from=$home.arti.img_list item=img_list} --> 
				<a onmousedown=showpic("{$img_list.fileid}") style="cursor:pointer"><img SRC="{$img_list.thumb_url}"  BORDER="0" title="{$img_list.descs}" style="margin: 0 0 0 30px;padding: 0;" width="120" height="90" ></a> 
				<div style="margin:5px">&nbsp;</div>
			<!-- {/foreach} --> 
			{/if}
			</div>
			<div class="down"><a id="gobottom" href="#"></a></div>
		</div>
	</div>
</div> 
<script type="text/javascript" src="js/pic.js"></script>
<script type="text/javascript" src="js/ajax.js"></script> 
<script language="JavaScript">
  {literal}
	function showpic(a)
	{
	 obj = "showist";
	 var strTemp = "ajax_pic.php?fileid=" + a;
	 send_request(strTemp);
	}

	//缩放图片到合适大小
	function ResizeImages()
	{
		var myimg,oldwidth,oldheight;
		var maxwidth=500;
		//var maxheight=480;
		var imgs = document.getElementById('article').getElementsByTagName('img');   //如果你定义的id不是article，请修改此处

		for(i=0;i<imgs.length;i++){
		 myimg = imgs[i];

		 if(myimg.width > myimg.height)
		 {
			 if(myimg.width > maxwidth)
			 {
				oldwidth = myimg.width;
				myimg.height = myimg.height * (maxwidth/oldwidth);
				myimg.width = maxwidth;
			 }
		 }else{
			 if(myimg.height > maxheight)
			 {
				oldheight = myimg.height;
				myimg.width = myimg.width * (maxheight/oldheight);
				myimg.height = maxheight;
			 }
		 }
		}
	}
	//缩放图片到合适大小
	ResizeImages();  
  {/literal}
</script>
{include file="footer.html"}