jQuery(document).ready(function ($) {
    // #front-office
    $('#popup .close').click(() => {
        let classes = $('#popup').attr('class').split(' ');
        function displayNone () {
            $('#popup').css('display', 'none');
        }
        for (i = 0; i < classes.length; i++) {
            switch (classes[i]) {
                case 'anim-duration-1':
                    $('#popup').css('transition', 'all 1s ease');
                    setTimeout(displayNone, 1000);
                    break;
                case 'anim-duration-2':
                    $('#popup').css('transition', 'all 2s ease');
                    setTimeout(displayNone, 2000);
                    break;
                case 'anim-duration-1-2':
                    $('#popup').css('transition', 'all ease .5s');
                    setTimeout(displayNone, 500);
                    break;
                case 'anim-type-fade_in':
                    $('#popup').css('opacity', '0')
                    break;
                case 'anim-type-zoom_in':
                    $('#popup').css('height', '0');
                    $('#popup').css('width', '0');
                    $('#popup').css('padding', '0');
                    $('#popup').css('border', 'none');
                    break;
                case 'anim-type-slide_in':
                    if (window.innerWidth + 'px' === ($('#popup').css('width'))) { // band popup
                        parseInt($('#popup').css('top')) <= parseInt($('#popup').css('bottom')) ? ($('#popup').css('top', '-100%')) : ($('#popup').css('bottom', '-100%'));
                    } else {  // card
                        if (Math.floor(window.innerWidth/2) === (parseInt($('#popup').css('left'))) && Math.floor(window.innerHeight/2) === (parseInt($('#popup').css('top')))) { 
                            ($('#popup').css('top', '-100%'));
                        } else {
                            // REVOIR CETTE PARTIE QUI PEUT POSER PROBLEME QUAND LE POPUP EST CENTRÉ SUR CERTAINES PAGES
                            parseInt($('#popup').css('left')) <= parseInt($('#popup').css('right')) ? ($('#popup').css('left', '-100%')) : ($('#popup').css('right', '-100%'));
                        }
                    }
                    break;
            }
        }
    });

    $('.media video').click(() => {
        $('.media img').css('display', 'none');
    })
})