var ImageSlides = new Class({

  initialize: function( ul, slideTime ){

    this.slideTime    = slideTime

    this.mainUl       = $( ul );
    this.listItems    = this.mainUl.getElements( 'li.item' );

    this.slidesCount  = this.listItems.length;
    this.currentSlide = 0;

    this.listItems.forEach( function( el, i ){
      if( i > 0 )
        el.setStyle( 'display', 'none' );
    } );

    this.nextSlide.delay( this.slideTime, this );
  },

  nextSlide: function( )
  {
    if(this.listItems[ this.currentSlide ]) {
      this.listItems[ this.currentSlide ].setStyle( 'display', 'none' );
    }
    this.currentSlide++

    if( this.currentSlide >= this.slidesCount )
      this.currentSlide = 0;

    if(this.listItems[ this.currentSlide ]) {
      this.listItems[ this.currentSlide ].setStyle( 'display', '' );
    }

    this.nextSlide.delay( this.slideTime, this );
  }

} );
