// Alle extra instellingen voor de routes
$(window).load(function() {
    // Zorg ervoor dat de hoogte iets later word ingesteld
    var gallery = $('#grid-container');
    setTimeout(function() {        
        gallery.css('height', '554px'); 
    }, 500); 

    // Totaal aantal routes
    var total_routes = 16;

    // Alle routes na de 6e verbergen
    for(var i = 0; i < total_routes; i++) {
        if(i > 5) {
            $('.route' + i).hide();
        }
    }

    // Zichtbaar maken van overige routes
    $(document).delegate('.cbp-l-loadMore-button-link', 'click', (function() {
        /*
        * Bug fix voor het groter maken van de gallery wanneer er een specifieke stad is geselecteerd 
        * Wanneer er dan op de knop meer laden word geklikt word de gallery niet groter
        */
        if($(this).html() !== 'Alle routes geladen') {
            // Bug fix voor IE
            var rows = Math.ceil(total_routes / 3);         // Bereken het aantal rijen
            var galleryHeight = (rows * 267) + 20;            // Bereken de hoogte van de gallery (267 is de hoogt van een rij), (20 is de ruimte tussen elke rij)
            gallery.css('height', galleryHeight + 'px');    // De hoogt opnieuw instellen
            // Einde bug fix voor IE

            // Routes weergeven 
            for(var j = 0; j < total_routes; j++) {
                var route = $('.route' + j);

                if(j > 5) {
                    if(!route.is(':visible')) {
                        route.fadeToggle(); 
                    }
                }
            } 
        }  
    }));

    // Zichtbaar maken van routes wanneer er op een specifieke stad word geklikt
    $(document).delegate('.cbp-filter-item', 'click', (function() {
        var $this = $(this);
        var stad = $this.data('filter'); 

        // Zorgen dat de functie niet word aangeroepen wanener alle routes worden gekozen
        if(stad !== '*') {
            // Alleen uitvoeren als de stad onzichtbaar is 
            if(!$(stad).is(':visible')) {
                $(stad).fadeToggle();
            }
        }    
    })); 
    
    // Bug fix voor het resizen van de gallery wanneer er een route aangeklikt wordt
    $(document).delegate('a.cbp-caption.cbp-singlePageInline', 'click', (function() {
        var $this = $(this);
        
        // Krijg het aantal zichtbare routes
        var visibleRoutes = [];
        var i = 0;
        $('.route').each(function() {
            var route = $(this);
            
            if(route.is(':visible')) {
                visibleRoutes[i] = 1;
                i++;
            }
        });
        
        visibleRoutes.length;
        
        setTimeout(function() {
            var rows = Math.ceil(visibleRoutes.length / 3); // Deel het aantal zichtbare routes door 3
            
            var routeShownHeight = $('.cbp-popup-singlePageInline').css('height'); // Krijg de hoogte van de popup
            routeShownHeight = Number(routeShownHeight.replace('px', '')); // Haal px weg en maak er een cijfer van
            
            var galleryHeight = (rows * 267) + (rows * 20) + routeShownHeight; // Bereken de hoogte van de gallery
            
            gallery.css('height', galleryHeight + 'px'); // Zet de hoogte van de gallery
        }, 1000);
    })); 
});

$(document).ready(function() {
    // Naar de volgende pagina    
    $(document).delegate('.scroll-btn', 'click', (function() {
        var $this = $(this);
        // Zoek de volgende div
        var divID = '#' + $this.closest('section').next('section').attr('id');
                 
        // Smooth scroll naar de volgende div
        $('html, body').animate({
            scrollTop: $(divID).offset().top
            }, 1000);  
    }));

    // Sla de active link op
    var active_link;
    $('.menu-item').click(function() {
        // Als de pagina voor het eerst word geladen is de active_link undefined
        if(active_link != undefined) {
            // Haal de active class van de active_link
            active_link.removeClass('active');
        }
        var $this = $(this);
        // Geef de active_link een waarde
        active_link = $this;                   
        // Geef de huidige link de active class
        $this.addClass('active');
    });
    
    //  Pagina verdeling
    var href = document.URL;
    var lasthref = href.substr(href.lastIndexOf('/') + 1);
    var res = lasthref.split("-");
    if( res[0] = 'kunstenaars' ) {
            $('html, body').animate({scrollTop: $('#'+lasthref).offset().top -554});
    }    
    

    // Pagina actief maken in menu met scrollen 
    $(window).bind('scroll', function() {
        $('.page').each(function() {
            var page = $(this);
            var position = page.position().top - $(window).scrollTop();

            // Zet hoe ver van te voren de active link moet veranderen
            if(position <= 100) {
                var id = '#' + page.attr('id'); 

                $('.menu-item').each(function() {
                    var menu_item = $(this);
                    var link = menu_item.attr('href');

                    if(link === '#') {
                        link = '#home';    
                    } else {
                        link = link;
                    }

                    if(id === link) {
                        menu_item.addClass('active');
                    } else {
                        menu_item.removeClass('active');
                    }
                });
            }
        });
    });            
});