// ¹ö¶¯widget
function simplescroll(c, config) {
  this.config = config ? config : { start_delay: 3000, speed: 23, delay: 4000, scrollItemCount: 1 };
  this.container = document.getElementById(c);
  this.pause = false;
  this.itemCount = 0;
  var _this = this;

  this.init = function() {
    _this.scrollTimeId = null;
    setTimeout(_this.start, _this.config.start_delay);
  };

  this.start = function() {
    var d = _this.container;
    var objAry = d.getElementsByTagName;
    if (d.getElementsByTagName('li').length > 0) {
      //      var line_height = d.getElementsByTagName('li')[0].offsetHeight;
      //if(d.scrollHeight-d.offsetHeight>=line_height)
      {
        _this.scrollTimeId = setInterval(_this.scroll, _this.config.speed);
      }
    }
  };

  this.scroll = function() {
    if (_this.pause) {
      return;
    }

    var d = _this.container;
    var iScrollTop = d.scrollTop + 2;
    //    d.scrollTop += 2;

    var line_height = d.getElementsByTagName('li')[0].offsetHeight;
    if (_this.itemCount < _this.config.scrollItemCount) {
      if ((iScrollTop % line_height) < 1) {
        d.appendChild(d.getElementsByTagName('li')[0]);
        _this.itemCount++;
        d.scrollTop = 0;
      }
      else {
        d.scrollTop = iScrollTop;
      }
    }
    else {
      _this.itemCount = 0;
      d.scrollTop = 0;
      clearInterval(_this.scrollTimeId);
      setTimeout(_this.start, _this.config.delay);
    }
  };

  this.container.onmouseover = function() {
    _this.pause = true;
  };

  this.container.onmouseout = function() {
    _this.pause = false;
  };
}