{@ $wi = $widget_info }
<load target="css/normalize.css" />
<load target="css/mhesliding.css" />
<load target="js/jquery.mousewheel.js" />
<load target="js/jcarousellite_1.0.1.js" />
<load target="js/jquery.easing.1.3.js" />
<load target="js/ajax.js" cond="$wi->ajax_use == 'Y' && $wi->page_type=='Y'"/>

<div class="mh_slide_tile">
	<div class="jCarouselLite{$msb_widget_count}">
		<ul>
			<!--@foreach($wi->document_list as $oDocument)-->
				<li>
					<div class="mhes_tile effect-{$wi->hover_type}">
						<a cond="$wi->view_type =='lightbox'" class="image-link" href="<!--@if($wi->zoom_s == 'T')-->{$oDocument->getThumbnail($wi->thumbnail_width*$wi->thumbnail_zoom,$wi->thumbnail_height*$wi->thumbnail_zoom,ratio)}<!--@else-->{$oDocument->getExtraValue($wi->extra_var_num)}<!--@end-->" data-lightbox="{$wi->lightbox_class}" data-title="{$oDocument->getTitleText()}">
							<load target="css/lightbox.min.css" />
							<load target="js/lightbox.js"/>
							<img src="{$oDocument->getThumbnail($wi->thumbnail_width,$wi->thumbnail_height,$wi->thumbnail_type)}" style="z-index:1; border:5px solid #000"/>
						</a>

						<a class="thum" cond="$wi->view_type =='normal'" href="{getUrl('','document_srl',$oDocument->document_srl)}">
							<img src="{$oDocument->getThumbnail($wi->thumbnail_width,$wi->thumbnail_height,$wi->thumbnail_type)}" />
						</a>

						<figcaption>
							<h2 cond="$wi->title_visibility == 'true'">
								<a href="{getUrl('','document_srl',$oDocument->document_srl)}">{$oDocument->getTitleText($wi->title_length)}</a>
							</h2>
							<p cond="$wi->icons == 'Y'" class="icon-links">
								<a href="{getUrl('','document_srl',$oDocument->document_srl)}" title="Direct"><i class="fas fa-external-link-square-alt"></i></a>
								<a title="추천"><i class="fas fa-heart"></i><span>{$oDocument->get('voted_count')}</span></a>
								<a title="댓글"><i class="fas fa-comment"></i><span>{$oDocument->getCommentCount()}</span></a>
							</p>
							<p cond="$wi->display_summary == 'Y'" class="description">
								{$oDocument->getSummary($wi->content_cut_size)}
							</p>
						</figcaption>
					</div>
				</li>
			<!--@end-->
			<include target="mhes_style.html" />
		</ul>
	</div>

	<!-- 페이지 네비게이션 -->
	<div cond="$wi->page_type=='Y'" id="mmcpageNavigation_mhes">
		<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_mhes($wi->total_count,$wi->total_page,$wi->page,$wi->page_count)}
				<!-- 중복 페이지 정보 출력을 위해 사전 초기화 -->
				{@WD_getNextClear_mhes()}
		<a href="{getUrl('page',$page-$wi->page_count,'document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="pn" cond="$page > $wi->page_count">Prev</a>
		<!--@while($page_no = WD_getNextPage_mhes2())-->
			<!--@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</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>
</div>

<script>
    lightbox.option({
      'resizeDuration':{$wi->lr_duration},
      'imageFadeDuration':{$wi->li_duration},
      'positionFromTop':{$wi->l_top},
      'disableScrolling':{$wi->l_scrolling},
      'alwaysShowNavOnTouchDevices':{$wi->lt_nav},
      'wrapAround':{$wi->l_around}
    })
</script>