{template "header.html", "/"}
<script language="javascript">
	// 这是加入收藏夹的ajax请求，我就随意写了一下提示信息，至于美化啊什么交给你们了
	function dr_favorite() {
		$.get("/index.php?s={MOD_DIR}&c=api&m=favorite&id={$id}", function(data){
			if (data == 1) {
				dr_tips("没有登录，不能收藏");
			} else if (data == 2) {
				dr_tips("文档不存在，无法收藏");
			} else if (data == 3) {
				dr_tips("更新收藏成功", 3, 1);
			} else if (data == 4) {
				dr_tips("收藏成功", 3, 1);
			}
		});
	}
</script>
<div class="page-container">
	<div class="page-content-wrapper">
		{template "header.html"}
		<div class="page-content">
			<div class="container">

				<ul class="page-breadcrumb breadcrumb">
					<li>
						<a href="{SITE_URL}">首页</a>
						<i class="fa fa-circle"></i>
					</li>
					{if !IS_SHARE}
					<li>
						<a href="{MODULE_URL}">{MODULE_NAME}</a>
						<i class="fa fa-circle"></i>
					</li>
					{/if}
					{dr_catpos($catid, '', true, '<li><a href="{url}">{name}</a><i class="fa fa-circle"></i></li>')}
					<li>
						<span>{$title}</span>
					</li>
				</ul>

				<div class="page-content-inner">
					<div class="search-page search-content-2">
						<div class="row">
							<div class="col-md-12">

								<div class="portlet light">
									<div class="portlet-title">
										<div class="caption">
											<span class="caption-subject font-dark bold uppercase">{$title}</span>
										</div>
										<div class="actions">
											<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title="全屏查看"> </a>
										</div>
									</div>
									<div class="search-post-foot" style="padding-top:0px;text-align:left;padding-bottom: 10px">
										<div class="search-post-meta">
											<i class="icon-user font-blue"></i>
											<a href="javascript:;">{$author}</a>
										</div>
										<div class="search-post-meta">
											<i class="icon-calendar font-blue"></i>
											<a href="javascript:;">{$updatetime}</a>
										</div>
										<div class="search-post-meta">
											<i class="icon-fire font-blue"></i>
											<a href="javascript:;">{dr_show_hits($id)}次</a>
										</div>
										<div class="search-post-meta">
											<i class="icon-bubble font-blue"></i>
											<a href="javascript:;">{$comments}</a>
										</div>
										<div class="search-post-meta">
											<i class="icon-flag font-blue"></i>
											<a href="javascript:dr_favorite();">加入收藏</a>
										</div>
									</div>
									<div class="portlet-body" style="height: auto;">
										{$content}
									</div>

									<div class="blog-single-foot">
										<div id="myphoto">
											<div class="row">

												<div class="col-md-12">
													<div id="photosDemo" class="photos-demo">
														<!-- layer-src表示大图  layer-pid表示图片id  src表示缩略图-->

														{loop $images $i $t}
														<img layer-src="{dr_get_file($t.file)}" layer-pid="" src="{dr_thumb($t.file, 200, 200)}" alt="{$t.title}">

														{/loop}

													</div>
												</div>
											</div>
										</div>
										<ul class="blog-post-tags" style="margin-top: 20px;">
											{loop $keyword_list $name $url}
											<li class="uppercase">
												<a href="{$url}" target="_blank">{$name}</a>
											</li>
											{/loop}
										</ul>
										<p class="f14" style="margin-bottom: 0">
											<strong>上一篇：</strong>{if $prev_page}<a href="{$prev_page.url}">{$prev_page.title}</a>{else}没有了{/if}<br>
											<strong>下一篇：</strong>{if $next_page}<a href="{$next_page.url}">{$next_page.title}</a>{else}没有了{/if}
										</p>
									</div>

									{dr_module_comment(MOD_DIR, $id)}

								</div>


							</div>
						</div>
					</div>


				</div>
			</div>
		</div>
	</div>
</div>

<style>
	#photosDemo img {
		margin-bottom: 20px;
		margin-right: 15px;
		width: 200px;
		padding:5px;
		height: 150px;
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 4px;
		cursor: pointer;
	}
</style>
<script type="text/javascript" src="{THEME_PATH}js/layer/layer.js"></script>
<script type="text/javascript">
jQuery(function($) {
		//加载扩展模块
		layer.config({
			extend: 'extend/layer.ext.js'
		});

		//页面一打开就执行，放入ready是为了layer所需配件（css、扩展模块）加载完毕
		layer.ready(function(){
			//使用相册
			layer.photos({
				photos: '#photosDemo'
			});
		});



	});
</script>

{template "footer.html", "/"}