var Home2Videos = new Class({

  initialize: function(){
    this.slideBox = $('slideBox');
    var icons = this.slideBox.getElements('.icon');
    this.srcLeftOn = $('slideArrowLeftImg').src;
    this.srcLeftOff = this.srcLeftOn.replace(/\.gif$/, '-off.gif');
    this.srcRightOn = $('slideArrowRightImg').src;
    this.srcRightOff = this.srcRightOn.replace(/\.gif$/, '-off.gif');

    if (icons.length > 4){
      var stepSize = 84;
      var size = (stepSize+1) * 4;
      var items = icons.map(function(item, i){
        return i + 1;
      }).slice(0, -3);
      this.ns = new noobSlide({
        box: this.slideBox,
        size: size,
        stepSize: stepSize,
        items: items,
        autoPlay: false,
        buttons: {previous: $('slideBoxLeft'), next: $('slideBoxRight') },
        fxOptions: {
          duration: 1500,
          transition: Fx.Transitions.Back.easeOut,
          wait: false
        },
        onWalk: this.handleWalk.bind(this)
      });
    }
    this.deactivate('Left');
	if (icons.length <= 4) this.deactivate('Right');
  },

  handleWalk: function(){
    if (this.ns.nextIndex == 0) this.deactivate('Right');
    else this.activate('Right');
    if (this.ns.previousIndex == (this.ns.items.length - 1)) this.deactivate('Left');
    else this.activate('Left');
  },

  deactivate: function(lr){
    $('slideBox' + lr).removeEvents('click');
    $('slideBox' + lr).removeClass('slideArrow');
    $('slideArrow' + lr + 'Img').src = this['src' + lr + 'Off'];
  },

  activate: function(lr){
    $('slideBox' + lr).addClass('slideArrow');
    $('slideArrow' + lr + 'Img').src = this['src' + lr + 'On'];
    if(!$('slideBox' + lr).$events.click){
      $('slideBox' + lr).addEvent('click',this.ns[lr == 'Right' ? 'next' : 'previous'].bind(this.ns,true));
    }
  }

});

window.addEvent('domready', function(){
  if ($('slideBox')) new Home2Videos();
});