// Carousel customization without opacity
Object.extend(UI.Carousel.prototype, {
  scroll: function(deltaPixel) { 
	if (this.animating) 
	    return this;
                                         
	  
	
	  // Compute new position
	  var position =  this.currentPosition() + deltaPixel;

	  // Check bounds
	  position = this.checkScroll(position, false);   
	  // to avoid scrolling of half boxes
	  if(position%133 !=0) {      
		position = Math.ceil(position/133) * 133;
	  }

	  // Compute shift to apply
	  deltaPixel = position - this.currentPosition();
	  if (deltaPixel != 0) {
	    this.animating = true;
	    this.fire("scroll:started"); 
	    deltaPixel = 133;              

	    var that = this;
	
	    // Move effects   
		this.container.morph(that.posAttribute + ": " + position + "px", {
	        duration: 0.3,
	        delay: 0.2,  
	        afterFinish: function() {
	        	that.animating = false;
	            that.updateButtons()
	            .fire("scroll:ended", { shift: deltaPixel / that.currentSize() });
	        }
		});
	  }
	  return this;
  }
});