function SlideBox(container, frequency, direction) {
  if (typeof(container) == 'string') {
    container = document.getElementById(container);
  }
  this.container = container;
  this.frequency = frequency;
  this.direction = direction;
  this.films = [];
  var divs = this.container.getElementsByTagName('div');
  this._playTimeoutId = null;
  this._slideTimeoutId = null;
  this._slidable = true;
  this._loop();
}

SlideBox.prototype = {
  _loop : function() {
    var sb = this;
    this._playTimeoutId = setTimeout(function(){sb._slide()}, this.frequency);
  },

  _slide : function() {
    var sb = this;
    var _slide = function() {
      if (!sb._slidable) return;
      var c = sb.container;
      if (sb.direction == 'top') {
        if (c.scrollTop < c.offsetHeight-2) {
          c.scrollTop += 2;
        } else {
          clearInterval(sb._slideTimeoutId);
          sb._loop();
          var ul = c.getElementsByTagName('ul')[0];
          ul.appendChild(c.getElementsByTagName('li')[0]);
          c.scrollTop = 0;
        }
      } else if (sb.direction == 'left') {
        if (c.scrollLeft < c.offsetWidth-2) {
          c.scrollLeft += 2;
        } else {
          clearInterval(sb._slideTimeoutId);
          sb._loop();
          var ul = c.getElementsByTagName('ul')[0];
          ul.appendChild(c.getElementsByTagName('li')[0]);
          c.scrollLeft = 0;
        }
      }
    }
    this._slideTimeoutId = setInterval(_slide, 10);
  },

  _mouseover : function() {
    this._slidable = false;
  },

  _mouseout : function() {
    this._slidable = true;
  }
}