{include "header.inc.html"}
{literal}<style type="text/css">
</style>
{/literal}
<link rel="stylesheet" href="{$themeUrl}css/category.css" type="text/css" />
<div class="w clearfix mt10">
	<div class="position">
		<span class="icon"></span>
		<a href="/">首页</a>&rsaquo; 商品详情 &rsaquo; <a href="{$baseUrl}goods/view/id/{$goodsInfo.id}">{$goodsInfo.name}</a></div>
	<div class="cat_r">
	<div class="goods_t clearfix">
	<div class="goods_t_l">
	<div class="goods_pic">
		    <a title="{$goodsInfo.name}" href="javascript:void(0);"><img id="goods_big_img" alt="" src="{$goodsInfo.preview.0.middle.url}" alt="{$goodsInfo.name}" width="300px" height="300px" /></a>
	</div>
	<div class="goods_thumb">
		{foreach from=$goodsInfo.preview item='item'}{if $item.index<5}<a href="javascript:void(0)" src="{$item.small.thumbnail.url}"  big-src="{$item.middle.url}"><img src="{$item.small.url}" width="58px" height="58px"></a>{/if}{/foreach}
	</div>
	<div class="goods_share">
		<div class="favorite"><a id="pfhlkd_fav" class="icon_fav" onclick="addToFavorite('{$goodsInfo.id}')" href="javascript:;" title="添加到商品收藏夹"><i></i>收藏商品</a></div>
	</div>
	</div>
	<div class="goods_t_r">
		<div class="goods_info">
			<ul>
			<li class="goods_name">{$goodsInfo.name}</li>
			{if $goodsInfo.promotion==1}
			<li><span class="bold red">促销价：</span><span class="red f24 yen bold">¥{$goodsInfo.priceNow|string_format:"%.2f"}</span></li>
			<li><label>活动：</label><span class="active"><span class="active_type">{$goodsInfo.promoteName}</span><span id="JS_panel_time_{$goodsInfo.id}" class="time">剩余时间：{$goodsInfo.limitTime}</span></li>
			<div class="none">13</span>天<span class="red bold">08</span>小时<span class="red bold">13</span>分</span></div>
			<script type="text/javascript">
			var limitTimer = "{$goodsInfo.limitTimer}";
			if(limitTimer!="" && !isNaN(parseInt(limitTimer,10))){ window.setInterval(setTimer,1000); }
			function setTimer(){
				var hour = limitTimer/3600;
				var yushu = limitTimer%3600;
				var hour = Math.floor(hour);
				if(hour){ hour='<span class="red bold">'+hour+"</span>小时"; }else{ hour=''; }
				var minute = Math.floor(yushu/60);
				if(minute){ minute='<span class="red bold">'+minute+"</span>分钟";}else{ minute=''; }
				var seconds = yushu%60;
				if(seconds){ seconds='<span class="red bold">'+seconds+"</span>秒";}else{ seconds=''; }
				$("#JS_panel_time_{$goodsInfo.id}").html("剩余时间："+hour+minute+seconds);
				limitTimer--;
			}
			</script>
			<li><span>本站价：<span class="yen">¥<del>{$goodsInfo.price|string_format:"%.2f"}</del></span></span>{if $goodsInfo.marketPrice>$goodsInfo.price} 市场价：<span class="yen">¥<del>{$goodsInfo.marketPrice|string_format:"%.2f"}</del></span>{/if}</li>
			{else}
			<li><span class="bold red">本站价：</span><span class="red f24 yen bold">¥{$goodsInfo.price|string_format:"%.2f"}</span></li>
			{if $goodsInfo.marketPrice>$goodsInfo.price}<li>市场价：<span class="yen">¥<del>{$goodsInfo.marketPrice|string_format:"%.2f"}</del></span></li>{/if}
			{/if}
			<li>已售：<span class="red bold">{$goodsInfo.saleNum}</span> 件</li>
			<li>支付方式：<a title="支持用支付宝、财付通快捷支付付款"><img class="ico-span ico-ydt" src="/static/images/b.png">快捷支付</a> <a title="支持用已开通网银的信用卡付款"><img class="ico-span ico-creditcard" src="/static/images/b.png">信用卡</a></li>
			</ul>
		</div>
		<div class="goods_buy">
		<div class="goods_attr">
			{foreach from=$goodsInfo.attrs item="attrItem"}{$attrId = $attrItem.type.id}{if $attrItem.type.type=="checkbox"}
			<div class="goods-attr-item">
				<div class="attr-name">{$attrItem.type.name}</div>
				<div class="attr-vals"><ul>{foreach from=$goodsInfo.attr.$attrId item="attrVal"}{if $attrVal.name}<li><a href="javascript:;">{$attrVal.name}</a></li>{/if}{/foreach}</ul></div>
			</div>
			{/if}{/foreach}
			<div class="goods-attr-item none" id="goods-attr-selected"><div class="attr-name">提示</div><div class="attr-vals">已选择：<span></span></div>
			</div>
		</div>
		{if !$goodsInfo.iid || !$goodsInfo.clickUrl}
		<dl class="clearfix">
		<dt>数量：</dt><dd><input name="goodsCount" id="goodsCount" class="number" value="1"><strong class="number_panel"><a id="goodsCountAdd" href="javascript:;"></a><a id="goodsCountMinus" href="javascript:;"></a></strong>
			件（商品数量）</dd>
		</dl>
		<input type="hidden" id="spec" value="" />
		{/if}
		<div class="buttons"><a onclick="{if $goodsInfo.iid and $goodsInfo.clickUrl}location.href='{$goodsInfo.clickUrl}'{else}addToCart('{$goodsInfo.id}',true){/if}"  class="{if $goodsInfo.iid!='' && $goodsInfo.clickUrl!=''}tao{else}buy{/if}" title="购买 {$goodsInfo.name}" href="javascript:;"></a>{if $goodsInfo.iid=='' || $goodsInfo.clickUrl==''}<a onclick="addToCart('{$goodsInfo.id}')"  class="cart" title="加入购物车" href="javascript:;"></a>{/if}</div>
