{@$page_id = "Flipped_page_".mt_rand()}
<!--@if($colorset=="Newscast")-->
{@ $nav_width = $widget_info->navigation_size+43}
{@ $nav_height = $widget_info->slider_img_height}
<!--@elseif($colorset=="Papercore")-->
{@ $nav_width = $widget_info->navigation_size}
{@ $nav_height = $widget_info->slider_img_height}
<!--@elseif($colorset=="Studiobox")-->
{@ $nav_width = ($widget_info->list_count*($widget_info->slider_img_bdsize*2))+(($widget_info->list_count-1)*50)}
{@ $slide_width = $widget_info->slider_img_width+$nav_width}
{@ $nav_width = $slide_width}
{@ $nav_height = $widget_info->slider_img_height}
<!--@elseif($colorset=="slideDeck")-->
{@ $nav_width = $widget_info->slider_img_width}
{@ $nav_height = $widget_info->slider_img_height}
<!--@else-->
{@ $nav_width = $widget_info->list_count*54+438}
{@ $nav_height = 290}
<!--@end-->


<style type="text/css">
#{$page_id} {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 5px;
	margin: 0 auto;
	width: {$nav_width}px; /* 전체 넓이 */
	height: {$nav_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>Horizontal Slider 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="Horizontal Slider : {$colorset}" style="display:none;">
	<p>적용된 옵션</p>
<!--@if($colorset=='easyAccordion')-->
	<li>슬라이드 총 갯수 : {$widget_info->list_count}</li>
	<li>슬라이드 크기는 변경할 수 없습니다.</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>썸네일 크기 : {$widget_info->thumbnail_width}, {$widget_info->thumbnail_height}</li>
	<li>썸네일 테두리 두께, 색</li>
<!--@elseif($colorset=='slideDeck')-->
	<li>슬라이드 총 갯수 : {$widget_info->list_count}</li>
	<li class="textE1">슬라이드 크기    : {$widget_info->slider_img_width} , {$widget_info->slider_img_height}</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_title=='Y')-->출력(기본)<!--@else-->출력안함<!--@end--></li>
	<li>썸네일 크기 : {$widget_info->thumbnail_width}, {$widget_info->thumbnail_height}</li>
	<li>썸네일 테두리 두께, 색</li>
<!--@else-->
	<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->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>
<!--@end-->
</div>

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