{template 'header.html'}
<div class="box line_4">
{template 'left.html'}
<!--left_1 end-->

<div class="right_2">
<div class="t_2 mb10"><div><h3>{$type[$typeid][typename]}</h3><span>Archive list</span></div></div>
<div id="position">
<strong>当前位置：</strong><a title="{get('sitename')}" href="{$base_url}">{get('sitename')}</a>{loop position($typeid) $t}<a title="{$t['name']}" href="{$t.url}">{$t['name']}</a>{/loop}
</div>
<style>

#tbody {width:600px;margin:20px auto;text-align:left;}
#mainbody {width:588px;height:450px;line-height:450px;overflow:hidden;border:5px solid #eee;padding:1px}
#mainphoto {cursor:pointer;display:block;}
#goleft {float:left;clear:left;margin:10px 5px 0 3px;padding-top:20px;}
#goright {float:right;clear:right;margin:10px 3px 0 5px;padding-top:20px;}
#photos {width:560px;height:105px;line-height:108px;margin:10px 0;border-bottom:1px solid #ccc;background:#F5F5F5;overflow:hidden;}
#mainphoto {width:588px;height:auto;}
#showArea {width:800%;}
#showArea a {display:block;float:left;width:120px;height:90px;overflow:hidden;border:1px solid #ccc;margin:5px 5px;background:white;cursor:pointer;}
#showArea img {width:120px;height:auto;}

</style>
<script type="text/javascript" src="{$base_url}/js/text_size.js"></script>

<div class="contentinfo">作者：{$archive[author]}&nbsp;&nbsp; 发布时间：{$archive[adddate]}&nbsp;&nbsp; <strong>正文大小:</strong>
  	<a href="javascript:SetSize(14)">正常</a>
	<a href="javascript:SetSize(16)">大</a>
	<a href="javascript:SetSize(18)">特大</a></div>
<div id="title">
<h1>{$archive[title]}</h1>
</div>

<div class="blank10"></div>
<!-- 幻灯片 -->
<?php $pics = unserialize($archive[pics]); ?>
{if $pics}
<div id="tbody">
    <div id="mainbody">
      <img src="{$pics[0]}" id="mainphoto" rel="{$pics[0]}" />
    </div>
    <img src="{$base_url}/images/goleft.gif" width="11" height="56" id="goleft" />
    <img src="{$base_url}/images/goright.gif" width="11" height="56" id="goright" />
    <div id="photos">
      <div id="showArea">
        <!--
          SRC: 缩略图地址
          REL: 大图地址
          NAME: 网址
        -->
        {loop $pics $pic}
        <a href="#"><img src="{$pic}" rel="{$pic}" /></a>
        {/loop}
      </div>
    </div>
</div>
{/if}
<!-- 正文 -->
<div id="content" style="width:680px;" class="text">{$archive[content]}</div>
<div class="blank30"></div>
{if $pages>1}
<div class="blank10"></div>
<div class="pages">
{archive_pagination($archive)}
</div>
<div class="blank30"></div>
{/if}
<!--自动调用自定义字段-->
{cb_data($archive)}
{loop $archive $key $value}
<?php if(setting::$var['archive'][$key]['typeid'] && setting::$var['archive'][$key]['typeid']!=$typeid){
  unset($field[$name]);
  continue;
}?>
<?php if(!eregi('^my',$key) || !$value) continue; ?>
<p> {=setting::$var['archive'][$key]['cname']}: {$value}</p>
{/loop}
<div class="blank20"></div>
<?php if(archive_attachment($archive['aid'],'id')) { ?>
<p>
附件：{attachment_js($archive['aid'])}
</p>
<?php } ?>
<div class="clear"></div>

<script type="text/javascript" >SetSize(getCookie('size'))</script>

<script language="JavaScript">
function shutwin(){
window.close();
return;}
</script>

