document.write('<link href="https://cdnjs.cloudflare.com/ajax/libs/nanogallery/5.10.3/css/nanogallery.min.css" rel="stylesheet" type="text/css">');
document.write('<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/nanogallery/5.10.3/jquery.nanogallery.min.js"></script>');
document.write('<div id="nanoGallery"></div>');
document.write('<style>');
document.write('.nanogallery_theme_default .nanoGalleryNavigationbarContainer { display: none !important; } ');
document.write('.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .imgContainer { background-color: #fff;} ');
document.write('.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer { background-color: #fff; border: none; border-bottom: 1px solid #ccc; }');
document.write('.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer { background-color: #fff;} ');
document.write('</style>');

var nanoGalleryContainerHeight;
var FirstPage = true;

 jQuery(document).ready(function () {
	 jQuery(document).on('click','#loadMoreGallery', function() {
		$(this).remove(); 
		jQuery('.nanoGalleryThumbnailContainer').show();			
        jQuery('.nanoGalleryPagination').show();
	    if (nanoGalleryContainerHeight) {
	    	jQuery('.nanoGalleryContainer').css('height',nanoGalleryContainerHeight);
	    } else {
	    	jQuery('.nanoGalleryContainer').css('min-height','1400px');
	    }
	 });
      jQuery("#nanoGallery").nanoGallery({
        thumbnailWidth: 180,
        thumbnailHeight: 130,
        kind: 'json',
        paginationMaxLinesPerPage: 10,
        jsonProvider: 'https://skoda-galerie.azurewebsites.net/WLC/nanoPhotosProvider.php',
        album: '2017_sbot_sulov_galeria4',
        locationHash: false,
        colorScheme: 'none',
        paginationVisiblePages: 6,
        fnInitGallery: function() {
	        jQuery('.nanoGalleryPagination').css('width','100%');
	        jQuery('.nanoGalleryPagination div').addClass('btn-wlc btn-default');
	        jQuery('.nanoGalleryPagination div.currentPage').removeClass('btn-secondary').addClass('btn-primary');
	        jQuery('.nanoGalleryPagination div.paginationNext').removeClass('btn-secondary').addClass('btn-default');
	        if (FirstPage) {
		        jQuery('.nanoGalleryPagination').hide();
		        jQuery('.nanoGalleryThumbnailContainer').hide().filter('.nanoGalleryThumbnailContainer:lt(8)').show();
		        nanoGalleryContainer = jQuery('.nanoGalleryContainer').css('height');
		        jQuery('.nanoGalleryContainer').css('height','300px');
		        jQuery('.nanoGalleryConsoleParent').after('<div class="text-center"><button class="btn-wlc btn-primary" id="loadMoreGallery">zobraziť viac fotografií</button></div>');
	        }
	        FirstPage = false;
        },
        thumbnailLabel: {
        	display: false,
        },
        i18n: { 
            thumbnailLabelItemsCountPart1: '',
            thumbnailImageDescription: 'kliknite pre zobrazenie',
            paginationPrevious: 'predošlá',
            paginationNext: 'ďalšia'
        }
      });
    });

/*

*/