<?php
/*
 /skin/popular 와 mobile/skin/popular 폴더안에 넣으신후 head.php 또는 shop.head.php 페이지에 아래 소스를 추가합니다.
      <?php include_once(G5_LIB_PATH.'/popular.lib.php'); ?>
      <?php echo popular('mw.popular', '10', '1'); ?> <!-- 인기검색어 스크롤 : 스킨, 갯수, 간격 -->
*/

if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$date_gap_old = date("Y-m-d", strtotime($date_gap) - ($date_cnt * 86400));
$old = array();
$limit_cnt = $pop_cnt * 4; //4배수로 뽑아 표본확대
$sql2 = " select pp_word, count(*) as cnt from {$g5['popular_table']} where pp_date between '$date_gap_old' and '$date_gap' group by pp_word order by cnt desc, pp_word limit 0, $limit_cnt ";
$qry2 = sql_query($sql2);
$count = sql_num_rows($qry2);
for ($j=0; $row2=sql_fetch_array($qry2); $j++) {
    $old[$j] = $row2;
}
for ($i=0; $i<$pop_cnt; $i++) {
    for ($j=0; $j<$count; $j++) {
        if ($old[$j]['pp_word'] == $list[$i]['pp_word']) {
            break;
        }
    }
    $list[$i]['pp_word'] = urldecode($list[$i]['pp_word']);
    $list[$i]['pp_rank'] = $i + 1;
    if ($count == $j) {
        $list[$i]['old_pp_rank'] = 0;
        $list[$i]['rank_gap'] = 0;
    }
    else {
        $list[$i]['old_pp_rank'] = $j + 1;
        $list[$i]['rank_gap'] = $list[$i]['old_pp_rank'] - $list[$i]['pp_rank'];
    }
    if ($list[$i]['rank_gap'] > 0 && $list[$i]['old_pp_rank'] > 0)
        $list[$i]['icon'] = "up";
    else if ($list[$i]['rank_gap'] < 0)
        $list[$i]['icon'] = "down";
    //else if ($list[$i]['old_pp_rank'] == 0)
    else if ($list[$i]['rank_gap'] < 0 && $list[$i]['old_pp_rank'] > $pop_cnt || !$list[$i]['old_pp_rank'])
        $list[$i]['icon'] = "new";
    else if ($list[$i]['rank_gap'] == 0)
        $list[$i]['icon'] = "nogap";
}
?>
<style>
#scroll-layer { position:absolute; top:3px; right: 0px; margin-right:50px; border:1px solid green; padding:0 10px; overflow:hidden; background:#fff; width:190px; z-index:9;}
#scroll-layer ul,
#scroll-layer li { margin:0; padding:0; list-style:none; text-align:left; height:36px; line-height:36px; }
#popular-scroll li > div .gap { color:#444; font-size:11px; letter-spacing:-1px; padding-right:5px;  }
#popular-hidden { position:relative; padding-bottom:5px; z-index:11;}
#popular-hidden li { height:25px; line-height:25px; }
#popular-hidden .popular-tit { height:36px; line-height:36px; color:#555; text-decoration:none; }
.box-big { height:430px; }
.box-small { height:36px; }
</style>
<div id="scroll-layer" class="scroll-layer box-small">
  <ul id="popular-scroll" class="show">
    <?php
    for ($i=0; $i<$pop_cnt; $i++) {
    ?>
    <?php
        if (!is_array($list[$i])) continue;
    ?>
    <li class="ellipsis">
    <div class="pull-right">
      <!--span class="arrow <?php echo $list[$i]['icon']; ?>"><?php echo abs($list[$i]['rank_gap']); ?></span-->
      <img src="<?php echo $popular_skin_url?>/img/<?php echo $list[$i]['icon']?>.gif" align=absmiddle>
      <span class="gap"><?php if ($list[$i]['icon'] != "new" && $list[$i]['icon'] != "nogap") { echo abs($list[$i]['rank_gap']); }?></span>
    </div>
    <span class="rank-icon en bg-blue"><?php echo $i+1; ?></span>
    <a href="<?php echo G5_BBS_URL ?>/search.php?sfl=wr_subject&sop=and&stx=<?php echo urlencode($list[$i]['pp_word']) ?>"><?=$list[$i]['pp_word']?></a>
    </li>
    <?php
    }
    ?>
  </ul>
  <ul id="popular-hidden" class="hide">
    <li class="ellipsis popular-tit">실시간검색어</li>
    <?php
    for ($i=0; $i<$pop_cnt; $i++) {
    ?>
    <?php
        if (!is_array($list[$i])) continue;
    ?>
    <li class="ellipsis">
    <div class="pull-right">
      <img src="<?php echo $popular_skin_url?>/img/<?php echo $list[$i]['icon']?>.gif" align=absmiddle>
      <span class="gap"><?php if ($list[$i]['icon'] != "new" && $list[$i]['icon'] != "nogap") { echo abs($list[$i]['rank_gap']); }?></span>
    </div>
    <span class="rank-icon en bg-bllue"><?php echo $i+1; ?></span>
     <a href="<?php echo G5_BBS_URL ?>/search.php?sfl=wr_subject&sop=and&stx=<?php echo urlencode($list[$i]['pp_word']) ?>"><?=$list[$i]['pp_word']?></a>
    </li>
    <?php
    }
    ?>
  </ul>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(function() {

$("#scroll-layer").hover(
// 마우스 오버시
function(){
$("#scroll-layer").removeClass('box-small');
$("#scroll-layer").addClass('box-big');
$("#popular-scroll").removeClass('show');
$("#popular-scroll").addClass('hide');
$("#popular-hidden").addClass('show');
}
,
// 마우스 아웃시
function(){
$("#scroll-layer").removeClass('box-big');
$("#scroll-layer").addClass('box-small');
$("#popular-hidden").removeClass('show');
$("#popular-hidden").addClass('hide');
$("#popular-scroll").addClass('show');
})

var ticker = function() {
setTimeout(function(){
$('#popular-scroll li:first').animate( {marginTop: '-36px'}, 400, function()
{
$(this).detach().appendTo('ul#popular-scroll').removeAttr('style');
});
ticker();
}, 3000);
};
ticker();
});
//-->
</SCRIPT>