{@$page_id = "Galleriffic_page_".mt_rand()}
<!--// 슬라이드 이미지 높이 + 테두리 -->
{@$slider_img_width=$widget_info->slider_img_width+($widget_info->slider_img_bdsize*2)}
{@$slider_img_height=$widget_info->slider_img_height+($widget_info->slider_img_bdsize*2)}

<!--// 제목+카테고리 높이(15px) -->
<!--@if(!$widget_info->title_height)-->
{@$grf2TiHT = 25}
<!--@else-->
{@$grf2TiHT = $widget_info->title_height}
<!--@end-->

<!--// 내용 높이(50px) -->
<!--@if(!$widget_info->content_height)-->
{@$grf2ConHT = 50}
<!--@else-->
{@$grf2ConHT = $widget_info->content_height}
<!--@end-->

{@$captionheight = 0}
<!--@if($widget_info->show_title=='Y')-->
{@$captionheight = $captionheight+$grf2TiHT}
<!--@end-->

<!--@if($widget_info->show_content=='Y')-->
{@$captionheight = $captionheight+$grf2ConHT}
<!--@end-->

<!--@if($widget_info->show_control=='Y' || $widget_info->navigation_control=='Y')-->
{@$slider_height = $widget_info->slider_img_height+30}
<!--@end-->

<!--@if($colorset=="Left")-->
{@$slider_width=$slider_img_width+10+$widget_info->navigation_size}
{@$slider_height = $widget_info->slider_img_height+$captionheight+30}
<!--@elseif($colorset=="Right")-->
{@$slider_width=$slider_img_width+$widget_info->navigation_size}
{@$slider_height = $widget_info->slider_img_height+$captionheight+30}
<!--@elseif($colorset=="Top")-->
{@$slider_width=$slider_img_width+$widget_info->navigation_size}
{@$slider_height = $slider_height+$widget_info->thumbnail_height+10}
<!--@else-->
{@$slider_width=$slider_img_width+$widget_info->navigation_size}
{@$slider_height = $slider_height+$widget_info->thumbnail_height+10}
<!--@end-->

<style type="text/css">
#{$page_id} {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 5px;
	margin: 0 auto;
	width: {$slider_width}px; /* 전체 넓이 */
	height: {$slider_height}px; /* 전체 높이 */
	border:solid 1px;
	border-color:#dacaae;
	background-color:#FBFDF1;
	text-align:justify;
	clear: both;
}
#{$page_id} h3 { margin:10px; text-align: center; width:100%; vertical-align: middle; color:red;font-family:Tahoma;font-size:9pt; }
#{$page_id} p { margin:5px; text-align: center; width:100%; vertical-align: middle; color:blue;font-family:Tahoma;font-size:9pt; }
#{$page_id} li { margin:10px; width:100%; vertical-align: middle; color:red;font-family:Tahoma;font-size:9pt; }
.textE1 {color:red;font-family:Tahoma;font-size:9pt;text-decoration:blink;text-transform:capitalize;}
</style>

<div id="{$page_id}" style="color:#99B81A">
	<TABLE cellSpacing="0" cellPadding="11px" width="100%" height="100%" border="0">
	<TBODY>
	<TR>
	<TD style="border:solid 1px;border-color:#FFFFFF;background-color:#f5f1e8;">
		<TABLE cellSpacing="0" cellPadding="15px" width="100%" height="100%" border="0">
		<TBODY>
		<TR>
		<TD bgColor="#fcfaf7" align="center">
			<font color=#977334>
			<h3>Galleriffic Display Area</h3>
			<p>Module Name : {$widget_info->module_name}</p>
			<p>실제 출력 크기와 약간의 차이가 있을 수 있습니다.</p>
			</font>
		</TD>
		</TR>
		</TBODY>
		</TABLE>
	</TD>
	</TR>
	</TBODY>
	</TABLE>
</div>

<div id="{$colorset}_Slides" title="Galleriffic : {$colorset}" style="display:none;">
	<p>적용된 옵션</p>
	<li>슬라이드 총 갯수 : {$widget_info->list_count}</li>
	<li class="textE1">슬라이드 크기 : {$widget_info->slider_img_width}, {$widget_info->slider_img_height}</li>
	<li class="textE1">네비게이션 가로 넓이 : {$widget_info->navigation_size}</li>
	<li>컨트롤 버튼 표시 : <!--@if($widget_info->show_control=='Y')-->출력(기본)<!--@else-->출력안함<!--@end--></li>
	<li>페이지 버튼 표시 : <!--@if($widget_info->navigation_control=='Y')-->출력(기본)<!--@else-->출력안함<!--@end--></li>
	<li>게시물 순서 섞기 : <!--@if($widget_info->content_items_shuffle=='Y')-->예(기본)<!--@else-->아니오<!--@end--></li>
	<li>이미지 클릭 대상 : <!--@if($widget_info->open_article=='Y')-->게시글<!--@elseif($widget_info->open_article=='Z')-->원본이미지<!--@else-->사용안함<!--@end--></li>
	<li>슬라이드 속도 : {$widget_info->slide_delay}</li>
	<li>제목 표시 : <!--@if($widget_info->show_title=='Y')-->출력(기본)<!--@else-->출력안함<!--@end--></li>
	<li>내용 표시 : <!--@if($widget_info->show_content=='Y')-->출력(기본)<!--@else-->출력안함<!--@end--></li>
	<li>썸네일 크기 : {$widget_info->thumbnail_width}, {$widget_info->thumbnail_height}</li>
	<li class="textE1">썸네일 이미지 수 : {$widget_info->cols_list_count}</li>
	<li>썸네일 테두리 두께, 색</li>
</div>

<script type="text/javascript">
jQuery(function($) {
	$("#{$colorset}_Slides").dialog({autoOpen:true,position:'center'});
});
</script>