{@$page_id = "jqFancyTransitions_page_".mt_rand()}

<style type="text/css">
#{$page_id} {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 5px;
	margin: 0 auto;
	width: {$widget_info->slider_img_width+($widget_info->slider_img_bdsize*2)}px; /* 전체 넓이 */
	height: {$widget_info->slider_img_height+($widget_info->slider_img_bdsize*2)+15}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>jqFancyTransitions 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="jqFancyTransitions : {$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>컨트롤 버튼 표시 : <!--@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/1000}초</li>
	<li class="textE1">제목 관련 옵션은 사용할 수 없습니다.</li>
	<li>내용 표시 : <!--@if($widget_info->show_content=='Y')-->출력(기본)<!--@else-->출력안함<!--@end--></li>
</div>

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