{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="blank30"></div>

<script type="text/javascript" src="{$skin_path}/js/jquery-1.3.2.min.js"></script>
<script src="{$skin_path}/js/products_pic/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
<script src="{$skin_path}/js/products_pic/jquery.jcarousel.pack.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="{$skin_path}/js/products_pic/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="{$skin_path}/js/products_pic/skin.css" />
<link rel="stylesheet" type="text/css" href="{$skin_path}/js/products_pic/jqzoom.css" />
<style type = "text/css">
#pro_view {margin:12px;width:650px;}
#pro_infor {}
.big_pic {
  float:left;
  width:350px;
  overflow:hidden;
  text-align:center;
  display:block;
  position:relative;
  line-height:1em;
}

#image_box {
  margin:0 auto;
  width:326px;
  height:90%;
  /*非IE的主流浏览器识别的垂直居中的方法*/
  display: table-cell;
  vertical-align:middle;
  /*设置水平居中*/
  text-align:center;
  /* 针对IE的Hack */
  *display: block;
  *font-size: 139px;/*约为高度的0.873，200*0.873 约为175*/
  *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
  padding:5px;
  border:1px solid #ccc;
  _border:none;
  background:url({$skin_path}/images/pic_bg.gif) left top no-repeat;
  border-right:1px solid white; 
  border-bottom:1px solid white;
}
#image_box img {
  display:block;
  width:326px;
  margin:0px auto;
  vertical-align:middle;
  
}
#pro_baseinfo {float:right; width:290px;}
#image_list {clear:both;}
#image_list li {height:54px;overflow:hidden;}
#image_list img {height:50px; padding:2px;cursor:pointer;}

#pro_baseinfo ul li {line-height:32px;}
.p_info {height:40px;line-height:40px;padding-left:20px;background:url({$skin_path}/images/comment.gif) left center no-repeat;border-bottom:1px dotted #ccc;}
</style>
<!-- 幻灯片 -->

<?php $pics = array_values(unserialize($archive[pics])); ?>

<script type="text/javascript">

$(function() {
	// 放大镜
	var options =
	{
		zoomWidth: 350,
		zoomHeight: 250,
		showEffect:'show',
		hideEffect:'fadeout',
		fadeoutSpeed: 'slow',
		title :false
	}
	$(".jqzoom").jqzoom(options);
	// 图片左右滚动
	$('#image_list').jcarousel();
	// 点击小图更换大图
	$('#image_list img:only-child').click(function(){
		$('#current_img').attr('src', this.src);
		// 大图的命名方式为 小图 + 下划线
		$('#current_img').parent().attr('href', this.alt);
	});
	$('#dialog').dialog({
		autoOpen: false,
		width   : 300,
		buttons : {
			"继续购物"    : function() { 
							 $(this).dialog("close"); 
						   }, 
			"去购物车结算": function() {
							window.location.href= "{url('archive/orders',true)}";
							$(this).dialog("close"); 
						   } 
				 }
	});
	$('#dialog_link').click(function(){
	  $.get("{url('archive/doorders/aid/'.$archive['aid'],true)}", null,function(data){
		$('#dialog').dialog('open');
			return false;
	  });
	});
});

</script>

<link type="text/css" href="{$base_url}/common/js/jquery/ui/jquery-ui-1.7.3.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="{$base_url}/common/js/jquery/ui/jquery-ui-1.7.3.custom.min.js"></script>
<div id="dialog" title="本站提示"><p>加入购物车成功!</p></div>

<div id="pro_view">
<div id="pro_infor">

<!-- 左侧产品图 -->
<div class="big_pic">
<div id="image_box">
<a href="{$pics[0]}" class="jqzoom" title=""><img src="{$pics[0]}"  onerror='this.src="{config::get('onerror_pic')}"' alt="" id="current_img"></a>
</div>

<div class="blank10"></div>
<!-- 小图滚动列表 -->
<ul id="image_list" class="clear jcarousel-skin-tango">
{loop $pics $pic}
{if $pic}<li><img src="{$pic}" alt="{$pic}" onerror='this.src="{config::get('onerror_pic')}"' /></li>{/if}
{/loop} 
</ul>

</div>

<!-- 右侧说明 -->
<div id="pro_baseinfo">
<ul>
<li><strong>{lang(productname)}：</strong>{$archive[title]}</li>
{if $archive[attr2]}<li><strong>{lang(price)}：</strong>{$archive[attr2]} {lang(unit)}</li>{/if}
<li><strong>{lang(view)}：</strong>{view_js($archive[aid])}</li>
<li><strong>{lang(adddate)}：</strong>{$archive[adddate]}</li>
<li><strong>{lang(strgrades)}：</strong>{$archive[strgrade]}</li>
<li>&nbsp;</li>
{if $archive[attr2]}<li><a target="_blank" href="{url('archive/orders/aid/'.$archive[aid],true)}"><img src="{$skin_path}/images/buy.gif" /></a>&nbsp;&nbsp;&nbsp;&nbsp;<a id="dialog_link" title="{lang(makeorders)}" href="#"><img src="{$skin_path}/images/shopping.gif" /></a></li>{/if}
</ul>
</div>
</div>

</div>

<div class="blank30"></div>
<div class="p_info">{lang(pintro)}：</div>
<div class="blank30"></div>
<div id="content" style="width:680px;" class="pd">
{$archive[content]}
</div>
<div class="blank30"></div>

{if $archive[tag]}
<!-- tag -->
<div class="blank10"></div>
{lang(tag)}： {$archive[tag]}
{/if}

{if $archive[special]}
<!-- 专题 -->
<div class="blank10"></div>
{lang(special)}： {$archive[special]}
{/if}


{if $archive[type]}
<!-- 分类 -->
<div class="blank10"></div>
{lang(type)}： {$archive[type]}
{/if}


{if $archive[area]}
<!-- 地区 -->
<div class="blank10"></div>
{lang(area)}： {$archive[area]}
{/if}

<div class="blank30"></div>
{if $pages>1}
<!-- 内页分页 -->
<div class="blank10"></div>
<div class="pages">
{archive_pagination($archive)}
</div>
<div class="blank30"></div>
{/if}



<!-- 相关产品 -->
<div class="blank30"></div>
<div class="p_info">{lang(related_products)}：</div>
<div class="blank30"></div>

<!-- 滚动图片开始 -->
<script type="text/javascript" src="{$skin_path}/js/jquery.bxSlider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
<!--用于滚动图片-->
    if($('#scroll a').length > 0){
	$('#scroll').bxSlider({
		auto: true,
		displaySlideQty:4,
		prevText: '',
		nextText: '',
		moveSideQty: 1
	});
	}
});
</script>

