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

<style type="text/css">
#{$page_id} {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 5px;
	margin: 0 auto;
	width: {$widget_info->list_count*54+438}px; /* 전체 넓이 */
	height: 290px; /* 전체 높이 */
	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; }
</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>easyAccordion Display Area</h3>
			<p>Module Name : {$widget_info->module_name}</p>
			<p style="height:30px;"><a href="#" id="opener{$colorset}">[기본 옵션값 확인]</a></p>
			<p>실제 출력 크기와 약간의 차이가 있을 수 있습니다.</p>
			</font>
		</TD>
		</TR>
		</TBODY>
		</TABLE>
	</TD>
	</TR>
	</TBODY>
	</TABLE>
</div>

<div id="{$colorset}" title="Flipped Image Gallery : easyAccordion" style="display:none;">
	<p>적용된 옵션</p>
	<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>
</div>

<script>
jQuery(document).ready(function() {
	jQuery("#{$colorset}").dialog({autoOpen: false});
	jQuery( "#opener{$colorset}" ).click(function() {
		jQuery( "#{$colorset}" ).dialog( "open" );
		return false;
	});
});
</script>