Switch tabs to spaces

example/index.html

@@ -6,29 +6,23 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
   <link rel="stylesheet" href="../responsiveslides.css" />
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-	<script src="../responsiveslides.js"></script>
+  <script src="../responsiveslides.min.js"></script>
   <script>
   jQuery(function() {
     // Slideshow 1
     $("#slides1").responsiveSlides({
-			maxwidth: 800
-		});
-
-		// Slideshow 2
-		$("#slides2").responsiveSlides({
-			maxwidth: 800
-		});
-
-		// Slideshow 3
-		$("#slides3").responsiveSlides({
-			auto: false,
-			maxwidth: 540
+      auto: true,
+      pagination: true,
+      fade: 500,
+      maxwidth: 800,
+      speed: 4000
     });
 
     // Slideshow 4
-		$("#slides4").responsiveSlides({
+    $("#slides2").responsiveSlides({
       auto: false,
-			fade: 3000,
+      pagination: true,
+      fade: 300,
       maxwidth: 540
     });
   });
@@ -53,24 +47,6 @@
       <li><a href=""><img src="3.jpg" alt="" /></a></li>
     </ul>
 
-		<!-- Slideshow 3 -->
-		<ul id="slides3">
-			<li><img src="1.jpg" alt="" /></li>
-			<li><img src="2.jpg" alt="" /></li>
-			<li><img src="3.jpg" alt="" /></li>
-		</ul>
-
-		<!-- Slideshow 4 -->
-		<ul id="slides4">
-			<li><a href=""><img src="1.jpg" alt="" /></a></li>
-			<li><a href=""><img src="2.jpg" alt="" /></a></li>
-			<li><a href=""><img src="3.jpg" alt="" /></a></li>
-		</ul>
-		
-		<p class="test">
-		mopmop
-		</p>
-
     <a href="http://responsive-slides.viljamis.com/" id="download">See the documentation</a>
     <p class="footer">ResponsiveSlides.js is created by <a href="http://viljamis.com">@viljamis</a>. It's released under the MIT license. If you have any questions or feedback you can use the <a href="https://github.com/viljami/ResponsiveSlides.js">GitHub project page</a>.</p>
   </div>