<?php
if($board->initCategory2()){
	$status_list = $board->category;
}
else{
	$status_list = kboard_ask_status();
}
?>
			<style>
			.notice{width:100%; height: 150px; overflow:hidden; color: white;}
			.rolling{position:relative; width:100%; height:auto;}
			.rolling li{width:100%; height:30px; line-height:30px;}
			</style>
			
			<div class="notice">
				<ul class="rolling" style="list-style:none;">
				<?php while($content = $list->hasNext()):?>
					<li>
						<?php if($content->category2):?>
							<span class="kboard-ask-one-status status-<?php echo array_search($content->category2, $status_list)?>"><?php echo $content->category2?></span>
						<?php endif?>
						<span class="notice_title">[<?php echo $content->option->{'item'}?>] <?php echo mb_strimwidth($content->title, 0, 40, '...', 'UTF-8')?></span>
						<span class="notice_date"><?php echo $content->getDate()?></span>
					</li>
				<?php endwhile;?>
				</ul>
			</div>
			
			<script>
			jQuery(document).ready(function(){
				var rolling = function(){
					setTimeout(function(){
						jQuery('.rolling li:first').animate({marginTop:'-30px'}, 500, function(){
							jQuery(this).detach().appendTo('.rolling').css({'margin':'0'});
						});
						rolling();
					}, 3000);
				};
				rolling();
			});
			</script>