0.6.6 Bug fix and documentation change for using multiple instances o…

…f Sequence on the same page

README.md

@@ -35,6 +35,11 @@ http://www.opensource.org/licenses/mit-license.php | http://www.gnu.org/licenses
 
 ##What's New? 
 
+###v0.6.6 16/05/2012
+
+####Bug fix for Multiple Instances of Sequence
+The documentation has been slightly modified to better assist with multiple instances of Sequence on the same page. The default Sequence preloader was originally appended to the Sequence container as an ID but this caused issues when using more than one Sequence instance, so it's now a class.
+
 ###v0.6.5 14/05/2012
 
 **Note: 0.6.5 may not be backwards compatible with existing themes if those themes use the delayDuringOutInTransitions setting, which has now been renamed to transitionThreshold**

documentation.html

@@ -172,7 +172,7 @@ <h3 id="initiate">Initiate Sequence</h3>
 <pre><code>&lt;script type="text/javascript"&gt; 
     $(document).ready(function(){
         var sequence = $("#sequence").sequence(options).data("sequence");
-        var sequence2 = $("#sequence2").sequence(options2).data("sequence2");
+        var sequence2 = $("#sequence2").sequence(options2).data("sequence");
     }
 &lt;/script&gt;</code></pre>
 
@@ -466,7 +466,7 @@ <h4 id="options-specifying">Specifying Options</h4>
             autoPlayDelay: 3000
         }
         var sequence = $("#sequence").sequence(options).data("sequence");
-        var sequence2 = $("#sequence2").sequence(options).data("sequence2");
+        var sequence2 = $("#sequence2").sequence(options).data("sequence");
     }
 &lt;/script&gt;</code></pre>
 
@@ -484,7 +484,7 @@ <h4 id="options-specifying">Specifying Options</h4>
             autoPlayDelay: 5000
         }
         var sequence = $("#sequence").sequence(options).data("sequence");
-        var sequence2 = $("#sequence2").sequence(options2).data("sequence2");
+        var sequence2 = $("#sequence2").sequence(options2).data("sequence");
     }
 &lt;/script&gt;</code></pre>
 
@@ -771,11 +771,11 @@ <h4 id="options-preloader">Preloader Options</h4>
 							<td>true/false or a CSS Selector</td>
 							<td>true</td>
 							<td>
-							<strong>true</strong>: Use the default preloader and styles<br />
+							<strong>true</strong>: Use the default preloader and styles (".sequence-preloader")<br />
 							<strong>false</strong>: don't use a preloader<br />
 							<strong>CSS Selector</strong>: Specify a CSS Selector to use as the preloader<br /><br />
 							If true, the following default preloading styles will be applied to the document:
-							<pre><code>#sequence-preloader{
+							<pre><code>.sequence-preloader{
 	height: 100%;
 	position: absolute;
 	width: 100%;
@@ -796,7 +796,7 @@ <h4 id="options-preloader">Preloader Options</h4>
 	}
 }
 
-#sequence-preloader img{
+.sequence-preloader img{
 	background: #ff9933;
 	border-radius: 6px;
 	display: inline-block;
@@ -816,11 +816,11 @@ <h4 id="options-preloader">Preloader Options</h4>
 	width: 48px;
 }
 
-#sequence-preloader img:nth-child(2){
+.sequence-preloader img:nth-child(2){
 	-*-animation-delay: .15s;
 }
 
-#sequence-preloader img:nth-child(3){
+.sequence-preloader img:nth-child(3){
 	-*-animation-delay: .3s;
 }