Infinite carousel

/*
Use margin-top or left to the direction
Replace $containerItems and .slide
*/
  function gallerySlide(direction) {
    var firstSlide = $containerItems.find('.slide:first-child'),
        lastSlide = $containerItems.find('.slide:last-child'),
        duration = 400;    
    // Prev Direction
    if(direction == 'prev') {
      $containerItems.find('.slide').css({'margin-top':0});
      lastSlide.prependTo($containerItems).css({
        'margin-top': '-'+heightSlide+'px'
      }).animate({
        'margin-top': 0
      }, duration);
          
    // Next Direction
    } else if( direction == 'next') {
      firstSlide
        .animate({
          'margin-top': '-'+heightSlide+'px'
        }, duration, function(){
          $(this).css({'margin-top':0}).appendTo($containerItems);
        })
    }
  }