<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
?>

<link rel="stylesheet" href="<?php echo G5_PLUGIN_URL?>/jquery-flipster-master/dist/jquery.flipster.min.css">

<!-- <script src="<?php echo G5_PLUGIN_URL?>/jquery-flipster-master/demo/jquery.min.js"></script> -->
<script src="<?php echo G5_PLUGIN_URL?>/jquery-flipster-master/dist/jquery.flipster.min.js"></script>

<div id="coverflow">
    <ul class="flip-items">
        <?php
        $max_width = $max_height = 0;

        for ($i=0; $row=sql_fetch_array($result); $i++)
        {
            //print_r2($row);
            // 테두리 있는지
            $bn_border  = ($row['bn_border']) ? ' class="sbn_border"' : '';;
            // 새창 띄우기인지
            $bn_new_win = ($row['bn_new_win']) ? ' target="_blank"' : '';

            $bimg = G5_DATA_PATH.'/banner/'.$row['bn_id'];
            if (file_exists($bimg))
            {
                $banner = '';
                $size = getimagesize($bimg);

                if($size[2] < 1 || $size[2] > 16)
                    continue;

                if($max_width < $size[0])
                    $max_width = $size[0];

                if($max_height < $size[1])
                    $max_height = $size[1];

                echo '<li>'.PHP_EOL;
                if ($row['bn_url'][0] == '#')
                    $banner .= '<a href="'.$row['bn_url'].'">';
                else if ($row['bn_url'] && $row['bn_url'] != 'http://') {
                    $banner .= '<a href="'.G5_SHOP_URL.'/bannerhit.php?bn_id='.$row['bn_id'].'&amp;url='.urlencode($row['bn_url']).'"'.$bn_new_win.'>';
                }
                echo $banner.'<img src="'.G5_DATA_URL.'/banner/'.$row['bn_id'].'" alt="'.$row['bn_alt'].'"'.$bn_border.'>';
                if($banner)
                    echo '</a>'.PHP_EOL;
                echo '</li>'.PHP_EOL;

                $bn_first_class = '';
            }
        }
        ?>
    </ul>
</div>

<script>
    var coverflow = $("#coverflow").flipster();
</script>