.article_score {width:100%; padding:0px 10px;text-align:left; *zoom:1;}
.article_score a {display:inline-block; width:43px; height:43px; background:url('./img/sprites_btn.gif') no-repeat; *zoom:1; vertical-align:top;}
.article_score a.btn_good {background-position:0px 0;}
.article_score:after {content:""; display:block; clear:both;}
.article_score a {display:inline-block; width:33px; height:33px; background:url('./img/sprites_btn.gif') no-repeat; *zoom:1; vertical-align:top;margin: 20px 0px 0px 0px;}
.article_score a.btn_good {background-position:0px 0;}
.article_score a.btn_nogood {background-position:-308px 0;}
.article_score .graph {display:inline-block;*zoom:1; margin:0 3px; padding:5px 0; width:215px; height:23px; background:url('./img/sprites_btn.gif') no-repeat 0 -27px;}
.article_score .score_bar_wrap{display:block;float:left;width:144px;}
.article_score .graph .line_border {display:block;width:3px; height:10px; font-size:0; background:url('./img/sprites_ico.gif') no-repeat 0 -1162px;position:absolute;right:-3px;}
.article_score .graph .score_bar {display:block;float:none;height:10px; font-size:0; background:url('./img/bg_recom1.gif') repeat-x 0 3px;position:relative;}
.article_score em { width:34px; line-height:13px; font-family:tahoma; font-size:19px; font-style:normal; text-align:center; font-weight:bold;}
.article_score em.txt_good {color:#7191af;}
.article_score em.txt_nogood {color:#9f0010;}
.limit_score a {float:left;}
.limit_score em {float:left; padding: 0px 0px 0px 10px; width:auto; /*line-height:23px;*/ margin: 19px auto;}
.article_score .graph {display:inline-block;*zoom:1; margin:0 3px; padding:5px 0; width:265px; height:23px; background:url('./img/sprites_btn.gif') no-repeat 0 0;}
.article_score .score_bar_wrap{display:block;float:left;width:194px;}
 
    <?php /* 추천 비추천 모두 사용 */
  if($is_good && $is_nogood) {
   if(!$view[wr_good] && !$view[wr_nogood]) {
    $abbab = "0.5";
   } else {
   $score_sum = $view[wr_nogood] + $view[wr_good];
   $abbab = $view[wr_good] / $score_sum;
  }
  $size = round($abbab*100);
  ?>     
  <? } else if($is_good) { /* 추천만 사용 */ ?>
     <div class="article_score limit_score">
      <a class="btn_good" href="<?php echo $good_href ? $good_href.'&'.$qstr : '#no_member' ?>" id="good_button" title="추천"  style="padding:15px 0px 0px 0px;">like</a>
   <em id="txt_good" class="txt_good"><?=number_format($view[wr_good])?> goods</em> 
  <? } ?>
   </div>
      </li>   
 </ul>
</nav>
 
 
 
<script type="text/javascript">
    $("#good_button, #nogood_button").click(function() {
  if($(this).attr('href')=="#no_member"){alert("회원만 참여 가능합니다.");return false;}
        excute_good(this.href, this.id=="good_button" ? 1:0);
        return false;
    });
    // 이미지 리사이즈
    $("#bo_v_atc").viewimageresize();
});
function excute_good(href, $tx)
{
    $.post(
        href,
        { js: "on" },
        function(data) {
            if(data.error) {
                alert(data.error);
                return false;
            }
            if(data.count) {
    if($tx)
    {
     $("#txt_good").text(number_format(String(data.count)));
     var score_good=parseInt(data.count);
     var score_nogood=parseInt($("#txt_nogood").text());
    }
    else
    {
     $("#txt_nogood").text(number_format(String(data.count)));
     var score_good=parseInt($("#txt_good").text());
     var score_nogood=parseInt(data.count);
    }
    var score_sum = score_good + score_nogood;
    var rate = score_good / score_sum;
    var size = Math.round(rate*100);
    $("#score_bar").css('width', size+"%");
    alert((!$tx ? "비" :"")+"추천이 반영되었습니다.");
            }
        }, "json"
    );
}
</script>