<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
//slick-1.8.1
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/slick/slick.css">', 0);
add_javascript('<script src="'.$latest_skin_url.'/slick/slick.min.js"></script>', 10);
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
$options['slider_width'] = (isset($options['slider_width']) && $options['slider_width']) ? $options['slider_width'] : 250;
$options['slider_height'] = (isset($options['slider_height']) && $options['slider_height']) ? $options['slider_height'] : 80;
$options['speed'] = (isset($options['speed']) && $options['speed']) ? $options['speed'] : 400;
$options['autoplayspeed'] = (isset($options['autoplayspeed']) && $options['autoplayspeed']) ? $options['autoplayspeed'] : 5000;
$options['arrows'] = (isset($options['arrows']) && $options['arrows']) ? $options['arrows'] : '';
$thumb_width = 253;
$thumb_height = 80;
?>
<style>
.header-slick-banner .slick-slider{
    width:<?php echo $options['slider_width'];?>px;
    height:<?php echo $options['slider_height'];?>px !important;
    padding-top:0px;
    position:relative;
}
</style>
<div class="header-slick-banner">
    <div data-vertical="true" data-speed="<?php echo $options['speed'];?>" data-autoplayspeed="<?php echo $options['autoplayspeed'];?>" hover="true" arrows="wht-v-s" arrowsarea="v-in-44" dots="circle-s" dotsarea="in-t-l" class="top-quick-list-banner slick-slider">
        <?php
        for ($i=0; $i<count($list); $i++) {
        $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);
        if($thumb['src']) {
            $img = $thumb['src'];
        } else {
            $img = G5_IMG_URL.'/no_img.png';
        }
        $img_content = '<img src="'.$img.'" alt="'.$thumb['alt'].'" width="'.$thumb_width.'" height="'.$thumb_height.'">';
        if($list[$i]['wr_link1']){
            //$list[$i]['href'] = $list[$i]['wr_link1'];
        }
        ?>
        <div class="slider-loop"><a href="<?php echo $list[$i]['href'] ?>" target="<?php echo ($list[$i]['wr_link1'])?'_black':'';?>"><?php echo $img_content; ?></a></div>
        <?php }  ?>
        <?php if (count($list) == 0) { //게시물이 없을 때  ?>
        <div class="sp-slider-loop"><a href="#"><img src='<?php echo $latest_skin_url;?>/img/left_top_banner01.png' /></a></div>
        <?php }  ?>
    </div>
</div>
<script type="text/javascript">
    $(document).on('ready', function() {
        $(".top-quick-list-banner").slick({
            dots: true,
            vertical: true,
            arrows: <?php echo $options['arrows'];?>,
            speed: <?php echo $options['speed'];?>,
            autoplay: true,
            autoplaySpeed: <?php echo $options['autoplayspeed'];?>
        });
    });
</script>