{template header}
<link href="{SITE_URL}css/pictorial.css" rel="stylesheet" type="text/css" />
<div class="pictorial">

		<div class="page" style="width: 875px; height: 770px;">
			<div class="photonavi" style="height: 555px;">
				<div class="slide-toggle" title="折叠/展开"><span class="icon"></span></div>
				<div class="scroll-up" title="向上滚动"><span class="icon"></span></div>
				<div class="photonavi-wrap" style="height: 555px;">
					<ul class="photonavi-con">
                     <!--{php $i=1;}-->
                    <!--{loop $huaban_arrs $key $item}-->
						<li>
							<a href="#{$key}" data-num="{$i}" <!--{if $i==1}-->class="on"<!--{/if}-->>
								<img src="{$item['photo']}_200x300.jpg" alt="缩略图{$i}">
							</a>
						</li>
                      <!--{php $i++;}-->  
					<!--{/loop}-->
											</ul>
				</div>	
				<div class="scroll-down" title="向下滚动"><span class="icon"></span></div>		
			</div>
			<div class="main">
				<div class="photowrap cursor-right" data-cursor="default" style="width: 855px; height: 750px;">
					<div class="photobox" style="width: {php echo $f_pictorial['width']*750/$f_pictorial['height']}px; height: 750px; top: 50%; margin-top: -375px; left: 50%; margin-left: -249px;">
						<img src="{SITE_URL}{$f_pictorial['photo']}" data-w="1" data-h="1" alt="{$f_pictorial['description']}" style="display: inline-block;">
					</div>
					<div class="click-receiver" unselectable="on" onselectstart="return false;"></div>
					<div class="loader" style="display: none;"></div>
				</div>
			</div>
			<!--main end-->
			<div class="side" style="height: 770px;">
				<div class="progress">
                    <em class="curnum">1</em>
                    <span class="totalnum">/{$huabao_arr['num']}</span>
                </div>
                 <div class="switchmod">
				 <div class="photodesc">
				 {$f_pictorial['description']}
		</div>
		
		<div class="similarity">
			<h3>图中相似宝贝</h3>
			<div class="scrollable">
			    <div class="items clearfix">
			        <ul class="item clearfix">
			        
			           
						
						<!--{loop  $f_goods $key $item}-->
						 <!--{if  $item['name']}-->
				    	<li>
					    	<a href="{SITE_URL}{tsurl('baobei',$item['goods_id'])}" target="_blank">
				            	<img src="{SITE_URL}{$item['img']}" alt="{$item['name']}">
				            </a>
				            <span class="price">￥{$item['price']}</span>
			            </li>
							<!--{/if}--> 	
				   <!--{/loop}--> 
			            
		 
				    
				    </ul>
				</div>
			</div>
			
		</div>
		</div>
	            <div class="pictorial-navi">
                 <!--{if $huabao_arr_prev['title']}-->
	            		            		<a href="{SITE_URL}{tsurl('huabao','show',array('id'=>$huabao_arr_prev['pictorialId']))}" class="prev-pictorial">上篇画报：
						{$huabao_arr_prev['title']}
	            		</a>
                        <!--{/if}-->

                                         <!--{if $huabao_arr_next['title']}-->
	            		            			            	<a href="{SITE_URL}{tsurl('huabao','show',array('id'=>$huabao_arr_next['pictorialId']))}" class="next-pictorial">下篇画报：
		            	{$huabao_arr_next['title']}
						</a>
                        <!--{/if}-->
						            </div>
			</div>
			<!--side end-->
		</div>
		<!--page end-->
	</div>
    <div class="bottom">
		<div class="more-pictorial">
			<h2>更多精彩画报</h2>
			<ul class="clearfix" style="width: 1140px;">

	<!--{loop $move_huabao $key $item}-->
    
    <li><a class="cover-link" href="{SITE_URL}{tsurl('huabao','show',array('id'=>$item['pictorialId']))}" target="_blank"><img src="{SITE_URL}{$item['f_pictorial']['photo']}_200x300.jpg" alt="{$item['title']}"></a><p><a href="{SITE_URL}{tsurl('baobei',$item['pictorialId'])}" target="_blank">{$item['title']}</a></p></li>

										<!--{/loop}-->
			


            
            </ul>
		</div>
		
	</div>
    
    <div id="J_MorePictorialD" class="g-dialog morePictorialD">
		<div class="dialog-content">
			<div class="bd">
				<div class="hdline clearfix">
					翻完啦，接着翻翻下面这些~
					<div class="share fr">
						<span class="fl 115">分享给好友：</span>
						<a class="s-sina" href="javascript:void((function(){var title=encodeURIComponent('{$title}');var link='{SITE_URL}{tsurl('baobei',$f_pictorial['pictorialId'])}';var pic=encodeURIComponent('{SITE_URL}{$f_pictorial['photo']}');window.open('http://service.t.sina.com.cn/share/share.php?appkey=7825&title='+title+'&pic='+pic+'&url='+link);})())" alt="分享到新浪微博"></a>
						<a class="s-qzone" href="javascript:void((function(){var title=encodeURIComponent('{$title}');var link='{SITE_URL}{tsurl('baobei',$f_pictorial['pictorialId'])}';var pic=encodeURIComponent('{SITE_URL}{$f_pictorial['photo']}');window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+link);})())" alt="分享到QQ空间"></a>
						<a class="s-tencent" href="javascript:void((function(){var title=encodeURIComponent('{$title}');var link='{SITE_URL}{tsurl('baobei',$f_pictorial['pictorialId'])}';var pic=encodeURIComponent('{SITE_URL}{$f_pictorial['photo']}');window.open('http://v.t.qq.com/share/share.php?appkey=7825&url='+link+'&title='+title+'&pic='+pic+'&site='+link);})())" alt="分享到腾讯微博"></a>
						<a class="s-douban" href="javascript:void((function(){var title=encodeURIComponent('{$title}');var link='{SITE_URL}{tsurl('baobei',$f_pictorial['pictorialId'])}';var pic=encodeURIComponent('{SITE_URL}{$f_pictorial['photo']}');window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+link);})())" alt="分享到豆瓣"></a>
						<a class="s-renren" href="javascript:void((function(){var title=encodeURIComponent('{$title}');var link='{SITE_URL}{tsurl('baobei',$f_pictorial['pictorialId'])}';var pic=encodeURIComponent('{SITE_URL}{$f_pictorial['photo']}');window.open('http://share.renren.com/share/buttonshare.do?link='+link+'&title='+title);})())" alt="分享到人人网"></a>
						<a class="s-163" href="javascript:void((function(){var title=encodeURIComponent('{$title}');var link='{SITE_URL}{tsurl('baobei',$f_pictorial['pictorialId'])}';var pic=encodeURIComponent('{SITE_URL}{$f_pictorial['photo']}');window.open('http://t.163.com/article/user/checkLogin.do?link='+link+'&source=&info='+title+'&images='+pic);})())" alt="分享到网易微博"></a>
					</div>
				</div>
				<div class="more-list">
					<ul class="clearfix">
						<!--{loop $move_huabao $key $item}-->
					<li><a href="{SITE_URL}{tsurl('huabao','show',array('id'=>$item['pictorialId']))}"><img src="{SITE_URL}{$item['f_pictorial']['photo']}_200x300.jpg" alt="{$item['title']}"></a></li>
                    <!--{/loop}-->
                    </ul>
				</div>
			</div>
			<a class="close" href="javascript:;"></a>
		</div>
	</div>
    
    
    <!-- 右侧栏画报简介和相似宝贝模板 -->

