{template 'header.html'}
<div id="bd">
    	{template 'left.html'}
      <div id="bd_rightg">
        <div class="rightg_content">
		{template 'position.html'}
        	
            <div class="content2">
            <div class="pd_title">{$type[$typeid][typename]}</div>
                       

<style>
#tbody {width:680px;margin:20px auto;text-align:left;}
#mainbody {width:668px;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:640px;height:105px;line-height:108px;margin:10px 0;border-bottom:1px solid #ccc;background:#F5F5F5;overflow:hidden;}
#mainphoto {width:668px;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; 浏览 :{view_js($archive[aid])}</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="{$base_url}/{$pics[0]}" id="mainphoto" rel="{$base_url}/{$pics[0]}" onerror='this.src="{config::get('onerror_pic')}"' />
    </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="{$base_url}/{$pic}" onerror='this.src="{config::get('onerror_pic')}"' rel="{$base_url}/{$pic}" /></a>
        {/loop}
      </div>
    </div>
</div>
{/if}
<!-- 正文 -->
<div id="content" style="width:685px;" class="text pd">{$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}
<!--自动调用自定义字段-->
<?php
$set_field=type::getpositionlink($data['typeid']);
foreach($set_field as $key => $value) {
    $set_fields[]=$value[id];
}
?>
{cb_data($archive)}
{loop $archive $key $value}
<?php if(setting::$var['archive'][$name]['typeid'] && !in_array(setting::$var['archive'][$name]['typeid'],$set_fields)){
  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="blank30"></div>

<?php if(hasflash()) { ?>
        <div style="color:red;font-size:16px;"><?php echo showflash(); ?></div><?php } ?>

        {vote_js($archive[aid])}


<script language="JavaScript">
function shutwin(){
window.close();
return;}
</script>
{if get('lang_type')=='cn'}
<div class="blank30"></div>
<!-- JiaThis Button BEGIN -->
<div id="ckepop" style="margin-left:10px;">
<a href="http://www.jiathis.com/share/" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank">分享到：</a>
<a class="jiathis_button_tools_1"></a>
<a class="jiathis_button_tools_2"></a>
<a class="jiathis_button_tools_3"></a>
<a class="jiathis_button_tools_4"></a>
</div>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->
{/if}
<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 style="width:65px;"><a href='<?php echo url('comment/list/aid/'.$archive['aid']); ?>' class="t_4">评论</a></li>
<li style="width:60px;">推荐度：</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="{lang(gotop)}" href="#" class="clear floatright"><img alt="{lang(gotop)}" src="{$skin_url}/gotop.gif"></a>
	<div class="clear"></div></div>
            </div>


      <div class="clear"></div>
    </div>
	<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'}