<div class="blank30"></div>
<div id="tool">
<ul>
<li><a href="javascript:window.print()" class="print">打印本文</a></li>
<li><a href="javascript:shutwin()" class="close">关闭本页</a></li>
<li><a href="javascript:SetSize(14)" class="t_1">正常文本</a></li>
<li><a href="javascript:SetSize(16)" class="t_2">大号文本</a></li>
<li><a href="javascript:SetSize(20)" class="t_3">超大文本</a></li>
<li style="width:65px;"><a href='<?php echo url('comment/list/aid/'.$archive['aid']); ?>' class="t_4">评论</a></li>
<li style="width:50px;">推荐度：</li>
<li style="width:100px;">{$archive[strgrade]}</li>
</ul>
</div>
<div class="blank30"></div>
<div id="page">
{if $archive['p']['aid']}
<strong>上一篇：</strong><a href="{$archive['p']['url']}">{$archive['p']['title']}</a>
{else}
<strong>上一篇：</strong>无	
{/if}
<div class="clear"></div>
{if $archive['n']['aid']}
 <strong>下一篇：</strong><a href="{$archive['n']['url']}">{$archive['n']['title']}</a>
{else}
<strong>下一篇：</strong>无	
{/if}
</div>


			<div class="blank30"></div>
		<a title="返回顶部" href="#" class="clear floatright"><img alt="返回顶部" src="{$skin_url}/gotop.gif"></a>
	<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!--box end-->
<script language="javascript" type="text/javascript">
var browse = window.navigator.appName.toLowerCase();
var MyMar;
var speed = 1; //速度，越大越慢
var spec = 1; //每次滚动的间距, 越大滚动越快
var minOpa = 90; //滤镜最小值
var maxOpa = 100; //滤镜最大值
var spa = 2; //缩略图区域补充数值
var w = 0;
spec = (browse.indexOf("microsoft") > -1) ? spec : ((browse.indexOf("opera") > -1) ? spec*10 : spec*20);
function $(e) {
return document.getElementById(e);
}
function goleft() {
$('photos').scrollLeft -= spec;
}
function goright() {
$('photos').scrollLeft += spec;
}
function setOpacity(e, n) {
    if (browse.indexOf("microsoft") > -1) e.style.filter = 'alpha(opacity=' + n + ')';
    else e.style.opacity = n/100;
}
$('goleft').style.cursor = 'pointer';
$('goright').style.cursor = 'pointer';
$('mainphoto').onmouseover = function() {
setOpacity(this, maxOpa);
}
$('mainphoto').onmouseout = function() {
setOpacity(this, minOpa);
}
//$('mainphoto').onclick = function() {location = this.getAttribute('name');}
$('goleft').onmouseover = function() {
this.src = '{$base_url}/images/goleft2.gif'; MyMar=setInterval(goleft, speed);
}
$('goleft').onmouseout = function() {
this.src = '{$base_url}/images/goleft.gif'; clearInterval(MyMar);
}
$('goright').onmouseover = function() {
this.src = '{$base_url}/images/goright2.gif'; MyMar=setInterval(goright,speed);
}
$('goright').onmouseout = function() {
this.src = '{$base_url}/images/goright.gif'; clearInterval(MyMar);
}
window.onload = function() {
    setOpacity($('mainphoto'), minOpa);
    var rHtml = '';
    var p = $('showArea').getElementsByTagName('img');
    for (var i=0; i<p.length; i++) {
        w += parseInt(p[i].getAttribute('width')) + spa;
        setOpacity(p[i], minOpa);
        //p[i].onclick = function() {location = this.getAttribute('name');}
        p[i].onmouseover = function() {
            setOpacity(this, maxOpa);
            $('mainphoto').src = this.getAttribute('rel');
            $('mainphoto').setAttribute('name', this.getAttribute('name'));
            setOpacity($('mainphoto'), maxOpa);
        }
        p[i].onmouseout = function() {
            setOpacity(this, minOpa);
            setOpacity($('mainphoto'), minOpa);
        }
        rHtml += '<img src="' + p[i].getAttribute('rel') + '" width="0" height="0" alt="" />';
    }
    $('showArea').style.width = parseInt(w) + 'px';
    var rLoad = document.createElement("div");
    $('photos').appendChild(rLoad);
    rLoad.style.width = "1px";
    rLoad.style.height = "1px";
    rLoad.style.overflow = "hidden";
    rLoad.innerHTML = rHtml;
}
</script>
{template 'footer.html'}