<?php
$tv_idx = get_session("ss_tv_idx");
$tv_div['top'] = 0;
$tv_div['img_width'] = 60;
$tv_div['img_height'] = 60;
$tv_div['img_length'] = 3; // 한번에 보여줄 이미지 수
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
?>

<style>
#stv{z-index:999999; width:100%; }
.rightstv_list { width:100px !important; z-index:999999999; position: absolute !important; right: 50px;}
#slidesrightscrollban img{max-width:100% !important;}
ul#stv_nb li{text-align:center; width:100px; height:40px; border:1px solid #ddd; padding:10px 20px; text-align:center; color:#fff; margin-bottom:5px; background: url("/theme/henalhome/design/img/bg_b30.png") left top repeat;}
ul#stv_nb li a i{color:#fff; font-size:150%; }
</style>

<!-- 오늘 본 상품 시작 { -->
<aside id="stv" >
    <div id="stv_list" class="rightstv_list">

    <div style="display:block; border:1px solid #ddd; background:#fff;">
        <h2 style="color:#fff; text-align:center; background:#ef6e47; padding:15px 0;">
            오늘 본 상품
        </h2>
        <?php if ($tv_idx) { // 오늘 본 상품이 1개라도 있을 때 ?>
        <div id="stv_btn"></div>
        <?php
        $tv_tot_count = 0;
        $k = 0;
        for ($i=1;$i<=$tv_idx;$i++)
        {
            $tv_it_idx = $tv_idx - ($i - 1);
            $tv_it_id = get_session("ss_tv[$tv_it_idx]");
            $rowx = sql_fetch(" select it_id, it_name from {$g5['g5_shop_item_table']} where it_id = '$tv_it_id' ");
            if(!$rowx['it_id'])
                continue;
            if ($tv_tot_count % $tv_div['img_length'] == 0) $k++;
            $it_name = get_text($rowx['it_name']);
            $img = get_it_image($tv_it_id, $tv_div['img_width'], $tv_div['img_height'], $tv_it_id, '', $it_name);
 
$it_price = get_price($rowx); //<----추가
$print_price = is_int($it_price) ? number_format($it_price) : $it_price;  //<----추가
 
            if ($tv_tot_count == 0) echo '<ul id="stv_ul">'.PHP_EOL;
            echo '<li class="stv_item c'.$k.'">'.PHP_EOL;
            echo $img;
            echo '<br>';
            echo cut_str($it_name, 10, '').PHP_EOL;
echo $print_price.PHP_EOL;  //<----추가
echo '원';  //<----추가
            echo '</li>'.PHP_EOL;
            $tv_tot_count++;
        }
        if ($tv_tot_count > 0) echo '</ul>'.PHP_EOL;
        ?>
        <script>
        $(function() {
            var itemQty = <?php echo $tv_tot_count; ?>; // 총 아이템 수량
            var itemShow = <?php echo $tv_div['img_length']; ?>; // 한번에 보여줄 아이템 수량
            if (itemQty > itemShow)
            {
                $('#stv_btn').append('<button type="button" id="up">이전</button><span id="stv_pg"></span><button type="button" id="down">다음</button>');
            }
            var Flag = 1; // 페이지
            var EOFlag = parseInt(<?php echo $i-1; ?>/itemShow); // 전체 리스트를 3(한 번에 보여줄 값)으로 나눠 페이지 최댓값을 구하고
            var itemRest = parseInt(<?php echo $i-1; ?>%itemShow); // 나머지 값을 구한 후
            if (itemRest > 0) // 나머지 값이 있다면
            {
                EOFlag++; // 페이지 최댓값을 1 증가시킨다.
            }
            $('.c'+Flag).css('display','block');
            $('#stv_pg').text(Flag+'/'+EOFlag); // 페이지 초기 출력값
            $('#up').click(function() {
                if (Flag == 1)
                {
                    alert('목록의 처음입니다.');
                } else {
                    Flag--;
                    $('.c'+Flag).css('display','block');
                    $('.c'+(Flag+1)).css('display','none');
                }
                $('#stv_pg').text(Flag+'/'+EOFlag); // 페이지 값 재설정
            })
            $('#down').click(function() {
                if (Flag == EOFlag)
                {
                    alert('더 이상 목록이 없습니다.');
                } else {
                    Flag++;
                    $('.c'+Flag).css('display','block');
                    $('.c'+(Flag-1)).css('display','none');
                }
                $('#stv_pg').text(Flag+'/'+EOFlag); // 페이지 값 재설정
            });
        });
        </script>
        <?php } else { // 오늘 본 상품이 없을 때 ?>
        <p style="color:#fff; text-align:center;">없음</p>
        <?php } ?>

    </div>
    </div>
</aside>
<!--<script src="<?php echo G5_JS_URL ?>/scroll_oldie.js"></script>-->
<!-- } 오늘 본 상품 끝 -->
<script>
// 원본출처 http://blog.bits.kr/90 - 어떤 용도로도 자유로운 사용가능. 수정/배포도 마음대로..
// 수정 지운아빠 2013-04-30
$(function(){
    var $win = $(window);
    var top = $(window).scrollTop(); // 현재 스크롤바의 위치값을 반환합니다.
    /*사용자 설정 값 시작*/
    var speed          = 'normal';     // 따라다닐 속도 : "slow", "normal", or "fast" or numeric(단위:msec)
    var easing         = 'linear'; // 따라다니는 방법 기본 두가지 linear, swing
    var $layer         = $('#stv_list'); // 레이어 셀렉팅
    var layerTopOffset = 0;   // 레이어 높이 상한선, 단위:px
    $layer.css('position', 'absolute');
    /*사용자 설정 값 끝*/
    // 스크롤 바를 내린 상태에서 리프레시 했을 경우를 위해
    if (top > 0 )
        $win.scrollTop(layerTopOffset+top);
    else
        $win.scrollTop(0);
    //스크롤이벤트가 발생하면
    $(window).scroll(function(){
        yPosition = $win.scrollTop() - 0;
        if (yPosition < 0)
        {
            yPosition = 0;
        }
        $layer.animate({"top":yPosition }, {duration:speed, easing:easing, queue:false});
    });
});
</script>
<!-- } 오늘 본 상품 끝 -->