$(document).ready(function() {
	$('#js-month-select').change(function(){
		location.href = '/nl/gallery?s='+this.value;
	});
	
	$(".js-popup").fancybox({
			
	});
	
	var onMouseOutOpacity = 0.65;
	$('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
		.hover(
		function () {
			$(this).not('.selected').fadeTo('fast', 1.0);
		}, 
		function () {
			$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
		}
	);
	
    var gallery = $('#gal').galleriffic('#thumbs', {
        delay:                  7500, // in milliseconds
        numThumbs:              7, // The number of thumbnails to show page
        preloadAhead:           7, // Set to -1 to preload all images
        enableTopPager:         false,
        enableBottomPager:      true,
        imageContainerSel:      '#slideshow', // The CSS selector for the element within which the main slideshow image should be rendered
        controlsContainerSel:   '#controls', // The CSS selector for the element within which the slideshow controls should be rendered
        captionContainerSel:    '#caption', // The CSS selector for the element within which the captions should be rendered
        loadingContainerSel:    'loading', // The CSS selector for the element within which should be shown when an image is loading
        renderSSControls:       false, // Specifies whether the slideshow's Play and Pause links should be rendered
        renderNavControls:      true, // Specifies whether the slideshow's Next and Previous links should be rendered
        playLinkText:           'Play',
        pauseLinkText:          'Pause',
        prevLinkText:           'Previous',
        nextLinkText:           'Next',
        nextPageLinkText:       'Next ›',
        prevPageLinkText:       '‹ Prev',
        enableHistory:          false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes 
        autoStart:              true, // Specifies whether the slideshow should be playing or paused when the page first loads 
        onChange:               function(prevIndex, nextIndex) {
        							var img = $('#thumbs ul.thumbs').children().eq(nextIndex).attr('rel');
        							var title = $('#thumbs ul.thumbs').children().eq(nextIndex).attr('title');
        							$('#js-download-link').attr('href','/image/download/'+img+'/download/'+title);
        							$('#thumbs ul.thumbs').children()
									.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
									.eq(nextIndex).fadeTo('fast', 1.0);
									
								},	
		onTransitionOut:        function(callback) {
									$('#slideshow').fadeTo('fast', 0.0, callback);
								},
        onTransitionIn:         function() {
									$('#slideshow').fadeTo('fast', 1.0);
								},
        onPageTransitionOut:    function(callback) {
									$('#thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
								},
       	onPageTransitionIn:     function() {
									$('#thumbs ul.thumbs').fadeTo('fast', 1.0);
		}
    });
    
	
	$(".fancybox").fancybox();
        $(".fancy_subscribe").fancybox({ 'callbackOnClose': function() {parent.location.reload();}});

});