add supersized slideshow

1 files changed, 51 insertions, 1 deletions

diff --git a/apps/gallery/templates/index.php b/apps/gallery/templates/index.php
index c90932cefd0..048fb6c5bbc 100644
--- a/apps/gallery/templates/index.php
+++ b/apps/gallery/templates/index.php
@@ -22,7 +22,10 @@ $(document).ready(function() {
 		}
 	}
 		
-?><br/>
+?>
+	<div id="slideshow">
+		<input type="button" class="start" value="<?php echo $l->t('Slideshow')?>" />
+	</div>
 </div>
 <div id="gallerycontent">
 <?php
@@ -32,3 +35,50 @@ echo $_['tl']->get();
 
 ?>
 </div>
+
+<!-- start supersized block -->
+<div id="slideshow-content" class="supersized" style="display:none;">
+
+	<!--Thumbnail Navigation-->
+	<div id="prevthumb"></div>
+	<div id="nextthumb"></div>
+
+	<!--Arrow Navigation-->
+	<a id="prevslide" class="load-item"></a>
+	<a id="nextslide" class="load-item"></a>
+
+	<div id="thumb-tray" class="load-item">
+		<div id="thumb-back"></div>
+		<div id="thumb-forward"></div>
+	</div>
+
+	<!--Time Bar-->
+	<div id="progress-back" class="load-item">
+		<div id="progress-bar"></div>
+	</div>
+
+	<!--Control Bar-->
+	<div id="slideshow-controls-wrapper" class="load-item">
+		<div id="slideshow-controls">
+
+			<a id="play-button"><img id="pauseplay" src="<?php echo OCP\image_path('gallery', 'supersized/pause.png'); ?>"/></a>
+
+			<!--Slide counter-->
+			<div id="slidecounter">
+				<span class="slidenumber"></span> / <span class="totalslides"></span>
+			</div>
+
+			<!--Slide captions displayed here-->
+			<div id="slidecaption"></div>
+
+			<!--Thumb Tray button-->
+			<a id="tray-button"><img id="tray-arrow" src="<?php echo OCP\image_path('gallery', 'supersized/button-tray-up.png'); ?>"/></a>
+
+			<!--Navigation-->
+			<!--
+			<ul id="slide-list"></ul>
+			-->
+		</div>
+	</div>
+
+</div><!-- end supersized block -->