Frontend_LogoFeed = function(items) {
  var self = this;
  self.step = 0;

  self.scroll = function(e, delta) {
    switch (delta) {
      case 1:
        self.runLeft();
        break;
      case -1:
        self.runRight();
        break;
    }
    return false;
  }

  self.runLeft = function() {
    if ($('#logo_scroll:animated').length) {
      return false;
    }

    var left = $('#logo_scroll').position().left;
    var td_width = self.getTdWidth();
    var new_left = left - td_width;      
    if ( -left > $('#logo_scroll').width() - $('#logo_container').width()) {
      return false;
    }
    self.step++;
    var td_year = $('.logo_td:eq('+self.step+')');
    var year = $(td_year).attr('year');
    $('#history_year').html(year);
    $('#logo_scroll').animate({
      'left': new_left + 'px'
    }, 'fast', 'linear', self.toggleRunArrows);
  }

  self.runRight = function() {
    if ($('#logo_scroll:animated').length) {
      console.log($('#logo_scroll:animated'));
      return false;
    }
    var left = $('#logo_scroll').position().left;
    var td_width = self.getTdWidth();
    var new_left = left + td_width;
    if (new_left >= 0) {
      $('#logo_right').hide();
      new_left = 0;
    }
    self.step--;
    var td_year = $('.logo_td:eq('+self.step+')');
    var year = $(td_year).attr('year');
    $('#history_year').html(year);
    $('#logo_scroll').animate({
      'left': new_left + 'px'
    }, 'fast', 'linear', self.toggleRunArrows);
  }

  self.getTdWidth = function() {
    var td = $('#logo_scroll').find('td');
    var td_fake_width = $(td).outerWidth(true);
    return td_fake_width;
  }

  self.toggleRunArrows = function() {
    $('#logo_left').show();
    $('#logo_right').show();
    var left = $('#logo_scroll').position().left;
    console.log(left);
    
    if (left >= 0) {
     $('#logo_right').hide();
    }
    if ( -left > $('#logo_scroll').width() - $('#logo_container').width()) {
     $('#logo_left').hide();
    }
  }

  self.__init__ = function() {
    $('#logo_left').click(self.runLeft);
    $('#logo_right').click(self.runRight);
    $('#logo_left').mousehold(self.runLeft);
    $('#logo_right').mousehold(self.runRight);
    $('#logo_scroll').mousewheel(self.scroll);
    
    $('#logo_scroll').css('left', 0);
//    alert('left: -'+ self.getTdWidth()*items + 'px')
    self.toggleRunArrows();
  }

  self.__init__();
}