window.addEventListener('DOMContentLoaded', event => {
   
    let jezik=0;
    if(localStorage.getItem('jezik')==null) jezik=0;
    else jezik=parseInt(localStorage.getItem('jezik'));
    switch(jezik){
        case 0:{
            $('[lang="en"]').hide();
            $('[lang="fr"]').hide();
            $('[lang="sr"]').show();
            break;
        }
        case 1:{
            $('[lang="en"]').show();
            $('[lang="fr"]').hide();
            $('[lang="sr"]').hide();
            break;
        }
        case 2:{
            $('[lang="en"]').hide();
            $('[lang="fr"]').show();
            $('[lang="sr"]').hide();
            break;
        }
       default:{
            $('[lang="en"]').hide();
            $('[lang="fr"]').hide();
            $('[lang="sr"]').show();
            break;
        }
    }
        
   
    // Navbar shrink function
    var navbarShrink = function () {
        const navbarCollapsible = document.body.querySelector('#mainNav');
        navbarCollapsible.classList.add('navbar-shrink')
    };

    // Shrink the navbar 
    navbarShrink();

    // Shrink the navbar when page is scrolled
    document.addEventListener('scroll', navbarShrink);

    // Activate Bootstrap scrollspy on the main nav element
    const mainNav = document.body.querySelector('#mainNav');
    if (mainNav) {
        new bootstrap.ScrollSpy(document.body, {
            target: '#mainNav',
            offset: 74,
        });
    };

    // Collapse responsive navbar when toggler is visible
    const navbarToggler = document.body.querySelector('.navbar-toggler');
    const responsiveNavItems = [].slice.call(
        document.querySelectorAll('#navbarResponsive .nav-link:not(.faq)')
    );
    responsiveNavItems.map(function (responsiveNavItem) {
        responsiveNavItem.addEventListener('click', () => {
            if (window.getComputedStyle(navbarToggler).display !== 'none') {
                navbarToggler.click();
            }
        });
    });

    // Activate SimpleLightbox plugin for portfolio items
    new SimpleLightbox({
        elements: '#portfolio a.portfolio-box'
    });

    document.getElementById("srp").addEventListener("click",function(){
        $('[lang="fr"]').hide();
        $('[lang="en"]').hide();
        $('[lang="sr"]').show();
        jezik=0;
        localStorage.setItem('jezik', '0');
    });
    document.getElementById("en").addEventListener("click",function(){
        $('[lang="fr"]').hide();
        $('[lang="en"]').show();
        $('[lang="sr"]').hide();
        jezik=1;
        localStorage.setItem('jezik', '1');
    });
    document.getElementById("fr").addEventListener("click",function(){
        $('[lang="fr"]').show();
        $('[lang="en"]').hide();
        $('[lang="sr"]').hide();
        jezik=2;
        localStorage.setItem('jezik', '2');
    });

   

        $('body').on('click touchstart', function () {
            const videoElement1 = document.getElementById('snimak1');
            const videoElement2 = document.getElementById('snimak2');
            if (videoElement1.playing) {
                // video is already playing so do nothing
            }
            else {
                // video is not playing
                // so play video now
                videoElement1.play();
            }
            if (videoElement2.playing) {
                // video is already playing so do nothing
            }
            else {
                // video is not playing
                // so play video now
                videoElement2.play();
            }
    });

});