<div class="scroll">
<ul id="scroll" class="">
{loop archive($catid,0,0,'0,0,0',20,'rand()',10,true,0) $i $archive}
<li><div class="img-wrap"><a title="{$archive['stitle']}" target="_blank" href="{$archive['url']}"><img alt="{$archive['stitle']}" src="{$archive['thumb']}" onerror='this.src="{$base_url}/{config::get('onerror_pic')}"' /></a></div>
<h5><a title="{$archive['stitle']}" target="_blank" href="{$archive['url']}">{$archive['title']}</a></h5>{if $archive['attr2']}{lang(price)}	:	<span>{$archive['attr2']}</span>{lang(unit)}{/if}
</li>
{/loop}
</ul>
</div>
<!-- 滚动图片结束 -->



<div class="blank30"></div>

<!--自动调用自定义字段-->
<?php
$set_field=type::getpositionlink($data['typeid']);
$set_fields=array();
if(is_array($set_field))
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(!preg_match('/^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>
{lang(attachment)}：{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])}

<!-- 自定义表单开始 -->
{if $archive['showform']}<div class="blank30"></div>
{template 'myform/nrform.html'}
{/if}
<!-- 自定义表单结束 -->


<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">{lang(printcontent)}</a></li>
<li style="width:90px; padding-left:5px;"><a href='<?php echo url('comment/list/aid/'.$archive['aid']); ?>' class="t_4">{lang(comment)}</a></li>
</ul>
</div>

<div class="blank30"></div>
<div id="page">
{if $archive['p']['aid']}
<strong>{lang(archivep)}：</strong><a href="{$archive['p']['url']}">{$archive['p']['title']}</a>
{else}
<strong>{lang(archivep)}：</strong>{lang(nopage)}	
{/if}
<div class="clear"></div>
{if $archive['n']['aid']}
 <strong>{lang(archiven)}：</strong><a href="{$archive['n']['url']}">{$archive['n']['title']}</a>
{else}
<strong>{lang(archiven)}：</strong>{lang(nopage)}	
{/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> 
function resizeImg(obj)
{ 
var obj = document.getElementById(obj); 
var objContent = obj.innerHTML;
var imgs = obj.getElementsByTagName('img'); 
if(imgs==null) return; 
for(var i=0; i<imgs.length; i++) 
{ 
if(imgs[i].width>parseInt(obj.style.width)) 
{ 
imgs[i].width = parseInt(obj.style.width);
} 
} 
} 
window.onload = function() {resizeImg('content');
} 
</script>
{template 'footer.html'}