Added option 'namespace'

I added an option 'namespace' because, according to the site, the 'namsepace' automatic makes the css invalid.

A simple example: If we place a temporary slider (visible on a page) Standing before a slider (visible on all pages) the namespace of permanent slider changes value and make specific css invalid.

responsiveslides.js

@@ -4,6 +4,7 @@
 
     // Default settings
     var settings = $.extend({
+      "namespace": "", // String: Custom namespace
       "auto": true, // Boolean: Animate automatically
       "pagination": false, // Boolean: Show pagination
       "nav": false, // Boolean: Show navigation
@@ -24,21 +25,25 @@
       var index = 0,
         $slide = $this.children(),
         length = $slide.size(),
-        fadetime = parseFloat(settings.fade),
+        fadetime = parseFloat(settings.fade);
-
+
-        // Namespacing
+      // Namespacing
-        namespace = "rslides",
+      if(settings.namespace === "") {
-        namespaceIndex = namespace + i,
+        var namespace = "rslides",
-
+          namespaceIndex = namespace + i;
-        // Classes
+      } else {
-        namespaceIndexClass = namespace + " " + namespaceIndex,
+        var namespace = settings.namespace,
+          namespaceIndex = namespace;
+      }
+      // Classes
+      var namespaceIndexClass = namespace + " " + namespaceIndex,
         activeClass = namespace + "_here",
         visibleClass = namespaceIndex + "_on",
         slideClassPrefix = namespaceIndex + "_s",
-        tabsClass = namespaceIndex + "_tabs",
+        tabsClass = namespaceIndex + "_tabs";
 
-        // Pagination
+      // Pagination
-        $pagination = $("<ul class=\"" + namespace + "_tabs " + tabsClass + "\" />"),
+      var $pagination = $("<ul class=\"" + namespace + "_tabs " + tabsClass + "\" />"),
 
         // Styles for visible and hidden slides
         visible = {"float": "left", "position": "relative"},
@@ -250,4 +255,4 @@
     });
 
   };
-})(jQuery, this, 0);
+})(jQuery, this, 0);