Add CSS transition support

When supported, the fading will be done using CSS transitions. Requires Modernizr to check for support.

responsiveslides.js

@@ -72,6 +72,17 @@
         // Fading animation
         slideTo = function (idx) {
           settings.before();
+          if (typeof Modernizr == "object" && Modernizr.csstransitions) {
+            $slide
+          		.removeClass(visibleClass)
+          		.eq(idx)
+          		.addClass(visibleClass)
+          		.delay(fadeTime)
+          		.each(function () {
+	          		settings.after();
+	          		index = idx;
+          		});
+          } else {
             $slide
               .stop()
               .fadeOut(fadeTime, function () {
@@ -87,6 +98,7 @@
                 settings.after();
                 index = idx;
               });
+          }
         };
 
       // Random order
@@ -118,6 +130,11 @@
         .css(visible)
         .show();
 
+      // Necessary when using css transitions
+      if (typeof Modernizr == "object" && Modernizr.csstransitions) {
+        $slide.css({"display": "block"});
+      }
+
       // Only run if there's more than one slide
       if ($slide.size() > 1) {