{include file="lib/header.html"}
<script language="javascript">
$(document).ready(function(e) {
    $("#lastpicbtn,#nextpicbtn").click(function()
	{
		$.getJSON($(this).attr("url"),function(data)
		{
			str="";
			for(i=0;i<data.rs.length;i++)
			{
				str+='<div class="item '+(i==0?"active":"")+"\"> <img src='"+data.rs[i].picurl+"' alt=''style='width:100%; height:400px;'> </div>";
			}
			
			$("#piccarousel").html(str);
			$("#lastpicbtn").attr("url",data.lastpage);
			$("#nextpicbtn").attr("url",data.nextpage);
		});
		
	});
});
</script>
<div class="row">
<div class="span3">
<!--开始-->
<div class="accordion-group">
<div class="accordion-heading"><span class="accordion-toggle f14">相册列表</span></div>
<div class="accordion-inner">
<ul class="unstyled">
{foreach item=t from=$photo_ding}
<li><a href="index.php?m=photo&a=pic&pid={$t.pid}" title="{$t.title}">{$t.title}</a></li>
{/foreach}
</ul>
</div>
</div>
<!--结束-->

</div>
<div class="span9">
<div class="breadcrumb">相册详情</div>
<h2>{$photo.title}</h2>
<div>
<a href="javascript:;" url="index.php?m=photo&a=ajaxpic&pid={$photo.pid}&page=1" onclick="return false;" class="btn " id="lastpicbtn">上一页</a> 
<a href="javascript:;" url="index.php?m=photo&a=ajaxpic&pid={$photo.pid}&page=2" onclick="return false;" class="btn right" id="nextpicbtn">下一页</a>

</div>
<br />
<div id="myCarousel" class="carousel slide">
            <div class="carousel-inner" id="piccarousel">
<?php mod_flash('flashlist');?>
 {foreach item=t key=k from=$piclist}
  <div class="item {if $k eq 0}active{/if}">
   <img src="{$t.picurl}" alt="" style="width:100%; height:400px;">
                
   </div>
  {/foreach}
</div>
 <a class="left carousel-control icon-chevron-left" href="#myCarousel" data-slide="prev">&#8249;</a>
<a class="right carousel-control icon-chevron-right" href="#myCarousel" data-slide="next">&#8250;</a>
</div>

<div class="well">{$photo.info}</div>



</div>

</div>
{include file="lib/footer.html"}