<div id="short-share">
<div id="share-list" class="share-list">
	<div class="share-bd">
		<em class="share-hd">分享到：</em>
{literal}<div class="bdsharebuttonbox"><a class="bds_mshare" title="分享到一键分享" href="#" data-cmd="mshare"></a><a class="bds_bdxc" title="分享到百度相册" href="#" data-cmd="bdxc"></a><a class="bds_qzone" title="分享到QQ空间" href="#" data-cmd="qzone"></a><a class="bds_tsina" title="分享到新浪微博" href="#" data-cmd="tsina"></a><a class="bds_tqq" title="分享到腾讯微博" href="#" data-cmd="tqq"></a><a class="bds_renren" title="分享到人人网" href="#" data-cmd="renren"></a><a class="bds_weixin" title="分享到微信" href="#" data-cmd="weixin"></a><a class="bds_tieba" title="分享到百度贴吧" href="#" data-cmd="tieba"></a><a class="bds_sqq" title="分享到QQ好友" href="#" data-cmd="sqq"></a><a class="bds_tqf" title="分享到腾讯朋友" href="#" data-cmd="tqf"></a><a class="bds_qq" title="分享到QQ收藏" href="#" data-cmd="qq"></a><a class="bds_isohu" title="分享到我的搜狐" href="#" data-cmd="isohu"></a><a class="bds_more" href="#" data-cmd="more"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["mshare","bdxc","qzone","tsina","tqq","renren","weixin","tieba","sqq","tqf","qq","isohu"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["mshare","bdxc","qzone","tsina","tqq","renren","weixin","tieba","sqq","tqf","qq","isohu"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>{/literal}
	</div>
	<div class="share-ft"><b></b></div>
</div>
</div>
		</div>
	</div>
	</div>
	<div class="goods_nav">
				<ul class="tab">
					<li class="curr">商品介绍<span></span></li>
					<li class="">商品评价<a href="javascript:void(0)">({count($goodsInfo.appraise)})</a></li>
					<li class="hide">规格参数<span></span></li>
					<li class="hide">包装清单<span></span></li>
					<li class="hide">售后服务<span></span></li>
                    <li class="hide">实用指南<span></span></li><!--知识库标签-->
					<div class="clr"></div>
				</ul>
	</div>
	<div class="goods_c">
			{$goodsInfo.content}
	</div>
	<div class="goods_c goods_c_appraise">
		{foreach $goodsInfo.appraise item='appraise'}<div class="item"><div class="title"><div class="nick">{$appraise.nick}</div><div class="point">{for $intStar=1 to $appraise.point}<span class="appraise-star"></span>{/for}{for $intStar=$appraise.point+1 to 5}<span class="appraise-estar"></span>{/for}</div><div class="date">{$appraise.posttime|date_format:"Y-m-d H:i"}</div></div><div class="appraise">{$appraise.appraise}</div></div>{/foreach}
	</div>
	</div>
	<div class="cat_l">{include 'catleft.inc.html'}</div>
</div>
<div id="JS_viewHistory" class="mt10"></div>
<script type="text/javascript">
var spec = [];
function goodsAttr(spec,attr,val){ 
	var newAttr = true;for(var item in spec){ for(var attrItem in spec[item]){ if(attrItem==attr){ spec[item][attr]=val;newAttr = false; break; } } } var temp = { };temp[attr] = val;if(newAttr){ spec.push(temp); }return spec;
}
function attrToString(spec){ var s='';for(var item in spec){ for(var attr in spec[item]){ s+=attr+":"+spec[item][attr]+" "; } } return s; }
$(function(){
	$(".goods_nav .tab li").click(function(){
		$(this).siblings().removeClass('curr');$(this).removeClass('curr').addClass('curr');
		var index=$(this).index();
		$(".goods_c").each(function(idx){
			if(idx<index){ $(this).hide(); }else{ $(this).show(); }
		});
	});
	$(".attr-vals").find("ul").find("li").click(function(){
		$(this).addClass("selected").siblings().removeClass("selected");
		var attrName = $(this).parent("ul").parent(".attr-vals").prev(".attr-name").text();
		var attrVal = $(this).find("a").text();
		var attr = attrName + ":" + attrVal;
		goodsAttr(spec,attrName,attrVal);
		$("#goods-attr-selected").show();
		$("#goods-attr-selected").find(".attr-vals span").html(attrToString(spec));
		$("#spec").val(attrToString(spec));
	});
	$(".goods_thumb a").hover(function(){
		$("#goods_big_img").attr("src",$(this).attr("big-src"));
	});
});
</script>
{include "footer.inc.html"}