// JavaScript Document
(function($) {  // 滾動最新評價
  $.fn.scrollLi = function(options) {
  // 選項 
  options = options || {};
  // 判斷是否需要滾動
  var containerHeight = this.height()-2;
  var sumLiHt = 0;
  this.find('li').each(function(){
    // 這裏的this是li
    sumLiHt += $(this).outerHeight();
  });
  if(sumLiHt <= containerHeight){
    // 如果沒有超出顯示的高度，不需要滾動
	alert("不需滾動");
    return;
  }
  // 不顯示溢出的部分,超出ul的部分
  this.css('overflow', 'hidden');
  // 滾動函數
  var scroll = (function(self) {
  return function() {
    if (self.data('scroll_stop')) {
      // 停止滾動，直接返回
      return;
    }
    // 獲得第一個li
    var li = self.find('li:first');
    // 獲得上邊空白
    var t = parseInt(li.css('marginTop')) || 0;
    // 到看不見時的上邊空白（負的，移到了父元素的外邊）
    var hideMarginTop = -(li.outerHeight() + (parseInt(self.css('marginTop')) || 0));
    // 動畫移動
    li.animate({'marginTop': hideMarginTop + 'px'}, options.speed || 'slow', function() {
      // 將第一個li放到最下面
      self.append(li);
      // 恢復li的上邊空白
      li.css('marginTop', t + 'px');
    });
  };
  })(this);
  // 定時滾動
  setInterval(scroll, options.interval || 5000);
  // 鼠標
  this.hover(function() {
    // 移上去後停止滾動
    $(this).data('scroll_stop', true);
  }, function() {
    // 移出去後開始滾動
    $(this).removeData('scroll_stop');
  });
  };
})(jQuery);