<?php
/**
Template Page for the gallery carousel

Follow variables are useable :

	$gallery     : Contain all about the gallery
	$images      : Contain all images, path, title
	$pagination  : Contain the pagination content
	$current     : Contain the selected image
	$prev/$next  : Contain link to the next/previous gallery page


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">

	<div class="pic"><img title="<?php echo esc_attr( \Imagely\NGG\Display\I18N::ngg_plain_text_alt_title_attributes( $current->alttext ) ); ?>" alt="<?php echo esc_attr( \Imagely\NGG\Display\I18N::ngg_plain_text_alt_title_attributes( $current->alttext ) ); ?>" src="<?php echo \Imagely\NGG\Util\Router::esc_url( $current->url ); ?>" /></div>

	<ul class="ngg-gallery-list">

		<!-- PREV LINK -->
			<?php if ( $prev ) : ?>
		<li class="ngg-prev">
			<a class="prev" href="<?php echo \Imagely\NGG\Util\Router::esc_url( $prev ); ?>">&#9668;</a>
		</li>
		<?php endif; ?>

		<!-- Thumbnail list -->
			<?php foreach ( $images as $image ) : ?>
				<?php
				if ( $image->hidden ) {
					continue;}
				?>


		<li id="ngg-image-<?php echo esc_attr( $image->pid ); ?>" class="ngg-thumbnail-list
									<?php
									if ( $image->pid == $current->pid ) {
										echo 'selected';}
									?>
		" >
			<a href="<?php echo \Imagely\NGG\Util\Router::esc_url( $image->pidlink ); ?>" title="<?php echo esc_attr( $image->description ); ?>" >
				<img title="<?php echo esc_attr( \Imagely\NGG\Display\I18N::ngg_plain_text_alt_title_attributes( $image->alttext ) ); ?>" alt="<?php echo esc_attr( \Imagely\NGG\Display\I18N::ngg_plain_text_alt_title_attributes( $image->alttext ) ); ?>" src="<?php echo \Imagely\NGG\Util\Router::esc_url( $image->thumbnailURL ); ?>" <?php echo $image->size; ?> />
			</a>
		</li>

		<?php endforeach; ?>

		<!-- NEXT LINK -->
			<?php if ( $next ) : ?>
		<li class="ngg-next">
			<a class="next" href="<?php echo \Imagely\NGG\Util\Router::esc_url( $next ); ?>">&#9658;</a>
		</li>
		<?php endif; ?>

	</ul>

</div>

	<?php endif; ?>