{@ $wi = $widget_info; }
<load target="css/style.css" />
<load target="js/startstop-slider.js" />

<style>
#page-wrap { width:{$wi->w_width}px; }
#slider { height:{$wi->w_height}px; }
.slide { width:{$wi->c_width}px; }
.slide h1 a { font-size:{$wi->title_size}; color:{$wi->title_color}; }
.slide div { width:{$wi->t_width}px; }
.slide div a { font-size:{$wi->sum_font_size}; color:{$wi->sum_font_color}; }
@media all and (max-width: 479px) {
#page-wrap { width: 100%; }
#slider { width: 320px; }
.slide div { width:280px; margin-top:20px}
#slider-stopper { bottom:{$wi->w_height-15}px; right: 20px; }
.slide img { display:none }
}
</style>

<div id="page-wrap">
	<div id="slider">
		<div id="mover{$msb_widget_count}">
			<!--@foreach($wi->document_list as $oDocument)-->
			<div id="slide-1" class="slide">
				<h1 cond="$wi->title_visibility =='true' && $wi->img_only =='N'"><a href="{getUrl('','document_srl',$oDocument->document_srl)}">{$oDocument->getTitleText($wi->title_length)}</a></h1>

				<div cond="$wi->display_summary =='Y' && $wi->img_only =='N'"><a href="{getUrl('','document_srl',$oDocument->document_srl)}">{$oDocument->getSummary($wi->content_cut_size)}</a>
				<li style="margin-top:10px; text-align:right">
				<span cond="$wi->display_regdate == 'Y'" style="margin-right:10px">{$oDocument->getRegdate('Y m d')}</span>
				<span cond="$wi->display_author== 'Y'">{$oDocument->getNickName()}</span>
				</li>
				</div>

				<a href="{getUrl('','document_srl',$oDocument->document_srl)}"><img cond="$wi->img_show =='Y'" src="{$oDocument->getThumbnail($wi->thumbnail_width,$wi->thumbnail_height,$wi->thumbnail_type)}" style="<!--@if($wi->img_only == 'N')--> left:{$wi->i_width}px; <!--@else-->left: 20px;<!--@end-->" />
				<img cond="$wi->img_show =='N'" src="" /></a>
			</div>
			<!--@end-->
		</div>
	</div>
</div>

<script>
var delayLength = {$wi->duration};
</script>