{template 'header.html'}
<!-- 面包屑导航开始 -->
<div class="clear box">
{template 'position.html'}
</div><div class="blank5"></div>
<!-- 面包屑导航结束 -->

<!-- 中部开始 -->
<div class="clear box c_bg">
<div class="c_top"></div>

<!-- 左侧开始 -->
<div class="w_250">

{template 'left.html'}

<!-- 订单查询 -->
<div class="title mt20 mb20">
<h3><a>{lang(vieworders)}</a>/<span>Order</span></h3>
</div>


<div class="l_box_top"></div>
<div class="l_box">
<div class="order">
<input size="20" id="oid" class="o_text" name="oid" type="text" align="absmiple"value=" {lang(orderid)}… " onfocus="if(this.value==' {lang(orderid)}… ') {this.value=''}" onblur="if(this.value=='') this.value=' {lang(orderid)}… '" /> 
<input type="submit" id="search_btn" align="absmiple" name='submit' value=" {lang(look)} " onclick="javascript:window.location.href='<?php echo url('archive/orders');?>&oid='+document.getElementById('oid').value;" class="o_btn" />
</div>
</div>
<div class="l_box_bottom"></div>

<div class="clear"></div>
</div>
<!-- 左侧结束 -->


<!-- 右侧开始 -->
<div class="w_700">

<div id="content" style="width:650px;" class="clear">


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

<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 {clear:both; margin:12px; }
#pro_infor { float:left; overflow:hidden;}
.big_pic {
  float:left;
  width:330px;
  overflow:hidden;
  text-align:center;
  display:block;
  position:relative;
  line-height:1em; 
}

#image_box {
  margin:0 auto;
  /*非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;
  _background:none;
  border-right:1px solid white; 
  border-bottom:1px solid white;
 
}
#image_box img {
  display:block;
  width:300px;
  padding:0px;
  margin:0px auto;
  vertical-align:middle; 
}
#pro_baseinfo {float:right;width:260px;overflow:hidden;}
#image_list {clear:both;width:330px;}
#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>
<!-- 幻灯片 -->

<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>
<!-- 幻灯片 -->

<?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){
		//alert(data);
	    if(data == 'limit'){
		  	$("#dialog").html("<p>购物车最多能存12件商品</p>");
		  }

		$('#dialog').dialog('open');
			return false;
	  });
	});
});

</script>
<div id="dialog" title="{lang(prompted)}"><p>{lang(add_to_cart)}</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><span>{$archive['attr2']}</span>{lang(unit)}</li>
{/if}
{if $archive['oldprice']}
<li><strong>{lang(list_price)}：</strong><span style="text-decoration:line-through;">{$archive['oldprice']}</span>{lang(unit)} </li>
<li><strong>{lang(discount)}：</strong><span>{$archive['attr2']}</span>{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 style="width:45%;" src="{$skin_path}/images/buy.gif" /></a>&nbsp;&nbsp;&nbsp;&nbsp;<a id="dialog_link" title="{lang(makeorders)}" href="#"><img style="width:45%;" 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>
<!-- 内容说明 -->

{$archive[content]}


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

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

{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}


<!--自动调用自定义字段-->
{$archive['my_fields']}
<div class="blank20"></div>


<?php if(archive_attachment($archive['aid'],'id')) { ?>
<!-- 附件 -->
<p>
{lang(attachment)}：{attachment_js($archive['aid'])}
</p>
<?php } ?>


<!-- 相关文章开始 -->
{if is_array($likenews)}
<div class="blank30"></div>
<div class="p_info">{lang(relatedcontent)}：{$archive[tag]}</div>
<div class="blank10"></div>
<ul class="news_list">
  {loop $likenews $item}
  <li><a href="{url('archive/show/id/'.$item['aid'])}">{cut($item['title'],20)}</a></li>
  {/loop}
  </ul>
{/if}
<!-- 相关文章结束 -->

<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>

<div class="blank30"></div>
<div class="line_2"></div>
<div id="tool">
<ul>
<li><a href="javascript:window.print()" class="print">{lang(printcontent)}</a></li>
<li><a href="javascript:shutwin()" class="close">{lang(shutwin)}</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>
{if $archive[attr2]}
<li><a title="{lang(makeorders)}" target="_blank" href="{url('archive/orders/aid/'.$archive[aid],true)}" class="orders">{lang(makeorders)}</a></li>
{/if}
</ul>
</div><div class="line_2"></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>
<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="list-view">
{loop archive($topid,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="{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>

<!-- 评论框开始 -->
{template 'comment/comment.html'}
<!-- 评论框结束 -->



<div class="blank30"></div>
<a title="{lang(gotop)}" href="#" class="clear floatright"><img alt="{lang(gotop)}" src="{$skin_url}/images/gotop.gif"></a>
<div class="blank30"></div>
<div class="clear"></div>
</div>
</div>
<!-- 右侧结束 -->

<div class="c_bottom"></div>
<div class="clear"></div>
</div>
<!-- 中部结束 -->

<script defer>
var obj = document.getElementById("content").getElementsByTagName("img");
for(i=0;i<obj.length;i++){
	if(obj[i].width>620){
		obj[i].width = 620;
	}
}
</script>
{template 'footer.html'}