{@ $wi = $widget_info; }
{@ $imgPath = "widgets/mh_hoverbox/skins/hoverbox/img"}
<load target="css/mhoverbox.css" />
<load target="js/ajax.js" cond="$wi->ajax_use == 'Y' && $wi->page_type=='Y'"/>

<style>
.hoverbox a:hover .preview { top:-{$wi->thumbnail_width*.3}px; left:-{$wi->thumbnail_height*.6}px }
.hoverbox .noimg { width:{$wi->thumbnail_width}px; height:{$wi->thumbnail_height}px }
.hoverbox .hb_box .hb_title { width:{$wi->thumbnail_width*$wi->thumbnail_zoom}px; left:-{$wi->thumbnail_height*.6-3}px; bottom:-32px; }
.hoverbox .hb_box .hb_title a { font-size:{$wi->title_size}em; font-weight:bold; }
<!--@if($wi->caption_color == 'white')-->
.hoverbox .hb_box .hb_title { background:rgba(255,255,255,.8); text-shadow: #fff 0 2px 2px;}
<!--@else-->
.hoverbox .hb_box .hb_title { background:rgba(0,0,0,.4); text-shadow: #000 0 2px 2px;}
<!--@end-->
</style>

<!--[if lte IE 7]>
<link rel="stylesheet" href='css/ie_fixes.css' type="text/css" media="screen, projection" />
<![endif]-->

<div class="mh_hbox">
	<ul class="hoverbox">
		<!--@foreach($wi->document_list as $oDocument)-->
		<li class="mhoverbox">
			<div class="hb_box">
			<!--@if($oDocument->thumbnailExists($wi->thumbnail_width))-->
				<a href="{getUrl('','document_srl',$oDocument->document_srl)}"><img src="{$oDocument->getThumbnail($wi->thumbnail_width,$wi->thumbnail_height,$wi->thumbnail_type)}" alt="" /><img src="{$oDocument->getThumbnail($wi->thumbnail_width*$wi->thumbnail_zoom,$wi->thumbnail_height*$wi->thumbnail_zoom,$wi->thumbnail_type)}" alt="" class="preview" /></a>
			<!--@else-->
				<a href="{getUrl('','document_srl',$oDocument->document_srl)}"><img src="{$imgPath}/no_image.gif" class="noimg"/></a>
			<!--@end-->
				<div cond="$wi->title =='Y'" class="hb_title cor">
					<a class="{$colorset}" href="{getUrl('','document_srl',$oDocument->document_srl)}">{$oDocument->getTitleText($wi->subject_cut_size)}</a>
				</div>
			</div>
		</li>
		<!--@end-->
	</ul>

	<!-- 페이지 네비게이션 -->
	<div id="mmcpageNavigation_box" 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_hb($wi->total_count,$wi->total_page,$wi->page,$wi->page_count)}
				<!-- 중복 페이지 정보 출력을 위해 사전 초기화 -->
				{@WD_getNextClear_hb()}
		<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_hb2())-->
			<!--@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>