{@ $wi = $widget_info; }
<load target="css/accordion.core.css" />
<load target="js/ajax.js" cond="$wi->ajax_use == 'Y' && $wi->page_type=='Y'"/>

<style>
#tab .panel { min-height:{$wi->thumbnail_height+10}px }
#tab .panel:hover { background:{$wi->hover_bcolor}; border-color:#ddd; }
#tab .mhtitle span { font-size:{$wi->subject_size}em; color:{$wi->titles_font_color} }
#tab .mhsummary { <!--@if($wi->content_hl_s == 'Y')-->-webkit-line-clamp:{$wi->content_h_n}; height:{$wi->content_l_h*$wi->content_h_n}em;<!--@end-->line-height:{$wi->content_l_h}em; }
#tab .mhsummary a { color:{$wi->summary_font_color} }
#tab .mhthumb img:hover { box-shadow:0 0 10px rgba(0,0,0,.2);filter:alpha(opacity=100);opacity:1; <!--@if($wi->thumd_rotate == 'N')-->-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg);transition:opacity .3s;-webkit-transition:opacity .3s;transition:opacity .3s;<!--@end-->}

@media all and (max-width: 479px) {
#tab .panel { max-width:{$wi->sm_width}%; }
#tab .mhsummary { font-size:12px; padding-left:10px; }
#tab .mhthumb img { margin:3px; padding:1px; border:1px solid #ccc; alpha(opacity=80);opacity:0.8}
#tab .mhthumb img:hover { box-shadow:0 0 10px rgba(0,0,0,.2);filter:alpha(opacity=100);opacity:1;}
}
</style>

