function simpleSideScroll3(c, ul, config, direction) {
  this.config = config ? config : { start_delay: 3000, speed: 23, delay: 4000, scrollItemCount: 1 };
  this.c = document.getElementById(c);
  this.ul = document.getElementById(ul);
  this.direction = direction ? direction : "left";
  this.pause = false;
  this.buttonlist = new Object();
  this.delayTimeId = null;

  var _this = this;



  this.c.onmouseover = function() { _this.pause = true; }
  this.c.onmouseout = function() { _this.pause = false; }

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

  this.start = function() {
    var d = _this.c;
    var width = d.getElementsByTagName('li')[0].offsetWidth;
    if (d.scrollWidth - d.offsetLeft >= width) _this.scrollTimeId = setInterval(_this.scroll, _this.config.speed)
  };

  this.setButton = function(id, direction) {
    if (document.getElementById(id)) {
      var c = document.getElementById(id);
      var buttonlist = _this.buttonlist;
      if (buttonlist[id] == undefined) {
        buttonlist[id] = new Object();
        _this.buttonlist[id][0] = c;
        _this.buttonlist[id][1] = direction;

        c.onclick = function() {
          clearInterval(_this.scrollTimeId);

          var dir = _this.buttonlist[this.id][1];
          var d = _this.c;
          var ul = _this.ul;
          d.scrollLeft = 0;
          if (dir == "left") {
            for (var i = 0; i < _this.config.scrollItemCount; i++) { ul.appendChild(ul.getElementsByTagName('li')[0]); }
          }
          else {
            var lis = ul.getElementsByTagName('li');
            for (var i = 0; i < _this.config.scrollItemCount; i++) {
              ul.insertBefore(lis[lis.length - 1], lis[0]);
            }
          }

          _this.direction = dir;
          clearTimeout(_this.delayTimeId);
          _this.delayTimeId = setTimeout(_this.start, _this.config.delay);
          return false;
        }
      }
    }
  }
}


function simpleSideScroll(c, ul, config, direction) {
  this.config = config ? config : { start_delay: 3000, speed: 23, delay: 4000, scrollItemCount: 1 };
  this.c = document.getElementById(c);
  this.ul = document.getElementById(ul);
  this.direction = direction ? direction : "left";
  this.pause = false;
  this.buttonlist = new Object();
  this.delayTimeId = null;
  this.itemCount = 0;

  var _this = this;

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

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

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

  this.start = function() {
    var d = _this.c;
    var width = d.getElementsByTagName('li')[0].offsetWidth;
    if (d.scrollWidth - d.offsetLeft >= width) {
      _this.scrollTimeId = setInterval(_this.scroll, _this.config.speed)
    }
  };

  this.scroll = function() {
    if (_this.pause) {
      return;
    }
    var ul = _this.ul;
    var d = _this.c;
    var width = d.getElementsByTagName('li')[0].offsetWidth;
//    alert(width);
    if (_this.direction == 'left') {
      // move left
//      alert(d.scrollLeft);
      var iScroll = d.scrollLeft + 2;
      //      d.scrollLeft += 2;
      if (_this.itemCount < _this.config.scrollItemCount) {
        if (iScroll % width < 1) {
          ul.appendChild(ul.getElementsByTagName('li')[0]);
          _this.itemCount++;
          d.scrollLeft = 0;
        }
        else {
          d.scrollLeft = iScroll;
        }
      }
      else {
        _this.itemCount = 0;
        d.scrollLeft = 0;
        clearInterval(_this.scrollTimeId);
        _this.delayTimeId = setTimeout(_this.start, _this.config.delay);
      }
    }
    else {
      // move right
      d.scrollLeft -= 2;
      if (_this.itemCount < _this.config.scrollItemCount) {
        var lis = ul.getElementsByTagName('li');
        var width = lis[lis.length - 1].offsetWidth;
        ul.insertBefore(lis[lis.length - 1], lis[0]);
        d.scrollLeft = width;
        _this.itemCount++;
      }
      else {
        _this.itemCount = 0;
        d.scrollLeft = 0;
        clearInterval(_this.scrollTimeId);
        _this.delayTimeId = setTimeout(_this.start, _this.config.delay);
      }

      /*
      if(d.scrollLeft == 0)
      {
      var lis = ul.getElementsByTagName('li');
      for(var i=0;i<_this.config.scrollItemCount;i++)
      {
      ul.insertBefore(lis[lis.length-1],lis[0]);
      }
      d.scrollLeft = width;
      }
   
   if(d.scrollLeft%width<=1)
      {
      d.scrollLeft=0;
      clearInterval(_this.scrollTimeId);
      _this.delayTimeId=setTimeout(_this.start,_this.config.delay);
      }
   
    * 
      */


    }
  };

  this.setButton = function(id, direction) {
    if (document.getElementById(id)) {
      var c = document.getElementById(id);
      var buttonlist = _this.buttonlist;
      if (buttonlist[id] == undefined) {
        buttonlist[id] = new Object();
        _this.buttonlist[id][0] = c;
        _this.buttonlist[id][1] = direction;

        c.onclick = function() {
          clearInterval(_this.scrollTimeId);

          var dir = _this.buttonlist[this.id][1];
          var d = _this.c;
          var ul = _this.ul;
          d.scrollLeft = 0;

          if (dir == "left") {
            for (var i = 0; i < _this.config.scrollItemCount; i++) {
              ul.appendChild(ul.getElementsByTagName('li')[0]);
            }
          }
          else {
            var lis = ul.getElementsByTagName('li');
            for (var i = 0; i < _this.config.scrollItemCount; i++) {
              ul.insertBefore(lis[lis.length - 1], lis[0]);
            }
          }

          _this.direction = dir;
          clearTimeout(_this.delayTimeId);
          _this.delayTimeId = setTimeout(_this.start, _this.config.delay);
          return false;
        }
      }
    }
  };
}