diff --git a/src/responsive-carousel.dynamic-containers.js b/src/responsive-carousel.dynamic-containers.js
index 52ab22e..fd98dbb 100644
--- a/src/responsive-carousel.dynamic-containers.js
+++ b/src/responsive-carousel.dynamic-containers.js
@@ -11,6 +11,8 @@
 	var pluginName = "carousel",
 		initSelector = "." + pluginName,
 		itemClass = pluginName + "-item",
+		prevClass = itemClass + "-prev",
+		nextClass = itemClass + "-next",
 		activeClass = pluginName + "-active",
 		rowAttr = "data-" + pluginName + "-slide",
 		$win = $( window ),
@@ -32,7 +34,7 @@
 				}
 				
 				$kids
-					.removeClass( itemClass + " " + activeClass )
+					.removeClass( itemClass + " " + activeClass + " " + prevClass + " " + nextClass )
 					.each(function(){
 						var prev = $( this ).prev();
 						
@@ -53,6 +55,7 @@
 				}
 				
 				$self[ pluginName ]( "update" )
+					[ pluginName ]( "_addNextPrevClasses" )
 					// initialize pagination
 					.trigger( "goto." + pluginName );
 				
diff --git a/src/responsive-carousel.js b/src/responsive-carousel.js
index af811b6..c97ec3a 100644
--- a/src/responsive-carousel.js
+++ b/src/responsive-carousel.js
@@ -122,7 +122,10 @@
 			},
 
 			update: function(){
-				$(this).children().not( "." + navClass ).addClass( itemClass );
+				$(this).children().not( "." + navClass )
+					.addClass( itemClass )
+					.first()
+					.addClass( activeClass );
 
 				return $(this).trigger( "update." + pluginName );
 			},
diff --git a/src/responsive-carousel.slide.css b/src/responsive-carousel.slide.css
index 6ab0614..c2bbc08 100644
--- a/src/responsive-carousel.slide.css
+++ b/src/responsive-carousel.slide.css
@@ -21,11 +21,6 @@
 	width: 100%; /* necessary for non-active slides */
 	display: block; /* overrides basic carousel styles */
 	z-index: 1;
-	-webkit-transition: left .2s ease;
-	-moz-transition: left .2s ease;
-	-ms-transition: left .2s ease;
-	-o-transition: left .2s ease;
-	transition: left .2s ease;
 }
 .carousel-no-transition .carousel-item {
 	-webkit-transition: none;
@@ -39,23 +34,25 @@
 	position: relative;
 	z-index: 2;
 }
+.carousel-slide .carousel-item-prev {
+	left: -100%;
+}
+.carousel-slide .carousel-out {
+	left: -100%;
+	-webkit-transition: left .2s ease;
+	-moz-transition: left .2s ease;
+	-ms-transition: left .2s ease;
+	-o-transition: left .2s ease;
+	transition: left .2s ease;
+}
 .carousel-slide .carousel-in {
 	left: 0;
+	-webkit-transition: left .2s ease;
+	-moz-transition: left .2s ease;
+	-ms-transition: left .2s ease;
+	-o-transition: left .2s ease;
+	transition: left .2s ease;
 }
 .carousel-slide-reverse .carousel-out {
 	left: 100%;
-}
-.carousel-slide .carousel-out,
-.carousel-slide-reverse .carousel-in {
-	left: -100%;
-}
-.carousel-slide-reverse .carousel-item {
-	-webkit-transition: left .1s ease;
-	-moz-transition: left .1s ease;
-	-ms-transition: left .1s ease;
-	-o-transition: left .1s ease;
-	transition: left .1s ease;
-}
-.carousel-slide-reverse .carousel-active {
-	left: 0;
 }
\ No newline at end of file