<div id="page" class="at_page">
	<ul id="tab" class="accordion">
	<!--@foreach($wi->document_list as$oDocument)-->
	<li id="at_board" class="at_board">
		<h3>{$oDocument->getTitleText($wi->subject_cut_size)}</h3>
		<div class="panel loading">
			<div class="mhthumb" cond="$wi->view_type== ''">
				<a cond="$wi->thumd_nails== 'Y' && $oDocument->document_srl" href="{$oDocument->getPermanentUrl()}">
					<img src="{$oDocument->getThumbnail($wi->thumbnail_width,$wi->thumbnail_height,$wi->thumbnail_type)}" onerror="this.src='./widgets/mh_Accordions_Tabs/skins/Accordions_Tabs/img/no_image.gif'" width="{$wi->thumbnail_width}" height="{$wi->thumbnail_height}" border="0" alt="" title="" />
				</a>
			</div>

			<div class="mhthumb" cond="$wi->view_type== 'lightbox'">
			<a cond="$wi->thumd_nails== 'Y' && $oDocument->document_srl" class="example-image-link" href="{$oDocument->getThumbnail($wi->thumbnail_width*$wi->thumbnail_zoom,$wi->thumbnail_height*$wi->thumbnail_zoom,ratio)}" data-lightbox="msk" data-title="{$oDocument->getTitleText($wi->subject_cut_size)}">
			<load target="css/lightbox.min.css" />
			<load target="js/lightbox.js"/>
				<img src="{$oDocument->getThumbnail($wi->thumbnail_width,$wi->thumbnail_height,$wi->thumbnail_type)}" onerror="this.src='./widgets/mh_Accordions_Tabs/skins/Accordions_Tabs/img/no_image.gif'" width="{$wi->thumbnail_width}" height="{$wi->thumbnail_height}" border="0" alt="" title="" />
			</a>
			</div>

			<div class="zoom-section" cond="$wi->view_type== 'zoom'">
			<load target="css/zoom.css" />
			<load target="js/cloud-zoom.1.0.2.min.js" />
				<div class="zoom-small-image">
					<a cond="$wi->thumd_nails== 'Y' && $oDocument->document_srl" href="{$oDocument->getThumbnail($wi->thumbnail_width*$wi->thumbnail_zoom,$wi->thumbnail_height*$wi->thumbnail_zoom,ratio)}"class='cloud-zoom' rel="position:'inside',showTitle:false,adjustX:-1,adjustY:-1">
						<img src="{$oDocument->getThumbnail($wi->thumbnail_width,$wi->thumbnail_height,$wi->thumbnail_type)}" onerror="this.src='./widgets/mh_Accordions_Tabs/skins/Accordions_Tabs/img/no_image.gif'" width="{$wi->thumbnail_width}" height="{$wi->thumbnail_height}" alt="" title="Your caption here" />
					</a>
				</div>
			</div>

			<div class="mhtitle">
				<span cond="$wi->titles =='Y'" class="cor"><a class="mtitle {$colorset}" href="{getUrl('','document_srl',$oDocument->document_srl)}" title="제목" >{$oDocument->getTitleText($wi->subject_cut_size)} <span cond="$wi->display_duration_new == 'Y'">{$oDocument->printExtraImages($wi->duration_new)}</span></a>
				</span>
			</div>

			<div class="mhsummary" cond="$wi->display_summary == 'Y'">
				<a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}" title="내용">{$oDocument->getSummary($wi->content_cut_size)}</a>
			</div>

			<div class="mhetc">
				<a href="{getUrl('','mid',$oDocument->mid)}" class="mhmenuname cor" title="게시판명" cond="$oDocument->menuname">Board <c class="tran {$colorset}">{$oDocument->menuname}</c></a>
				<a href="{getUrl('','mid',$oDocument->mid,'category',$oDocument->category_srl)}" class="mhcategoryname cor" title="분류명" cond="$oDocument->category->title">Category <c class="tran {$colorset}">{$oDocument->category->title}</c></a>
				<a href="{getUrl('','mid',$oDocument->mid,'search_target','extra_vars'.$oDocument->extra_var_num,'search_keyword',$oDocument->extra_value)}" class="mhextra_value cor" title="확장변수1" cond="$oDocument->extra_value">Extra1 <c class="tran {$colorset}">{$oDocument->extra_value}</c></a>
				<a href="{getUrl('','mid',$oDocument->mid,'search_target','extra_vars1'.$oDocument->extra_var_num1,'search_keyword',$oDocument->extra_value)}" class="mhextra_value cor" title="확장변수2" cond="$oDocument->extra_value1">Extra2 <c class="tran {$colorset}">{$oDocument->extra_value1}</c></a>

				<span class="mhregdate cor" cond="$wi->display_regdate == 'Y'">Data <c class="tran {$colorset}">{$oDocument->getRegdate('Y.m.d')}</c></span>
				<span class="mhauthor cor" cond="$wi->display_author== 'Y'">By <c class="tran {$colorset}">{$oDocument->getNickName()}</c></span>
				<span class="mhread cor" cond="$wi->display_readed_count== 'Y'">Views <c class="tran {$colorset}">{$oDocument->get('readed_count')}</c></span>
				<span class="mhcomment cor" cond="$wi->display_comment_count== 'Y' && $oDocument->getCommentCount()">
					<a href="{$oDocument->getPermanentUrl()}#comment">Reply <c class="tran {$colorset}">{$oDocument->getCommentCount()}</c></a>
				</span>
				<span class="mhvoted cor" cond="$wi->display_voted_count== 'Y' && $oDocument->get('voted_count')>0 ">Voted <c class="tran {$colorset}">{$oDocument->get('voted_count')}</c></span>
			</div>
		</div>
	</li>
	<!--@end-->
	</ul>

	<!-- 페이지 네비게이션 -->
	<div id="mmcpageNavigation_sk" cond="$wi->page_type=='Y'">
		<a href="{getUrl('page','','document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="goToFirst" title="First Page"><i class="fas fa-backward"></i></a>
				<!-- 페이지 정보 구하기 위해 선언 -->
				{@$page_view = WD_getNextPage($wi->total_count,$wi->total_page,$wi->page,$wi->page_count)}
				<!-- 중복 페이지 정보 출력을 위해 사전 초기화 -->
				{@WD_getNextClear()}
		<a href="{getUrl('page',$page-$wi->page_count,'document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="pn" cond="$page > $wi->page_count"><i class="fas fa-caret-left"></i> Prev</a>
		<!--@while($page_no = WD_getNextPage2())-->
			<!--@if($wi->page == $page_no)-->
				<span class="current">{$page_no}</span>
			<!--@else-->
				<span class="pageNavigations"><a href="{getUrl('page',$page_no,'document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="pageNavigation2">{$page_no}</a></span>
			<!--@end-->
		<!--@end-->
		<a href="{getUrl('page',$page+$wi->page_count,'document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="pn" cond="($page_view->last_page-$page) > $wi->page_count">Next <i class="fas fa-caret-right"></i></a>
		<a href="{getUrl('page',$page_view->last_page,'document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="goToLast" title="Last Page"><i class="fas fa-forward"></i></a>
	</div>

<load target="js/jquery.accordion.2.0.min.js" />
<script>
	$('#tab').accordion();
	$(".loading").removeClass("loading");
</script>

</div>