From 0a02d10ca60a5e1905030fe26061dd0fed9e0821 Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Tue, 25 Sep 2018 11:19:18 -0400
Subject: [PATCH] Old nextgen templates added

---
 nggallery/album-glmalbums.php                 | 46 ++++++------
 nggallery/gallery-glmphotos.php               | 30 +++-----
 nggallery/gallery-glmvideos.php               | 23 ++++--
 nggallery_modern/album-glmalbums.php          | 60 +++++++++++++++
 .../gallery-glmphotos-8.php                   |  0
 .../gallery-glmphotos-narrow.php              |  0
 nggallery_modern/gallery-glmphotos.php        | 66 ++++++++++++++++
 nggallery_modern/gallery-glmvideos.php        | 72 ++++++++++++++++++
 nggallery_new/album-glmalbums.php             | 62 +++++++++++++++
 nggallery_new/gallery-glmphotos.php           | 58 ++++++++++++++
 nggallery_new/gallery-glmvideos.php           | 75 +++++++++++++++++++
 11 files changed, 445 insertions(+), 47 deletions(-)
 create mode 100644 nggallery_modern/album-glmalbums.php
 rename {nggallery => nggallery_modern}/gallery-glmphotos-8.php (100%)
 rename {nggallery => nggallery_modern}/gallery-glmphotos-narrow.php (100%)
 create mode 100644 nggallery_modern/gallery-glmphotos.php
 create mode 100644 nggallery_modern/gallery-glmvideos.php
 create mode 100644 nggallery_new/album-glmalbums.php
 create mode 100644 nggallery_new/gallery-glmphotos.php
 create mode 100644 nggallery_new/gallery-glmvideos.php

diff --git a/nggallery/album-glmalbums.php b/nggallery/album-glmalbums.php
index 9ebf91f..6a6d333 100644
--- a/nggallery/album-glmalbums.php
+++ b/nggallery/album-glmalbums.php
@@ -4,36 +4,36 @@ Template Page for the album overview
 
 Follow variables are useable :
 
-    $album       : Contain information about the first album
-    $albums      : Contain information about all albums
-    $galleries   : Contain all galleries inside this album
-    $pagination  : Contain the pagination content
+    $album     	 : Contain information about the first album
+    $albums    	 : Contain information about all albums
+	$galleries   : Contain all galleries inside this album
+	$pagination  : Contain the pagination content
 
  You can check the content when you insert the tag <?php var_dump($variable) ?>
  If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
 **/
 ?>
 <?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($galleries)) : ?>
-
 <div class="ngg-albumoverview">
+	<!-- List of galleries -->
+	<?php foreach ($galleries as $gallery) : ?>
 
-    <!-- List of galleries -->
-    <?php foreach ($galleries as $gallery) : ?>
-
-    <div class="ngg-glmalbums ngg-album-compact small-6 medium-4 large-3">
-        <div class="ngg-album-compactbox">
-            <div class="ngg-album-link">
-                <a class="Link" href="<?php echo nextgen_esc_url($gallery->pagelink) ?>">
-                    <img class="Thumb" alt="<?php echo esc_attr($gallery->title) ?>" src="<?php echo nextgen_esc_url($gallery->previewurl) ?>"/>
-                </a>
-            </div>
-        </div>
+	<div class="ngg-glmalbums small-6 medium-4 large-3">
+		<div class="ngg-album-compactbox">
+			<div class="ngg-album-link">
+				<a class="Link" href="<?php echo nextgen_esc_url($gallery->pagelink) ?>">
+					<img class="Thumb" alt="<?php echo esc_attr($gallery->title) ?>" src="<?php echo nextgen_esc_url($gallery->previewurl) ?>"/>
+				</a>
+			</div>
+		</div>
         <?php if (!empty($image_gen_params)) {
             $max_width = 'style="max-width: ' . ($image_gen_params['width'] + 20) . 'px"';
         } else {
             $max_width = '';
         } ?>
