Add slideshow (via data-timing).

Closes issue #17.

en.htm

@@ -27,7 +27,7 @@
 		<h1>Shower Presentation Template</h1>
 		<p>Vadim Makeev, Opera Software</p>
 	</header>
-	<div class="slide cover"><div>
+	<div class="slide cover" data-timing="00:05"><div>
 		<section>
 			<header>
 				<h2>Shower Presentation Template</h2>
@@ -35,7 +35,7 @@
 			<img src="pictures/cover.jpg" alt="">
 		</section>
 	</div></div>
-	<div class="slide"><div>
+	<div class="slide" data-timing="00:05"><div>
 		<section>
 			<header>
 				<h2>Header</h2>

scripts/script.js

@@ -4,6 +4,7 @@
 		slides = document.querySelectorAll('div.slide'),
 		progress = document.querySelector('div.progress div'),
 		slideList = [],
+		timer,
 		l = slides.length, i;
 
 	for (i = 0; i < l; i++) {
@@ -15,7 +16,8 @@
 
 		slideList.push({
 			id: slides[i].id,
-			hasInnerNavigation: null !== slides[i].querySelector('.next')
+			hasInnerNavigation: null !== slides[i].querySelector('.next'),
+			hasTiming: null != slides[i].dataset.timing
 		});
 	}
 
@@ -147,6 +149,25 @@
 
 			updateProgress(getCurrentSlideNumber());
 			updateCurrentAndPassedSlides(getCurrentSlideNumber());
+			runSlideshowIfPresented(getCurrentSlideNumber());
+		}
+	}
+
+	function runSlideshowIfPresented(slideNumber) {
+		slideNumber = normalizeSlideNumber(slideNumber);
+
+		clearTimeout(timer);
+
+		if (slideList[slideNumber].hasTiming) {
+			// Compute number of milliseconds from format "X:Y", where X is
+			// number of minutes, and Y is number of seconds
+			var timing = document.getElementById(slideList[slideNumber].id).dataset.timing.split(':');
+			timing = parseInt(timing[0]) * 60 * 1000 + parseInt(timing[1]) * 1000;
+
+			timer = setTimeout( function () {
+				goToSlide(slideNumber + 1);
+				runSlideshowIfPresented(slideNumber + 1);
+			}, timing );
 		}
 	}
 
@@ -179,6 +200,7 @@
 			enterSlideMode();
 			updateProgress(getCurrentSlideNumber());
 			updateCurrentAndPassedSlides(getCurrentSlideNumber());
+			runSlideshowIfPresented(getCurrentSlideNumber())
 		}
 	}, false);
 
@@ -214,6 +236,7 @@
 
 					updateProgress(currentSlideNumber);
 					updateCurrentAndPassedSlides(currentSlideNumber);
+					runSlideshowIfPresented(currentSlideNumber);
 				}
 			break;
 
@@ -255,6 +278,9 @@
 				) {
 					currentSlideNumber++;
 					goToSlide(currentSlideNumber);
+					if (!isListMode()) {
+						runSlideshowIfPresented(currentSlideNumber);
+					}
 				}
 			break;