<?php 
$gallerymax = esc_attr(get_option( 'ombre_gallerymax' )); 
if (!empty($gallerymax)) {
    $max = $gallerymax;
} else {
    $max = 10;
}
?>
<div class="masonry-grid">
    <div id="<?php echo esc_attr($gallerycolumns); ?>" data-columns> 
<?php
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$wp_query = new WP_Query( 
    array('post_type' => 'ombregalleries','posts_per_page' => $max, 'paged' => $paged) 
);
?>
<?php while($wp_query->have_posts()) : $wp_query->the_post(); ?>
<?php $gallerytype = get_post_meta( get_the_id(), 'ombregallerytype', true ); ?>
<?php $galleryphotos = get_post_meta( get_the_id(), 'ombregalleryimages', true ); ?>
<?php $galleryexcerpt = get_post_meta( get_the_id(), 'ombregalleryexcerpt', true ); ?>
<?php $galleryvideos = get_post_meta( get_the_id(), 'ombregalleryvideos', true ); ?>
<?php $hidegallerytext = get_post_meta( get_the_id(), 'ombrehidegallerytext', true ); ?> 
<?php $galleryautoplay = get_post_meta( get_the_id(), 'ombreactivateauto', true ); ?>
<?php $galleryautoplayduration = get_post_meta( get_the_id(), 'ombreautoplaypause', true ); ?> 
<?php $activatezoom = get_post_meta( get_the_id(), 'ombreactivatezoom', true ); ?>
<?php $activatefullscreen = get_post_meta( get_the_id(), 'ombreactivatefullscreen', true ); ?>
<?php $activatethumbnails = get_post_meta( get_the_id(), 'ombreactivatethumbnails', true ); ?>
<?php $activatedownload = get_post_meta( get_the_id(), 'ombreactivatedownload', true ); ?>
<?php $share = get_post_meta( get_the_id(), 'ombreshare', true ); ?>

<div id="gallery<?php the_ID(); ?>" class="grid-container<?php if($gallerycolumns == 'four-columns') { ?> grid-small<?php } ?>">
    <?php if ( has_post_thumbnail() ) {
    $thumb_id = get_post_thumbnail_id();
    $thumb_url_array = wp_get_attachment_image_src($thumb_id, 'large', true);
    $thumb_url = $thumb_url_array[0];
                ?>
    <div class="grid-img">
        <a href="#" class="o-gallery <?php if ($gallerytype != 'video') { ?>photo<?php } else { ?>video<?php } ?>">
            <img src="<?php echo esc_url($thumb_url); ?>" alt="<?php the_title(); ?>" />
        </a>
    </div>
    <?php } ?>
    <?php if ($hidegallerytext != 'on') { ?>
    <div class="grid-content">
        <?php if($gallerycolumns != 'four-columns') { ?>
        <h4>
        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </h4>
        <?php if(!empty ($galleryexcerpt)) { ?>
        <p>
            <?php echo esc_attr($galleryexcerpt); ?>    
        </p>
        <?php } ?>
        <?php } else { ?>
        <h5>
        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </h5>
        <?php } ?>
    </div>
    <?php if($gallerycolumns != 'four-columns') { ?>
    <a class="arrow-button" href="#"><?php esc_attr_e( 'View Gallery', 'ombre' ); ?></a>
    <?php } ?>
    <?php } ?>