-        <section class="album-meta-wrapper">
+        
+            
+            
             <h4>
                 <a class="ngg-album-desc"
                    title="<?php echo esc_attr($gallery->title); ?>"
@@ -49,12 +49,14 @@ Follow variables are useable :
                     &nbsp;
                 <?php } ?>
             </p>
-        </section>
-    </div>
-    <?php endforeach; ?>
-    <!-- Pagination -->
+		
+	</div>
+
+ 	<?php endforeach; ?>
+
+	<!-- Pagination -->
     <br class="ngg-clear"/>
-    <?php echo $pagination ?>
+ 	<?php echo $pagination ?>
 </div>
 
 <?php endif; ?>
diff --git a/nggallery/gallery-glmphotos.php b/nggallery/gallery-glmphotos.php
index c5329e2..8170730 100644
--- a/nggallery/gallery-glmphotos.php
+++ b/nggallery/gallery-glmphotos.php
@@ -1,4 +1,4 @@
-<?php
+<?php 
 /**
 Template Page for the gallery overview
 
@@ -14,10 +14,9 @@ Follow variables are useable :
 ?>
 <?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
 
-<div class="ngg-galleryoverview" id="<?php echo $gallery->anchor ?>">
+<ul id='gallery' class='gallery row small-block-grid-2 medium-block-grid-3 large-block-grid-4'>
 	<!-- Thumbnails -->
     <?php $i = 0; ?>
-        <ul class="gallery row small-block-grid-2 medium-block-grid-3 large-block-grid-4">
 	<?php foreach ( $images as $image ) : ?>
         <li>
             <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
@@ -30,26 +29,20 @@ Follow variables are useable :
                 data-image-id="<?php echo esc_attr($image->pid); ?>"
                 data-title="<?php echo esc_attr($image->alttext); ?>"
                 data-description="<?php echo esc_attr($image->description); ?>"
+                data-url="<?php echo nggcf_get_field($image->pid, "url"); ?>"
+                data-front-description="<?php echo nggcf_get_field($image->pid, "Front Description"); ?>"
                 <?php echo $image->thumbcode ?> >
                             <?php if ( !$image->hidden ) { ?>
-
+                        
                         <div class="image_overlay">
-                            <img
-                            title="<?php echo esc_attr($image->alttext) ?>"
-                            alt="<?php echo esc_attr($image->alttext) ?>"
-                            src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>"
-                            <?php echo $image->size ?> />
+                            <img title="<?php echo esc_attr($image->alttext) ?>" alt="<?php echo esc_attr($image->alttext) ?>" src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>" <?php echo $image->size ?> />
                         </div>
-                    <?php
-                    $imageTitle = !preg_match(';is\d{2,}-\d{10,}-\d{5,}$;', $image->alttext) ? $image->alttext: '';
-                    ?>
-                    <span class="photoTitle" title="<?php echo esc_attr($imageTitle) ?>">
-                        <?php if (!$image->hidden) { echo esc_attr($imageTitle); }?>
-                    </span>
-                            <?php } ?>
+                    <span class="photoTitle" title="<?php echo esc_attr($image->alttext) ?>"><?php if (!$image->hidden) { echo esc_attr($image->alttext); }?></span>
+                    <span class="photoHead" title="<?php echo esc_attr($image->alttext) ?>"><?php if (!$image->hidden) { echo nggcf_get_field($image->pid, "Front Description"); } ?></span>
+                        <?php } ?>
                     </a>
                 </div>
-
+                
             </div>
         </li>
 	<?php if ( $image->hidden ) continue; ?>
@@ -57,10 +50,9 @@ Follow variables are useable :
 	<br style="clear: both" />
 	<?php } ?>
  	<?php endforeach; ?>
-        </ul>
+ 	
 	<!-- Pagination -->
  	<?php echo $pagination ?>
 </ul>
-</div>
 
 <?php endif; ?>
diff --git a/nggallery/gallery-glmvideos.php b/nggallery/gallery-glmvideos.php
index 367627d..373d53f 100644
--- a/nggallery/gallery-glmvideos.php
+++ b/nggallery/gallery-glmvideos.php
@@ -23,21 +23,32 @@ Follow variables are useable :
 		</a>
 	</div>
 <?php } ?>
- 	<!-- Thumbnails -->
+
+<?php if ($gallery->show_piclens) { ?>
+	<!-- Piclense link -->
+	<div class="piclenselink">
+		<a class="piclenselink" href="<?php echo nextgen_esc_url($gallery->piclens_link) ?>">
+			<?php _e('[View with PicLens]','nggallery'); ?>
+		</a>
+	</div>
+<?php } ?>
+	
+	<!-- Thumbnails -->
     <?php $i = 0; ?>
 	<?php foreach ( $images as $image ) : ?>
 	<li>
             <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
 
                 <div class="ngg-gallery-thumbnail" >
-                    <a href="<?php echo nggcf_get_field($image->pid, "video_url"); ?>"
-                    title="<?php echo esc_attr($image->description); ?>"
-                    data-src="<?php echo nextgen_esc_url($image->imageURL); ?>"
+                    <a href="<?php echo nggcf_get_field($image->pid, "video_url") ?>"
+                    title="<?php echo esc_attr($image->description) ?>"
+                    data-src="<?php echo nextgen_esc_url($image->imageURL) ?>"
                     data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
                     data-image-id="<?php echo esc_attr($image->pid); ?>"
                     data-title="<?php echo esc_attr($image->alttext); ?>"
                     data-description="<?php echo esc_attr($image->description); ?>"
-                    data-url="<?php echo nggcf_get_field($image->pid, "video_url"); ?>"
+                    data-url="<?php echo nggcf_get_field($image->pid, "url"); ?>"
+                    data-front-description="<?php echo nggcf_get_field($image->pid, "Front Description"); ?>"
                     <?php echo $image->thumbcode ?> >
                         <?php if ( !$image->hidden ) { ?>
                         
@@ -45,7 +56,7 @@ Follow variables are useable :
                             <img title="<?php echo esc_attr($image->alttext) ?>" alt="<?php echo esc_attr($image->alttext) ?>" src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>" <?php echo $image->size ?> />
                         </div>
                     <span class="photoTitle"><?php if (!$image->hidden) { echo esc_attr($image->alttext); }?></span>
-                    
+                    <span class="photoHead"><?php if (!$image->hidden) { echo nggcf_get_field($image->pid, "Front Description"); } ?></span>
                             <?php } ?>
                     </a>
                 </div>
diff --git a/nggallery_modern/album-glmalbums.php b/nggallery_modern/album-glmalbums.php
new file mode 100644
index 0000000..9ebf91f
--- /dev/null
+++ b/nggallery_modern/album-glmalbums.php
@@ -0,0 +1,60 @@
+<?php
+/**
+Template Page for the album overview
+
+Follow variables are useable :
+
+    $album       : Contain information about the first album
+    $albums      : Contain information about all albums
+    $galleries   : Contain all galleries inside this album
+    $pagination  : Contain the pagination content
+
+ You can check the content when you insert the tag <?php var_dump($variable) ?>
+ If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($galleries)) : ?>
+
+<div class="ngg-albumoverview">
+
+    <!-- List of galleries -->
+    <?php foreach ($galleries as $gallery) : ?>
+
+    <div class="ngg-glmalbums ngg-album-compact small-6 medium-4 large-3">
+        <div class="ngg-album-compactbox">
+            <div class="ngg-album-link">
+                <a class="Link" href="<?php echo nextgen_esc_url($gallery->pagelink) ?>">
+                    <img class="Thumb" alt="<?php echo esc_attr($gallery->title) ?>" src="<?php echo nextgen_esc_url($gallery->previewurl) ?>"/>
+                </a>
+            </div>
+        </div>
+        <?php if (!empty($image_gen_params)) {
+            $max_width = 'style="max-width: ' . ($image_gen_params['width'] + 20) . 'px"';
+        } else {
+            $max_width = '';
+        } ?>
+        <section class="album-meta-wrapper">
+            <h4>
+                <a class="ngg-album-desc"
+                   title="<?php echo esc_attr($gallery->title); ?>"
+                   href="<?php echo nextgen_esc_url($gallery->pagelink); ?>"
+                   <?php echo $max_width; ?>>
+                   <?php echo_safe_html($gallery->title); ?>
+                </a>
+            </h4>
+            <p class="ngg-album-gallery-image-counter">
+                <?php if ($gallery->counter > 0) { ?>
+                    <strong><?php echo $gallery->counter; ?></strong>&nbsp;<?php _e('Photos', 'nggallery'); ?>
+                <?php } else { ?>
+                    &nbsp;
+                <?php } ?>
+            </p>
+        </section>
+    </div>
+    <?php endforeach; ?>
+    <!-- Pagination -->
+    <br class="ngg-clear"/>
+    <?php echo $pagination ?>
+</div>
+
+<?php endif; ?>
diff --git a/nggallery/gallery-glmphotos-8.php b/nggallery_modern/gallery-glmphotos-8.php
similarity index 100%
rename from nggallery/gallery-glmphotos-8.php
rename to nggallery_modern/gallery-glmphotos-8.php
diff --git a/nggallery/gallery-glmphotos-narrow.php b/nggallery_modern/gallery-glmphotos-narrow.php
similarity index 100%
rename from nggallery/gallery-glmphotos-narrow.php
rename to nggallery_modern/gallery-glmphotos-narrow.php
diff --git a/nggallery_modern/gallery-glmphotos.php b/nggallery_modern/gallery-glmphotos.php
new file mode 100644
index 0000000..c5329e2
--- /dev/null
+++ b/nggallery_modern/gallery-glmphotos.php
@@ -0,0 +1,66 @@
+<?php
+/**
+Template Page for the gallery overview
+
+Follow variables are useable :
+
+	$gallery     : Contain all about the gallery
+	$images      : Contain all images, path, title
+	$pagination  : Contain the pagination content
+
+ You can check the content when you insert the tag <?php var_dump($variable) ?>
+ If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
+
+<div class="ngg-galleryoverview" id="<?php echo $gallery->anchor ?>">
+	<!-- Thumbnails -->
+    <?php $i = 0; ?>
+        <ul class="gallery row small-block-grid-2 medium-block-grid-3 large-block-grid-4">
+	<?php foreach ( $images as $image ) : ?>
+        <li>
+            <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
+
+                <div class="ngg-gallery-thumbnail" >
+                    <a href="<?php echo nextgen_esc_url($image->imageURL) ?>"
+                title="<?php echo esc_attr($image->description) ?>"
+                data-src="<?php echo nextgen_esc_url($image->imageURL) ?>"
+                data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
+                data-image-id="<?php echo esc_attr($image->pid); ?>"
+                data-title="<?php echo esc_attr($image->alttext); ?>"
+                data-description="<?php echo esc_attr($image->description); ?>"
+                <?php echo $image->thumbcode ?> >
+                            <?php if ( !$image->hidden ) { ?>
+
+                        <div class="image_overlay">
+                            <img
+                            title="<?php echo esc_attr($image->alttext) ?>"
+                            alt="<?php echo esc_attr($image->alttext) ?>"
+                            src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>"
+                            <?php echo $image->size ?> />
+                        </div>
+                    <?php
+                    $imageTitle = !preg_match(';is\d{2,}-\d{10,}-\d{5,}$;', $image->alttext) ? $image->alttext: '';
+                    ?>
+                    <span class="photoTitle" title="<?php echo esc_attr($imageTitle) ?>">
+                        <?php if (!$image->hidden) { echo esc_attr($imageTitle); }?>
+                    </span>
+                            <?php } ?>
+                    </a>
+                </div>
+
+            </div>
+        </li>
+	<?php if ( $image->hidden ) continue; ?>
+	<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
+	<br style="clear: both" />
+	<?php } ?>
+ 	<?php endforeach; ?>
+        </ul>
+	<!-- Pagination -->
+ 	<?php echo $pagination ?>
+</ul>
+</div>
+
+<?php endif; ?>
diff --git a/nggallery_modern/gallery-glmvideos.php b/nggallery_modern/gallery-glmvideos.php
new file mode 100644
index 0000000..367627d
--- /dev/null
+++ b/nggallery_modern/gallery-glmvideos.php
@@ -0,0 +1,72 @@
+<?php 
+/**
+Template Page for the gallery overview
+
+Follow variables are useable :
+
+	$gallery     : Contain all about the gallery
+	$images      : Contain all images, path, title
+	$pagination  : Contain the pagination content
+
+ You can check the content when you insert the tag <?php var_dump($variable) ?>
+ If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
+
+<ul id='gallery' class='gallery row small-block-grid-2 medium-block-grid-3 large-block-grid-4'>
+<?php if ($gallery->show_slideshow) { ?>
+	<!-- Slideshow link -->
+	<div class="slideshowlink">
+		<a class="slideshowlink" href="<?php echo nextgen_esc_url($gallery->slideshow_link) ?>">
+			<?php echo $gallery->slideshow_link_text ?>
+		</a>
+	</div>
+<?php } ?>
+ 	<!-- Thumbnails -->
+    <?php $i = 0; ?>
+	<?php foreach ( $images as $image ) : ?>
+	<li>
+            <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
+
+                <div class="ngg-gallery-thumbnail" >
+                    <a href="<?php echo nggcf_get_field($image->pid, "video_url"); ?>"
+                    title="<?php echo esc_attr($image->description); ?>"
+                    data-src="<?php echo nextgen_esc_url($image->imageURL); ?>"
+                    data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
+                    data-image-id="<?php echo esc_attr($image->pid); ?>"
+                    data-title="<?php echo esc_attr($image->alttext); ?>"
+                    data-description="<?php echo esc_attr($image->description); ?>"
+                    data-url="<?php echo nggcf_get_field($image->pid, "video_url"); ?>"
+                    <?php echo $image->thumbcode ?> >
+                        <?php if ( !$image->hidden ) { ?>
+                        
+                        <div class="image_overlay">
+                            <img title="<?php echo esc_attr($image->alttext) ?>" alt="<?php echo esc_attr($image->alttext) ?>" src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>" <?php echo $image->size ?> />
+                        </div>
+                    <span class="photoTitle"><?php if (!$image->hidden) { echo esc_attr($image->alttext); }?></span>
+                    
+                            <?php } ?>
+                    </a>
+                </div>
+                
+            </div>
+        </li>
+	<?php if ( $image->hidden ) continue; ?>
+	<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
+	<br style="clear: both" />
+	<?php } ?>
+ 	<?php endforeach; ?>
+ 	
+	<!-- Pagination -->
+ 	<?php echo $pagination ?>
+</ul>
+<script>
+    jQuery(document).ready(function(){
+        jQuery(".ngg-fancybox").each(function (){
+            jQuery(this).addClass("various iframe");
+            jQuery(this).attr("href",jQuery(this).children("img").attr("title"));
+        });
+    });
+</script>
+<?php endif; ?>
diff --git a/nggallery_new/album-glmalbums.php b/nggallery_new/album-glmalbums.php
new file mode 100644
index 0000000..6a6d333
--- /dev/null
+++ b/nggallery_new/album-glmalbums.php
@@ -0,0 +1,62 @@
+<?php
+/**
+Template Page for the album overview
+
+Follow variables are useable :
+
+    $album     	 : Contain information about the first album
+    $albums    	 : Contain information about all albums
+	$galleries   : Contain all galleries inside this album
+	$pagination  : Contain the pagination content
+
+ You can check the content when you insert the tag <?php var_dump($variable) ?>
+ If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($galleries)) : ?>
+<div class="ngg-albumoverview">
+	<!-- List of galleries -->
+	<?php foreach ($galleries as $gallery) : ?>
+
+	<div class="ngg-glmalbums small-6 medium-4 large-3">
+		<div class="ngg-album-compactbox">
+			<div class="ngg-album-link">
+				<a class="Link" href="<?php echo nextgen_esc_url($gallery->pagelink) ?>">
+					<img class="Thumb" alt="<?php echo esc_attr($gallery->title) ?>" src="<?php echo nextgen_esc_url($gallery->previewurl) ?>"/>
+				</a>
+			</div>
+		</div>
+        <?php if (!empty($image_gen_params)) {
+            $max_width = 'style="max-width: ' . ($image_gen_params['width'] + 20) . 'px"';
+        } else {
+            $max_width = '';
+        } ?>
+        
+            
+            
+            <h4>
+                <a class="ngg-album-desc"
+                   title="<?php echo esc_attr($gallery->title); ?>"
+                   href="<?php echo nextgen_esc_url($gallery->pagelink); ?>"
+                   <?php echo $max_width; ?>>
+                   <?php echo_safe_html($gallery->title); ?>
+                </a>
+            </h4>
+            <p class="ngg-album-gallery-image-counter">
+                <?php if ($gallery->counter > 0) { ?>
+                    <strong><?php echo $gallery->counter; ?></strong>&nbsp;<?php _e('Photos', 'nggallery'); ?>
+                <?php } else { ?>
+                    &nbsp;
+                <?php } ?>
+            </p>
+		
+	</div>
+
+ 	<?php endforeach; ?>
+
+	<!-- Pagination -->
+    <br class="ngg-clear"/>
+ 	<?php echo $pagination ?>
+</div>
+
+<?php endif; ?>
diff --git a/nggallery_new/gallery-glmphotos.php b/nggallery_new/gallery-glmphotos.php
new file mode 100644
index 0000000..8170730
--- /dev/null
+++ b/nggallery_new/gallery-glmphotos.php
@@ -0,0 +1,58 @@
+<?php 
+/**
+Template Page for the gallery overview
+
+Follow variables are useable :
+
+	$gallery     : Contain all about the gallery
+	$images      : Contain all images, path, title
+	$pagination  : Contain the pagination content
+
+ You can check the content when you insert the tag <?php var_dump($variable) ?>
+ If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
+
+<ul id='gallery' class='gallery row small-block-grid-2 medium-block-grid-3 large-block-grid-4'>
+	<!-- Thumbnails -->
+    <?php $i = 0; ?>
+	<?php foreach ( $images as $image ) : ?>
+        <li>
+            <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
+
+                <div class="ngg-gallery-thumbnail" >
+                    <a href="<?php echo nextgen_esc_url($image->imageURL) ?>"
+                title="<?php echo esc_attr($image->description) ?>"
+                data-src="<?php echo nextgen_esc_url($image->imageURL) ?>"
+                data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
+                data-image-id="<?php echo esc_attr($image->pid); ?>"
+                data-title="<?php echo esc_attr($image->alttext); ?>"
+                data-description="<?php echo esc_attr($image->description); ?>"
+                data-url="<?php echo nggcf_get_field($image->pid, "url"); ?>"
+                data-front-description="<?php echo nggcf_get_field($image->pid, "Front Description"); ?>"
+                <?php echo $image->thumbcode ?> >
+                            <?php if ( !$image->hidden ) { ?>
+                        
+                        <div class="image_overlay">
+                            <img title="<?php echo esc_attr($image->alttext) ?>" alt="<?php echo esc_attr($image->alttext) ?>" src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>" <?php echo $image->size ?> />
+                        </div>
+                    <span class="photoTitle" title="<?php echo esc_attr($image->alttext) ?>"><?php if (!$image->hidden) { echo esc_attr($image->alttext); }?></span>
+                    <span class="photoHead" title="<?php echo esc_attr($image->alttext) ?>"><?php if (!$image->hidden) { echo nggcf_get_field($image->pid, "Front Description"); } ?></span>
+                        <?php } ?>
+                    </a>
+                </div>
+                
+            </div>
+        </li>
+	<?php if ( $image->hidden ) continue; ?>
+	<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
+	<br style="clear: both" />
+	<?php } ?>
+ 	<?php endforeach; ?>
+ 	
+	<!-- Pagination -->
+ 	<?php echo $pagination ?>
+</ul>
+
+<?php endif; ?>
diff --git a/nggallery_new/gallery-glmvideos.php b/nggallery_new/gallery-glmvideos.php
new file mode 100644
index 0000000..757c949
--- /dev/null
+++ b/nggallery_new/gallery-glmvideos.php
@@ -0,0 +1,75 @@
+<?php 
+/**
+Template Page for the gallery overview
+
+Follow variables are useable :
+
+	$gallery     : Contain all about the gallery
+	$images      : Contain all images, path, title
+	$pagination  : Contain the pagination content
+
+ You can check the content when you insert the tag <?php var_dump($variable) ?>
+ If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
+
+<ul id='gallery' class='gallery row small-block-grid-2 medium-block-grid-3 large-block-grid-4'>
+<?php if ($gallery->show_slideshow) { ?>
+	<!-- Slideshow link -->
+	<div class="slideshowlink">
+		<a class="slideshowlink" href="<?php echo nextgen_esc_url($gallery->slideshow_link) ?>">
+			<?php echo $gallery->slideshow_link_text ?>
+		</a>
+	</div>
+<?php } ?>
+
+<?php if ($gallery->show_piclens) { ?>
+	<!-- Piclense link -->
+	<div class="piclenselink">
+		<a class="piclenselink" href="<?php echo nextgen_esc_url($gallery->piclens_link) ?>">
+			<?php _e('[View with PicLens]','nggallery'); ?>
+		</a>
+	</div>
+<?php } ?>
+	
+	<!-- Thumbnails -->
+    <?php $i = 0; ?>
+	<?php foreach ( $images as $image ) : ?>
+	<li>
+            <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
+
+                <div class="ngg-gallery-thumbnail" >
+                    <a href="<?php echo nggcf_get_field($image->pid, "url") ?>"
+                    title="<?php echo esc_attr($image->description) ?>"
+                    data-src="<?php echo nextgen_esc_url($image->imageURL) ?>"
+                    data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
+                    data-image-id="<?php echo esc_attr($image->pid); ?>"
+                    data-title="<?php echo esc_attr($image->alttext); ?>"
+                    data-description="<?php echo esc_attr($image->description); ?>"
+                    data-url="<?php echo nggcf_get_field($image->pid, "url"); ?>"
+                    data-front-description="<?php echo nggcf_get_field($image->pid, "Front Description"); ?>"
+                    <?php echo $image->thumbcode ?> >
+                        <?php if ( !$image->hidden ) { ?>
+                        
+                        <div class="image_overlay">
+                            <img title="<?php echo esc_attr($image->alttext) ?>" alt="<?php echo esc_attr($image->alttext) ?>" src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>" <?php echo $image->size ?> />
+                        </div>
+                    <span class="photoTitle"><?php if (!$image->hidden) { echo esc_attr($image->alttext); }?></span>
+                    <span class="photoHead"><?php if (!$image->hidden) { echo nggcf_get_field($image->pid, "Front Description"); } ?></span>
+                            <?php } ?>
+                    </a>
+                </div>
+                
+            </div>
+        </li>
+	<?php if ( $image->hidden ) continue; ?>
+	<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
+	<br style="clear: both" />
+	<?php } ?>
+ 	<?php endforeach; ?>
+ 	
+	<!-- Pagination -->
+ 	<?php echo $pagination ?>
+</ul>
+<?php endif; ?>
-- 
2.17.1