{php include pubTemplate("JsConstant");}



<script src="{SITE_URL}js/jquery-1.6.4.min.js" type="text/javascript"></script>

<script type="text/javascript" src="{SITE_URL}js/jquery.tools.min.js"></script>

<script type="text/javascript" src="{SITE_URL}js/jquery.cookie.min.js?t=2012112603" async="true"></script>

<script type="text/javascript" src='{SITE_URL}js/guang.min.js?t=20120106230000.js'></script>

<script type="text/javascript" src='{SITE_URL}js/comment.min.js'></script>

<script type="text/javascript" src="{SITE_URL}js/ajaxfileupload.min.js"></script>

<!-- 右侧栏画报简介和相似宝贝模板 -->
	<script id="modTmpl" type="text/html">
		<div class="photodesc">
		    <%=description%>
		</div>
		<%if(productList.length > 0 && productList[0]) {%>
		<div class="similarity">
			<h3>图中相似宝贝</h3>
			<div class="scrollable">
			    <div class="items clearfix">
			        <ul class="item clearfix">
			        <%for(i = 0; i < productList.length; i ++) {%>
			            <%if(i > 5 && i%6 == 0) {%>
			            	</ul>
			            	<ul class="item clearfix">
			            <%}%>
				    	<li>
					    	<a href="<%=productList[i]%>" target="_blank">
				            	<img src="{SITE_URL}<%=productImg[i]%>" alt="<%=productTitle[i]%>" />
				            </a>
				            <span class="price">￥<%=productPrice[i]%></span>
			            </li>
				    <%}%>
				    </ul>
				</div>
			</div>
			<%if(productList.length > 6) {%>
			<div class="scrollnavi">
				<%for(var i = 0, len = productList.length/6; i < len; i ++) {%>
					<%if(i == 0) {%>
		            <a class="active"><%=i + 1%></a>
		            <%}else{%>
		            <a><%=i + 1%></a>	
		            <%}%>
		        <%}%>
        	</div>
        	<%}%>
		</div>
		<%}%>
	</script>	


<script type="text/javascript">
		var frameData = $p_json;

	</script>






<script type="text/javascript" src="{SITE_URL}js/pictorial.min.js"></script>
<script type="text/javascript" src="{SITE_URL}js/template.min.js"></script>

<script type="text/javascript">

$(".share a").click(function(){
		var title='{$strShare[name]} - {$TS_APP[options][appname]} - {$TS_SITE[base][site_title]}',
		link=encodeURIComponent(window.location.href),
		cls = $(this).attr("class");
		title = encodeURIComponent(title);
		switch (cls){
			case "s-sina":
				window.open('http://service.t.sina.com.cn/share/share.php?title='+title+'&pic=&url='+link);
				break;
			case "s-tencent":
				window.open('http://v.t.qq.com/share/share.php?url='+link+'&title='+title+'&pic=&site='+link);
				break;
			case "s-douban":
				window.open('http://www.douban.com/recommend/?url='+link+'&title='+title);
				break;
			case "s-qzone":
				window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+link);
				break;
			case "s-renren":
				window.open('http://share.renren.com/share/buttonshare.do?link='+link+'&title='+title);
				break;
			case "s-163":
				window.open('http://t.163.com/article/user/checkLogin.do?link='+link+'&source=&info='+title+'&images=');
		}
		
	});
	
	</script>
<script type="text/javascript" src='{SITE_URL}js/common.min.js'></script>

{template footer}