<?php if (($gallerytype != 'video') && (!empty($galleryphotos))) { ?>
<script type="text/javascript">
    jQuery('#gallery<?php the_ID(); ?> a').on('click', function (e) {
    "use strict";
    e.preventDefault();
    jQuery(this).lightGallery({
        // Settings
        dynamic: true,
        zoom: <?php if ($activatezoom == 'on') { echo esc_js('true'); } else { echo esc_js('false'); } ?>,
        mode: 'lg-zoom-out-in',
        fullScreen: <?php if ($activatefullscreen == 'on') { echo esc_js('true'); } else { echo esc_js('false'); } ?>,
        autoplay: <?php if ($galleryautoplay == 'on') { echo esc_js('true'); } else { echo esc_js('false'); } ?>,
        pause: <?php if (!empty($galleryautoplayduration)) { echo esc_js($galleryautoplayduration); } else { echo esc_js('4'); } ?>000,
        thumbnail: <?php if ($activatethumbnails == 'on') { echo esc_js('true'); } else { echo esc_js('false'); } ?>,
        download: <?php if ($activatedownload == 'on') { echo esc_js('true'); } else { echo esc_js('false'); } ?>,
        share: <?php if ($share == 'on') { echo esc_js('true'); } else { echo esc_js('false'); } ?>,
        counter: true,
        hash: true,
        galleryId: <?php the_ID(); ?>,
        pager: false,
        // Images
        dynamicEl: [
        <?php 
        foreach ($galleryphotos as $image => $link) { 
            $imageurl = wp_get_attachment_image_src( $image, 'full' );
            $large = wp_get_attachment_image_src( $image, 'large' );
            $medium = wp_get_attachment_image_src( $image, 'medium' );
            $thumbnailurl = wp_get_attachment_image_src( $image, 'thumbnail' );
            $attachment = get_post($image); 
        ?>
        {
        "src": "<?php echo esc_js($imageurl[0]); ?>",
        "thumb": "<?php echo esc_js($thumbnailurl[0]); ?>",
        "subHtml": "<?php echo esc_js($attachment->post_excerpt); ?>",
        "responsive": "<?php echo esc_js($medium[0]); ?> 480, <?php echo esc_js($large[0]); ?> 1024"
        },
        <?php } ?>
        ]
    });
});
</script>
        <?php } if (($gallerytype == 'video') && (!empty($galleryvideos))) { ?>
<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#gallery<?php the_ID(); ?> a').click(function (e) {
            e.preventDefault();
            jQuery(this).lightGallery({
                youtubePlayerParams: {
                modestbranding: 1,
                showinfo: 0,
                rel: 0,
                controls: 1
            },
            vimeoPlayerParams: {
                  byline : 0,
                  portrait : 1,
                  color : 'f5245f'     
             },
            dynamic: true,
            hash: true,
            galleryId: <?php the_ID(); ?>,    
            zoom: false,
            fullScreen: false,
            autoplayControls: false,
            thumbnail: false,
            download: true,
            counter: true,
            dynamicEl: [
                    <?php foreach ($galleryvideos as $video => $link) { ?> 
                    <?php if (isset($link['ombrevideourl'])) { $videourl = esc_js($link['ombrevideourl']); } ?>
                    <?php if (isset($link['ombrevideotitle'])) { $videotitle = esc_js($link['ombrevideotitle']); } ?>
                        {
                            "src": "<?php if (isset($link['ombrevideourl'])) { echo esc_js($videourl); } ?>",
                            "subHtml": "<?php if (isset($link['ombrevideotitle'])) { echo esc_js($videotitle); } ?>",
                        },
                    <?php } ?>
                    ]
                });
            })
        });
    </script>   
<?php } ?> 
</div>    
<?php endwhile; ?>
    </div>
</div>
<?php if ( $wp_query->max_num_pages > 1 ) { ?>
<div class="blogpager">    
    <div class="previous">
        <?php 
        $nexttext = '<i class="fa fa-chevron-left"></i>' . esc_attr__( 'Older Galleries', 'ombre' );
        $prevtext = esc_attr__( 'Newer Galleries', 'ombre' ) . '<i class="fa fa-chevron-right"></i>';
        ?>
        <?php next_posts_link( $nexttext , $wp_query->max_num_pages ); ?>
    </div>
    <div class="next">
        <?php previous_posts_link( $prevtext , $wp_query->max_num_pages ); ?>
    </div>
</div>
<?php } ?>
<?php wp_reset_postdata(); ?>