{@ $wi = $widget_info }
<load target="css/mhhoverz.css" />
<load target="js/cloud-zoom.1.0.2.min.js" />

<style>
.gallery_zoom {<!--@if($widget_info->display_location == 'center')-->
display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center;justify-content:center;<!--@else-->display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:left; -webkit-justify-content:left; -ms-flex-pack:left;justify-content:left;<!--@end-->}

.gallery_zoom .z-column { margin:{$widget_info->margin_size}px; }
.gallery_zoom .zoom-desc1 { background-color:{$widget_info->background_color}; text-align:center; }
.gallery_zoom .zoom-desc1 a { color:{$widget_info->titles_font_color}; font-size:{$widget_info->titles_font_size}px }

@media all and (max-width: 479px) {
.gallery_zoom { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center;justify-content:center; }
}
</style>

<div class="gallery_zoom" onclick="location.href='{getUrl('','document_srl',$oDocument->document_srl)}';">
<!--@foreach($widget_info->document_list as$oDocument)-->
	<div class="zoom-section">
		<div class="zoom-small-image z-column">
			<a href="{$oDocument->getThumbnail($widget_info->thumbnail_width*3,$widget_info->thumbnail_height*3,ratio)}" class='cloud-zoom' rel="position:'inside',showTitle:false,adjustX:-4,adjustY:-4"><img src="{$oDocument->getThumbnail($widget_info->thumbnail_width,$widget_info->thumbnail_height,$widget_info->thumbnail_type)}" onerror="this.src='./widgets/mh_hover/skins/mh_img_hover/images/no_image.gif'" width="{$widget_info->thumbnail_width}" height="{$widget_info->thumbnail_height}" border="0"/></a>
		</div>

		<div class="zoom-desc1" cond="$widget_info->titles =='Y'">
			<a href="{$oDocument->getPermanentUrl()}" class="zoom-notice1" >{$oDocument->getTitleText($widget_info->subject_cut_size)}</a>
		</div>
	</div>
<!--@end-->
</div>