add option for disabling overview mode (closes #145)

README.md

@@ -70,6 +70,9 @@ Reveal.initialize({
 	// Enable keyboard shortcuts for navigation
 	keyboard: true,
 
+	// Enable the slide overview mode
+	overview: true,
+
 	// Loop the presentation
 	loop: false,
 

index.html

@@ -333,5 +333,43 @@ function linkify( selector ) {
 			
 		</script>
 
+		<!-- Everything below this point is unrelated to the slideshow -->
+		
+		<div class="share-reveal" style="position: absolute; bottom: 10px; left: 50%; margin-left: -160px">
+			<a href="http://twitter.com/share" class="twitter-share-button" data-text="reveal.js - an HTML presentation framework from @hakimel." data-url="http://lab.hakim.se/reveal-js" data-count="small" data-related="hakimel"></a>
+			
+			<iframe id="facebook-button" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fapp.hakim.se%2Freveal-js%2F&layout=button_count&show_faces=false&width=93&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:85px; height:24px; position: relative; top: 4px;" allowTransparency="true"></iframe> 
+			<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+
+			<script type="text/javascript">
+			/* <![CDATA[ */
+			    (function() {
+			        var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
+			        s.type = 'text/javascript';
+			        s.async = true;
+			        s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
+			        t.parentNode.insertBefore(s, t);
+			    })();
+			/* ]]> */
+			</script>
+
+			<a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://lab.hakim.se/reveal-js"></a>
+			<noscript><a href="http://flattr.com/thing/447435/Reveal-js" target="_blank">
+			<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
+		</div>
+
+		<a class="fork-reveal" href="https://github.com/hakimel/reveal.js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/camo.github.com/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
+		
+		<script>
+		var _gaq = [['_setAccount', 'UA-15240703-1'], ['_trackPageview']];
+		(function(d, t) {
+		var g = d.createElement(t),
+		    s = d.getElementsByTagName(t)[0];
+		g.async = true;
+		g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+		s.parentNode.insertBefore(g, s);
+		})(document, 'script');
+		</script>
+
 	</body>
 </html>

js/reveal.js

@@ -26,6 +26,9 @@ var Reveal = (function(){
 			// Enable keyboard shortcuts for navigation
 			keyboard: true,
 
+			// Enable the slide overview mode
+			overview: true,
+
 			// Loop the presentation
 			loop: false,
 
@@ -531,48 +534,53 @@ var Reveal = (function(){
 	 * can't be improved.
 	 */
 	function activateOverview() {
+
+		if( config.overview ) {
 		
-		dom.wrapper.classList.add( 'overview' );
+			dom.wrapper.classList.add( 'overview' );
 
-		var horizontalSlides = Array.prototype.slice.call( document.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) );
+			var horizontalSlides = Array.prototype.slice.call( document.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) );
 
-		for( var i = 0, len1 = horizontalSlides.length; i < len1; i++ ) {
-			var hslide = horizontalSlides[i],
-				htransform = 'translateZ(-2500px) translate(' + ( ( i - indexh ) * 105 ) + '%, 0%)';
+			for( var i = 0, len1 = horizontalSlides.length; i < len1; i++ ) {
+				var hslide = horizontalSlides[i],
+					htransform = 'translateZ(-2500px) translate(' + ( ( i - indexh ) * 105 ) + '%, 0%)';
+				
+				hslide.setAttribute( 'data-index-h', i );
+				hslide.style.display = 'block';
+				hslide.style.WebkitTransform = htransform;
+				hslide.style.MozTransform = htransform;
+				hslide.style.msTransform = htransform;
+				hslide.style.OTransform = htransform;
+				hslide.style.transform = htransform;
 			
-			hslide.setAttribute( 'data-index-h', i );
-			hslide.style.display = 'block';
-			hslide.style.WebkitTransform = htransform;
-			hslide.style.MozTransform = htransform;
-			hslide.style.msTransform = htransform;
-			hslide.style.OTransform = htransform;
-			hslide.style.transform = htransform;
+				if( !hslide.classList.contains( 'stack' ) ) {
+					// Navigate to this slide on click
+					hslide.addEventListener( 'click', onOverviewSlideClicked, true );
+				}
 		
-			if( !hslide.classList.contains( 'stack' ) ) {
-				// Navigate to this slide on click
-				hslide.addEventListener( 'click', onOverviewSlideClicked, true );
-			}
-	
-			var verticalSlides = Array.prototype.slice.call( hslide.querySelectorAll( 'section' ) );
-
-			for( var j = 0, len2 = verticalSlides.length; j < len2; j++ ) {
-				var vslide = verticalSlides[j],
-					vtransform = 'translate(0%, ' + ( ( j - ( i === indexh ? indexv : 0 ) ) * 105 ) + '%)';
-
-				vslide.setAttribute( 'data-index-h', i );
-				vslide.setAttribute( 'data-index-v', j );
-				vslide.style.display = 'block';
-				vslide.style.WebkitTransform = vtransform;
-				vslide.style.MozTransform = vtransform;
-				vslide.style.msTransform = vtransform;
-				vslide.style.OTransform = vtransform;
-				vslide.style.transform = vtransform;
-
-				// Navigate to this slide on click
-				vslide.addEventListener( 'click', onOverviewSlideClicked, true );
+				var verticalSlides = Array.prototype.slice.call( hslide.querySelectorAll( 'section' ) );
+
+				for( var j = 0, len2 = verticalSlides.length; j < len2; j++ ) {
+					var vslide = verticalSlides[j],
+						vtransform = 'translate(0%, ' + ( ( j - ( i === indexh ? indexv : 0 ) ) * 105 ) + '%)';
+
+					vslide.setAttribute( 'data-index-h', i );
+					vslide.setAttribute( 'data-index-v', j );
+					vslide.style.display = 'block';
+					vslide.style.WebkitTransform = vtransform;
+					vslide.style.MozTransform = vtransform;
+					vslide.style.msTransform = vtransform;
+					vslide.style.OTransform = vtransform;
+					vslide.style.transform = vtransform;
+
+					// Navigate to this slide on click
+					vslide.addEventListener( 'click', onOverviewSlideClicked, true );
+				}
+				
 			}
-			
+
 		}
+
 	}
 	
 	/**
@@ -580,24 +588,29 @@ var Reveal = (function(){
 	 * active slide.
 	 */
 	function deactivateOverview() {
-		dom.wrapper.classList.remove( 'overview' );
+		
+		if( config.overview ) {
 
-		var slides = Array.prototype.slice.call( document.querySelectorAll( '.reveal .slides section' ) );
+			dom.wrapper.classList.remove( 'overview' );
 
-		for( var i = 0, len = slides.length; i < len; i++ ) {
-			var element = slides[i];
+			var slides = Array.prototype.slice.call( document.querySelectorAll( '.reveal .slides section' ) );
 
-			// Resets all transforms to use the external styles
-			element.style.WebkitTransform = '';
-			element.style.MozTransform = '';
-			element.style.msTransform = '';
-			element.style.OTransform = '';
-			element.style.transform = '';
+			for( var i = 0, len = slides.length; i < len; i++ ) {
+				var element = slides[i];
 
-			element.removeEventListener( 'click', onOverviewSlideClicked );
-		}
+				// Resets all transforms to use the external styles
+				element.style.WebkitTransform = '';
+				element.style.MozTransform = '';
+				element.style.msTransform = '';
+				element.style.OTransform = '';
+				element.style.transform = '';
 
-		slide();
+				element.removeEventListener( 'click', onOverviewSlideClicked );
+			}
+
+			slide();
+			
+		}
 	}
 
 	/**