function addremoveheaderBanner(){
    var w_w = window.innerWidth;
    var windowLocation = window.location['pathname'];
    if(w_w < 1250){
        switch (page_section = windowLocation.split("/")[3]){
            case('aboutus') :
                $('.page-header').removeClass('aboutus');
                break;
            case('programmes') :
                $('.page-header').removeClass('programmes');
                break;
            case('info') :
                $('.page-header').removeClass('info_center');
                break;
            case('contact_us.htm') :
            $('.page-header').removeClass('contactus');
            break;
           default : 
                $('.page-header').removeClass('other');
                break;
        }

      

    }else{
        switch (page_section = windowLocation.split("/")[3]){
            case('aboutus') :
               
                $('.page-header').addClass('aboutus');
                break;
            case('programmes') :
                $('.page-header').addClass('programmes');
                break;
            case('info') :
                $('.page-header').addClass('info_center');
                break;
            case('contact_us.htm') :
                $('.page-header').addClass('contactus');
                break;
            default : 
                $('.page-header').addClass('other');
                break;
        }
     
    }
}
function isFocusable(){
    $('div, a, button, input, iframe, span, span.swiper-pagination-bullet, div.swiper-button-next, div.swiper-button-prev').each(function(){
        if ($(this).hasClass("unfocus")){
            $(this).attr("tabindex", -1);
        }else{$(this).attr("tabindex", '0')}
    })
};

function showPopupStaticMap(gmid, lang) {
    var lang2 = lang;
    if (lang != "en") {
        lang2 = "tc";
    }
    var url = "https://www.map.gov.hk/mapviewer/map.do?gmid=" + gmid + "&lg=" + lang2;
    window.open(url, "_blank", "noreferrer");
}

// e.g. lang = "en" or "tc"
function showPopupAdvancedMap(gmid, lang) {
    var lang2 = lang;
    if (lang != "en") {
        lang2 = "tc";
    }
    var url = "https://www.map.gov.hk/gm/gmid/" + gmid + "?lg=" + lang2;
    window.open(url, "_blank");
}

function changeLang(e, t) {
    var i = window.location,
    
        n = i.toString(),
        s = i.toString(),
        windowLocation = window.location['pathname'],
        window_lang = windowLocation.split("/")[2];
        // switch(window_lang){
        //     case "tc_chi":
        //         e ="/tc_chi/";
        //         break;
        //     case "english":
        //         e ="/english/";
        //         break;
        //     case "sc_chi":
        //         e = "/sc_chi/";
        //         break;
        // }
        
    s = s.replace(e, t), window.location = s == n ? t : s
}


$(document).ready(function () {
    var windowLocation = window.location['pathname'],
    window_lang = windowLocation.split("/")[2];
    page_section = windowLocation.split("/")[3];

    var cname = "cookie_lang_u";
    var today_date = new Date();
    today_date.setTime(today_date.getTime() + (30*24*60*60*1000));
    var cookie_expires = "expires="+ today_date.toUTCString();
    document.cookie = cname + "=english" + ";" + cookie_expires + ";path=/";
    // console.log("rru"+ window_lang);
    if (window_lang == 'sc' || window_lang == 'sc_chi'){
        var prevSlideMessage = "上一组投影片";
        var nextSlideMessage = "下一组投影片";
        var paginationBulletMessage = "到第{{index}}组投影片";
        var menu_close = "关闭";
        var menu_active = "选单";
        document.cookie = cname + "=sc_chi" + ";" + cookie_expires + ";path=/";
    }else if(window_lang == 'tc' || window_lang == 'tc_chi'){
        var prevSlideMessage = "上一組投影片";
        var nextSlideMessage = "下一組投影片";
        var paginationBulletMessage = "到第{{index}}組投影片";
        var menu_close = "關閉";
        var menu_active = "選單";
        document.cookie = cname + "=tc_chi" + ";" + cookie_expires + ";path=/";
    }else{
       
        var prevSlideMessage = "Previous slide group";
        var nextSlideMessage = "Next slide group";
        var paginationBulletMessage = "Go to slide group{{index}}";
        var menu_close = "close";
        var menu_active = "menu";
        document.cookie = cname + "=english" + ";" + cookie_expires + ";path=/";
    }

    addremoveheaderBanner();
    
      
    var prev_pageYOffset = 0;

    function update_top() {
        var t_h = $('header').outerHeight();
        $('body').css('padding-top', t_h);
        $('.mobile_header-nav').css('padding-top', t_h);
        // document.documentElement.style.setProperty('--headerHeight', $('header').outerHeight()+'px');
        if ($('header').hasClass('scroll_top')) {
            $('header').css('top', 0 - $('header').height());
        } else {
            $('header').css('top', 0);
        }
    };

    function focustrapHeaderMenu(e) {
        if (e.keyCode == 9) {
            let focusable_menubar = document.querySelector('.mobile_header-nav').querySelectorAll('a, button');
            let focusable_logo_close = document.querySelectorAll('.nav_logo, .menu-trigger');
            var focusable = Array.prototype.slice.call(focusable_logo_close).concat(Array.prototype.slice.call(focusable_menubar));
            // console.table(focusable_logo_close);
           
            if (focusable.length) {
                let first = focusable[0];
                let last = focusable[focusable.length - 1];
                let shift = e.shiftKey;
                if (shift) {
                    if (e.target === first) { // shift-tab pressed on first input in dialog
                        last.focus();
                        e.preventDefault();
                    }
                } else {
                    if (e.target === last) { // tab pressed on last input in dialog
                        first.focus();
                        e.preventDefault();
                    }
                }
            }
        }
    }
    function update_menu(_menuId) {
        var menuId = _menuId;
        windowLocation = window.location['pathname'],
        window_lang = windowLocation.split("/")[2];

        if ($('body').hasClass('menu-active')) {
            $('.nav-logo .mobile-menu-none').addClass('display-none');
            $('.nav-logo .mobile-menu-show').removeClass('display-none');

            $('.menu-trigger').find('.hamburger').addClass('is-active'); 
            
          
            $('.menu-trigger').attr('aria-label',menu_close);
            
            switch (menuId) {
                case "mobile_menu_nav":
                    $('#mobile_menu_nav').stop().slideDown(
                        // {
                        //     start: function(){
                        //         $('.flex-btn').css('display', 'none');
                        //     }
                        // }
                    );
                    break;
                case "mobile_lang_nav":
                    $('#mobile_lang_nav').stop().slideDown();
                    break;
            }

            if($(".mobile-search-keywords-box").css('display') == 'block'){
                $(".mobile-search-keywords-box").css('display','none');
                no_of_toggle_search_box ++;
            }
            $('.nav_logo').focus();
            document.addEventListener('keydown', focustrapHeaderMenu);
            
           $('.header-logo svg').css('fill','#fff');
           $('.header-logo-tc svg').css('fill','#fff');
           
           $(".mobile-search-keywords-box").css('display','none');
           

          
        } else {
            $('.nav-logo .mobile-menu-show').addClass('display-none');
            $('.nav-logo .mobile-menu-none').removeClass('display-none');
           
            $('.menu-trigger').find('.hamburger').removeClass('is-active');
           
            $('.menu-trigger').attr('aria-label',menu_active);
            $('#mobile_menu_nav').stop().slideUp(
                // {
                //     complete: function(){
                //         $('.flex-btn').css('display', 'flex');
                //     }
                // }
            );
            $('#mobile_lang_nav').stop().slideUp();

            $('.header-logo svg').css('fill','#000');
            $('.header-logo-tc svg').css('fill','#000');
        }
    };

    function update_region_card() {
        $('.region-card').each(function (idx) {
            $('.region-card').css('font-size', $('.region-card').width());
        });
    };

    $(".open-hotel-search-advance").on("click", function (evt) {

        if ($(".filter-hotel-advance").css('display') == 'none') {
            $(".filter-hotel-advance").show();
        } else {
            $(".filter-hotel-advance").hide();
        }
    });

    $(".btn-print").on("click", function (evt) {
        evt.preventDefault();
        window.print();
    });

    $(".menu-trigger").on('click', function () {
        var t_wrapper = $('body');
        t_wrapper.toggleClass('menu-active');
        update_menu("mobile_menu_nav");
        update_top();
    });

    $('.menu-trigger').keyup(function(event){
        if (event.which == 13){           
                $(".menu-trigger").trigger('click');            
        }
    });

    //nav language
    $(".lang_btn").on('click', function () {
        var t_wrapper = $('body');
        t_wrapper.toggleClass('menu-active');
        update_menu("mobile_lang_nav");
        update_top();
    });

    $('.lang_btn').keyup(function(event){
        if (event.which == 13){           
                $(".lang_btn").trigger('click');            
        }
    });



    $('span.swiper-pagination-bullet').each(function(){
        $(this).keyup(function(event){
            if (event.which == 13){
           
                $(this).trigger('click');
            
            }
        })
    });
    

    $(".top-highlight_close").on('click', function () {
        $('.top-highlight').stop().slideUp(400);
        for (let index = 0; index < 4; index++) {
            for (let index2 = 1; index2 <= 5; index2++) {
                setTimeout(function () {
                    update_top();
                }, (index * 100) + (index2 * 20 + 1));
            }
        }
    });

    $(".header-tools_item.btn-search .btn-search-img").click(function() {
        var search_site_keywords = $("input[name=search]").val();
        
        if (search_site_keywords != "" ) {
            let language = $("html").attr("lang")
            if (language=="en"){
                
                window.open('https://www.search.gov.hk/result?gp1=rru_home&gp0=rru_home&web=this&tpl_id=stdsearch&proxyreload=1&ui_lang=en&query=' + search_site_keywords, '_blank');
            }else if (language=="zh-Hans"){
             
                window.open('https://www.search.gov.hk/result?gp1=rru_home&gp0=rru_home&web=this&tpl_id=stdsearch&proxyreload=1&ui_lang=zh-cn&ui_lang=zh-cnhk&ui_charset=utf-8&query=' + search_site_keywords, '_blank');
            }else{
               
                window.open('https://www.search.gov.hk/result?gp1=rru_home&gp0=rru_home&web=this&tpl_id=stdsearch&proxyreload=1&ui_lang=zh-hk&query=' + search_site_keywords, '_blank');
                
            }    
        } else {
           $(".header-tools_item.btn-search .btn-search-text").addClass("shake-little");
           setTimeout(function() { 
            $(".header-tools_item.btn-search .btn-search-text").removeClass("shake-little");
        }, 201)
        }
    })

    $(".mobile-btn-search-img").click(function() {
        var mobile_search_site_keywords = $("input[name=mobile_search]").val();
        
        if (mobile_search_site_keywords != "" ) {
            let language = $("html").attr("lang")
            if (language=="en"){
              
                window.open('https://www.search.gov.hk/result?gp1=rru_home&gp0=rru_home&web=this&tpl_id=stdsearch&proxyreload=1&ui_lang=en&query=' + mobile_search_site_keywords, '_blank');
            }else if (language=="zh-Hans"){
              
                window.open('https://www.search.gov.hk/result?gp1=rru_home&gp0=rru_home&web=this&tpl_id=stdsearch&proxyreload=1&ui_lang=zh-cn&ui_lang=zh-cnhk&ui_charset=utf-8&query=' + mobile_search_site_keywords, '_blank');
            }else{
               
                window.open('https://www.search.gov.hk/result?gp1=rru_home&gp0=rru_home&web=this&tpl_id=stdsearch&proxyreload=1&ui_lang=zh-hk&query=' + mobile_search_site_keywords, '_blank');
                
            }    
            
        } else {
           $(".mobile-search-text").addClass("shake-little");
           setTimeout(function() { 
            $(".mobile-search-text").removeClass("shake-little");
        }, 201)
        }
    })

    var no_of_toggle_search_box =0;
    $(".mobile_header-tools_item.btn-search").click(function() {
        
        $(".mobile-search-keywords-box").slideToggle(function(){
            no_of_toggle_search_box ++;
            // console.log("b"+no_of_toggle_search_box);
            if (no_of_toggle_search_box %2 != 0){
                $('.mobile-search-text').focus();
            }
        });
    })
    $(".search-close").click(function() {
        $(".mobile-search-keywords-box").slideUp(function(){
            no_of_toggle_search_box ++;
            $('.hover_btn').focus();
        });
    })

    $('.input-search').keyup(function(event){
        if (event.which == 13){
            if($(this).hasClass('mobile-search-text')){   
                $(".mobile-btn-search-img").trigger('click');
            }else if ($(this).hasClass('btn-search-text')){
                $(".header-tools_item.btn-search> .btn-search-img").trigger('click');
            }
        }

    });
    //useful_links
    $(".operator-wrapper-color .operator-wrapper-change-color").each(function(){
        if($(this).prev().is("tbody")){
            var last_td_color = $(this).prev().find("tr:last-child").find("td").css('background-color');
            // const rgb2hex = (rgb) => `#${rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/).slice(1).map(n => parseInt(n, 10).toString(16).padStart(2, '0')).join('')}`;
            var rgb2hex = function rgb2hex(rgb) {
                return '#' + rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/).slice(1).map(function (n) {
                  return parseInt(n, 10).toString(16).padStart(2, '0');
                }).join('');
            };
            
            // console.log(last_td_color);
            // console.log(rgb2hex(last_td_color));
            if(rgb2hex(last_td_color) == "#e6e6e6"){
                
                $(this).find('td').css('background-color', '#f9f9f9');
            }else if(rgb2hex(last_td_color) == "#f9f9f9"){
                $(this).find('td').css('background-color', '#e6e6e6');
            }
        }
    })
    //end of useful-links
    
    var color_in_above = $('tr.color-above').prev().css('background-color');
    $('tr.color-above').css('background-color', color_in_above);
    // $("#article_search_more, .article_search_lightbox_overlay, .article_search_lightbox_close").on('click', function(){
    //     $('.article_search_lightbox_wrapper').toggleClass('active');
    // });

    

    $(".content-group.accordion .content-group-title").on('click', function () {
        var t_wrapper = $(this).closest('.content-group');
        t_wrapper.toggleClass('active');
        accordionActive(t_wrapper,'content-group.accordion');
            // if (t_wrapper.hasClass('active')) {
            //     $(this).attr('aria-expanded', 'true');
            //     t_wrapper.find('.content-group-text').stop().slideDown();
            // } else {
            //         $(this).attr('aria-expanded', 'false');
            //         t_wrapper.find('.content-group-text').stop().slideUp();
                
            // }
        
    });

    $(".content-group.accordion .content-group-title").keyup(function(event){
        if(event.which == 13){
            $(this).trigger("click");
        }
    })

    $('.show_recent_accordions .content-group.accordion').eq(0).addClass('active');
    accordionActive($('.show_recent_accordions .content-group.accordion').eq(0),'content-group.accordion');
   
    $(".content-accordion-block .content-accordion-block-title").on('click', function () {
        var t_wrapper = $(this).closest('.content-accordion-block');
        t_wrapper.toggleClass('active');
        accordionActive(t_wrapper, 'content-accordion-block');
        // if (t_wrapper.hasClass('active')) {
        //     $(this).attr('aria-expanded', 'true');
        //     t_wrapper.find('.content-accordion-block-text').stop().slideDown();
        // } else {
        //     $(this).attr('aria-expanded', 'false');
        //     t_wrapper.find('.content-accordion-block-text').stop().slideUp();
        // }

    });

    $(".content-accordion-block .content-accordion-block-title").keyup(function(event){
        if(event.which == 13){
            $(".content-accordion-block .content-accordion-block-title").trigger("click");
        }
    })

    $('.show_recent_accordions .content-accordion-block').eq(0).addClass('active');
    accordionActive($('.show_recent_accordions .content-accordion-block').eq(0), 'content-accordion-block');
 
    


    function accordionActive(accordionPassed, accordionType){
        if(accordionType == 'content-accordion-block'){
            if (accordionPassed.hasClass('active')) {
                $(accordionPassed).children('.content-accordion-block-title').attr('aria-expanded', 'true');
                accordionPassed.find('.content-accordion-block-text').stop().slideDown();
            } else {
                $(accordionPassed).children('.content-accordion-block-title').attr('aria-expanded', 'false');
                accordionPassed.find('.content-accordion-block-text').stop().slideUp();
            }
        }else{
            if (accordionPassed.hasClass('active')) {
                $(accordionPassed).children('.content-group-title').attr('aria-expanded', 'true');
                accordionPassed.find('.content-group-text').stop().slideDown();
            } else {
                    $(accordionPassed).children('.content-group-title').attr('aria-expanded', 'false');
                    accordionPassed.find('.content-group-text').stop().slideUp();
                
            }
        }

    }

    $(".mobile_header-nav-link").on('click', function (e) {
        if ($(this).closest('.mobile_header-nav_item.has-sub.open-sub').hasClass('open-sub')) {
            if (!$(this).is('[href]')) {
                e.preventDefault();
                $('.mobile_header-nav_item.has-sub').removeClass('open-sub');
                $(this).closest('.mobile_header-nav_item.has-sub').attr('aria-expanded', 'false')
            }
        } else {
            if (!$(this).is('[href]')) {
                e.preventDefault();
                $('.mobile_header-nav_item.has-sub').removeClass('open-sub');
                $(this).closest('.mobile_header-nav_item.has-sub').addClass('open-sub');
                $(this).closest('.mobile_header-nav_item.has-sub').attr('aria-expanded', 'true')

            }
        }
    });
    $(".mobile_header-nav-link").keyup(function(event){
        if(event.which == 13){
            $(this).trigger("click");
        }
    });

    $(".page-tab_curr, .page-tab_trigger").on('click', function () {
        $('.page-tab_list_wrapper').toggleClass('open-tab');
    });

    $(".scroll-top").on('click', function () {
        $("html, body").animate({ scrollTop: 0 }, "slow");
        $(".skip-to-content").focus();
    });
    $(".scroll-top").keyup(function(event){
        if(event.which == 13){
            $(this).trigger("click");
            
        }

    });


    // function update_tab(item){
    //     var tabid = $(item).data('id');
    //     var tabtitle = $(item).html();
    //     $('.page-tab_list_item').removeClass('active');
    //     $(item).addClass('active');

    //     $('.page-tab_list_wrapper').removeClass('open-tab');
    //     $('.page-tab').css('display', 'none');
    //     $('.page-tab[data-id="'+tabid+'"]').css('display', 'block');
    //     $('.page-tab_curr').html(tabtitle);
    //     $('.breadcrumb-item:last').html(tabtitle);
    // }

    // $(".page-tab_list_item").on('click', function(){
    //     update_tab(this);
    // });
    function changeSlideFocus(container){

        $(container +' .swiper-slide').each(function(){
            // var slide_img_border = String($(this).children('a').children('img').css('border'));
            var slide_a = $(this).children('a');
            if(slide_a.is(':focus')){
            // if(slide_img_border.indexOf('5px') != -1){
            //    console.log("focus")
                $(container +' .swiper-slide.swiper-slide-active a').focus();
                // $('.swiper-slide.swiper-slide-active').css('border', '1px solid #000');
            }
            
            if (!$(this).hasClass('swiper-slide-active')){
                $(this).children('a').attr('tabindex', -1);
            }else{
                $(this).children('a').removeAttr('tabindex');
            }

        })
        

        
    
    }
    
    

    (function(){
        var index_swiper = new Swiper('.index_slider .swiper-container', {

            a11y:{
                prevSlideMessage: prevSlideMessage,
                nextSlideMessage: nextSlideMessage,
                paginationBulletMessage: paginationBulletMessage,
            
            },
            loop: true,
            effect: "fade",
                fadeEffect: {
                    crossFade: true
                },
            
            navigation: {
                nextEl: '.index_slider .swiper-button-next',
                prevEl: '.index_slider .swiper-button-prev',
            },
            pagination: {
                clickable: true,
                el: '.index_slider .swiper-pagination',
            },
            autoplay: {
                delay: 5000,
            },
            on: {
                autoplayStart: function () {
                    $(".index_slider .play-pause-button .play").hide();
                    $(".index_slider .play-pause-button .pause").show();
                },
                autoplayStop: function () {
                    $(".index_slider .play-pause-button .play").show();
                    $(".index_slider .play-pause-button .pause").hide();
                },
                
            }
        });
        index_swiper.on('slideChangeTransitionEnd', function(){ changeSlideFocus('.index_slider'); });
        $(".index_slider .play-pause-button .play").click(function () {
            index_swiper.autoplay.start();
        });
        $(".index_slider .play-pause-button .pause").click(function () {
            index_swiper.autoplay.stop();
        });
    })();

    var article_desktop_swiper = new Swiper('.article_slider .display-desktop .swiper-container', {
        a11y:{
            prevSlideMessage: prevSlideMessage,
            nextSlideMessage: nextSlideMessage,
            paginationBulletMessage: paginationBulletMessage,
        
        },

        slidesPerView: 4,
        spaceBetween: 40,
        slidesPerGroup: 4,
        breakpoints: {
            // 480: {

            // },
            1350: {
                slidesPerView: 3,
                spaceBetween: 30,
                slidesPerGroup: 3,
            }
        },
        navigation: {
            nextEl: '.article_slider .display-desktop .swiper-button-next',
            prevEl: '.article_slider .display-desktop .swiper-button-prev',
        },
        pagination: {
            clickable: true,
            el: '.article_slider .display-desktop .swiper-pagination',
        },
    });
    article_desktop_swiper.on('slideChangeTransitionEnd', function(){ changeSlideFocus('.article_slider'); });

    var article_mobile_swiper = new Swiper('.article_slider .display-mobile .swiper-container', {
        a11y:{
            prevSlideMessage: prevSlideMessage,
            nextSlideMessage: nextSlideMessage,
            paginationBulletMessage: paginationBulletMessage,
        
        },
        pagination: {
            clickable: true,
            el: '.article_slider .display-mobile .swiper-pagination',
        },
    });


    article_mobile_swiper.on('slideChangeTransitionEnd', function(){ changeSlideFocus('.article_slider'); });

 
    $(function () {
        var hasvisited = sessionStorage.getItem('hasvisited');
      
        if (hasvisited != '1' && $("#fvc_popup").length) {
                $('div, a, button, input, iframe, span, span.swiper-pagination-bullet, div.swiper-button-next, div.swiper-button-prev').addClass("unfocus");
                isFocusable();
                $('#fvc_popup .popup-close, #fvc_popup a, #fvc_popup button, #fvc_popup iframe, #fvc_popup input, #fvc_popup span.swiper-pagination-bullet, #fvc_popup div.swiper-button-next, #fvc_popup div.swiper-button-prev').removeClass("unfocus")
                .attr("tabindex", 0);
           
        
                $(".index_slider .play-pause-button .pause").trigger("click");
                $(".other_site_slider .play-pause-button .pause").trigger("click");
            
              
            
            setTimeout(function () {
                $("#fvc_popup").fadeIn(function(){
                    $('#fvc_popup span.swiper-pagination-bullet').each(function(){
                        $(this).keyup(function(event){
                            if (event.which == 13){
                           
                                $(this).trigger('click');
                            
                            }
                        })
                    });
                });
               
                $("body").addClass("no-scroll");
                
            }, 2500);
            

            // $(".fcv_modal-close, .fcv_modal-backdrop").on('click', function () {
            $(".popup-close, .fcv_modal-backdrop").on('click', function () {
                $("body").removeClass("no-scroll");
                $("#fvc_popup").hide();
                $(".index_slider .play-pause-button .play").trigger("click");
                $(".other_site_slider .play-pause-button .play").trigger("click");
                $('div, a, button, input, iframe, span, span.swiper-pagination-bullet, div.swiper-button-next, div.swiper-button-prev').removeClass("unfocus");

                isFocusable();
                // $('div:not(#fvc_popup)').attr("tabindex", 0)
                // .removeClass("unfocus")
                // .removeAttr("disabled");
            });
                
           
            var swiper_index = new Swiper('.fcv--container .swiper-container', {
                a11y:{
                    prevSlideMessage: prevSlideMessage,
                    nextSlideMessage: nextSlideMessage,
                    paginationBulletMessage: paginationBulletMessage,
                
                },
           
            
                navigation: {
                    nextEl: ".fcv--container .swiper-button-next",
                    prevEl: ".fcv--container .swiper-button-prev",
                },
                pagination: {
                    clickable: true,
                    // el: '.fcv--container .swiper-pagination',
                    el: '.fcv_modal-content .swiper-pagination',
                },
                // autoplay: {
                //     delay: 5000,
                // },
                observer: true,
                observeParents: true,
                watchOverflow: true,
                on: {
                    init: function(){
                        // console.log($('.fcv--container .swiper-container .swiper-slide').length);
                        if($('.fcv--container .swiper-container .swiper-slide').length <=1){
                            $(".fcv--container .play-pause-button").hide();
                        }else{
                            $(".fcv--container .play-pause-button .pause").hide();
                        }
                    },
                    autoplayStart: function () {
                        $(".fcv--container .play-pause-button .play").hide();
                        $(".fcv--container .play-pause-button .pause").show();
                    },
                    autoplayStop: function () {
                        $(".fcv--container .play-pause-button .play").show();
                        $(".fcv--container .play-pause-button .pause").hide();
                    },
                }
                
            });
            swiper_index.on('slideChangeTransitionEnd', function(){ changeSlideFocus('.fcv--container'); });
            
            $(".fcv_modal-content .play-pause-button .play").click(function () {
                // $(this).addClass("clickedBtn");
                // $(".fcv_modal-content .play-pause-button .pause").removeClass("clickedBtn");
                swiper_index.autoplay.start();
            });
            $(".fcv_modal-content .play-pause-button .pause").click(function () {
                // $(this).addClass("clickedBtn");
                // $(".fcv_modal-content .play-pause-button .play").removeClass("clickedBtn");
                swiper_index.autoplay.stop();
            });
            sessionStorage.setItem('hasvisited', '1');
       
        };
    });
    

  
        
    /*tab bar js*/ 
  

    function activeTab(event){

        $(".tabA").attr("aria-selected", "false");
        $(".tabA").removeClass("active");
        $(".tabcontent").removeClass("display-block");
        $(".tabcontent").addClass("display-none");
        $(this).addClass("active");
        $(this).attr("aria-selected", "true");
        $("#" + event.data.param1).removeClass("display-none");
        $("#" + event.data.param1).addClass("display-block");
    };

    $(".tabA:nth-child(1)").click({param1:"whatsNew"}, activeTab); //whatsNew tab
    $(".tabA:nth-child(1)").trigger("click");
    $(".tabA:nth-child(2)").click({param1:"featureArticles"}, activeTab); //feature articles tab
    var hash = $(location).attr('hash');
    if (hash == "#featureArticles"){
        $(".tabA:nth-child(2)").trigger("click");
    }

    /*tab bar js[e]*/
   


    $(".content-section.content-slider").each(function (idx) {
        var temp_id = 'obj-' + idx;
        $(this).addClass(temp_id);
        var content_slider = new Swiper('.content-section.content-slider.' + temp_id + ' .swiper-container', {
            a11y:{
                prevSlideMessage: prevSlideMessage,
                nextSlideMessage: nextSlideMessage,
                paginationBulletMessage: paginationBulletMessage,
            
            },
            slidesPerGroup: 4,
            slidesPerView: 4,
            spaceBetween: 35,
            breakpoints: {
                520: {
                    slidesPerView: 1,
                    slidesPerGroup: 1,
                    spaceBetween: 0,
                },
                760: {
                    slidesPerGroup: 2,
                    slidesPerView: 2,
                    spaceBetween: 20
                },
                960: {
                    slidesPerGroup: 3,
                    slidesPerView: 3,
                    spaceBetween: 20,
                },
                1350: {
                    slidesPerGroup: 4,
                    slidesPerView: 4,
                    spaceBetween: 30,
                }
            },
            navigation: {
                nextEl: '.content-section.content-slider.' + temp_id + ' .swiper-button-next',
                prevEl: '.content-section.content-slider.' + temp_id + ' .swiper-button-prev',
            },
            pagination: {
                clickable: true,
                el: '.content-section.content-slider.' + temp_id + ' .swiper-pagination',
            },
        });
        content_slider.on('slideChangeTransitionEnd', function(){ changeSlideFocus('.content-section.content-slider.' + temp_id); });
    });
    
    (function () {
        var swiper = new Swiper('.other_site_slider .swiper-container', {
            a11y:{
                prevSlideMessage: prevSlideMessage,
                nextSlideMessage: nextSlideMessage,
                paginationBulletMessage: paginationBulletMessage,
            
            },
           
            loop: true,
            autoplay: {
                delay: 5000,
            },
            slidesPerGroup: 5,
            slidesPerView: 5,
            spaceBetween: 20,
            breakpoints: {
                // 350: {

                // },
                520: {
                    slidesPerGroup: 2,
                    slidesPerView: 2,
                    spaceBetween: 0,
                },
                760: {
                    slidesPerGroup: 3,
                    slidesPerView: 3,
                    spaceBetween: 20,
                },
                960: {
                    slidesPerGroup: 4,
                    slidesPerView: 4,
                    spaceBetween: 20,
                }
            },
            navigation: {
                nextEl: '.navigation-container .swiper-button-next',
                prevEl: '.navigation-container .swiper-button-prev',
            },
            pagination: {
                clickable: true,
                el: '.other_site_slider .swiper-pagination',
            },
            on: {
                autoplayStart: function () {
                    $(".other_site_slider .play-pause-button .play").hide();
                    $(".other_site_slider .play-pause-button .pause").show();
                },
                autoplayStop: function () {
                    $(".other_site_slider .play-pause-button .play").show();
                    $(".other_site_slider .play-pause-button .pause").hide();
                },
            }
        });
        swiper.on('slideChangeTransitionEnd', function(){ changeSlideFocus('.other_site_slider'); });

        $(".other_site_slider .play-pause-button .play").click(function () {
            swiper.autoplay.start();
        });
        $(".other_site_slider .play-pause-button .pause").click(function () {
            swiper.autoplay.stop();
        });
    })();
   
    $('.header-nav_item').each(function(){
        $(this).keyup(function(e){
            if(e.which == 9){
           
                $('.header-nav_sub').css('visibility', 'hidden');
                $('.header-nav_sub').css('opacity', '0');
                $(this).children('.header-nav_sub').css('visibility', 'visible');
                $(this).children('.header-nav_sub').css('opacity', '1');
            }
        });

        $(this).hover(function(){
           
           
                $('.header-nav_sub').css('visibility', 'hidden');
                $('.header-nav_sub').css('opacity', '0');
                $(this).children('.header-nav_sub').css('visibility', 'visible');
                $(this).children('.header-nav_sub').css('opacity', '1');
            
        },function(){
           
           
            $('.header-nav_sub').css('visibility', 'hidden');
            $('.header-nav_sub').css('opacity', '0');
           
        
        });
    })

    $(window).resize(function () {
        var w_w = window.innerWidth;
        if (w_w > 1250) {
            $('body').removeClass('menu-active');
            update_menu("mobile_menu_nav");
            update_menu("mobile_lang_nav");
            $('#mobile_menu_nav').removeAttr('style');
            $('.hamburger').removeClass('is-active');
            
            $('.page-tab_list_wrapper').removeClass('open-tab');

            $('.header-logo svg').css('fill','#000');
            $('.header-logo-tc svg').css('fill','#000');

            
            $(".mobile-search-keywords-box").slideUp( function(){
                no_of_toggle_search_box ++;
                if(no_of_toggle_search_box %2 != 0){
                    no_of_toggle_search_box ++;
                }
               
                // console.log(no_of_toggle_search_box);
                }
            );
        }else{
            update_menu("mobile_menu_nav");
            update_menu("mobile_lang_nav");
        }
        addremoveheaderBanner();
        update_top();

        if ($('.article_slider').length) {
            // $('.article_slider .swiper-button-next').css('top', $('.display-desktop .section-article-icon').eq(0).height()/2 + parseInt($('.article_slider').css('paddingTop')));
            // $('.article_slider .swiper-button-prev').css('top', $('.display-desktop .section-article-icon').eq(0).height()/2 + parseInt($('.article_slider').css('paddingTop')));
        }
    });

    $(window).on("orientationchange", function () {
        $(window).resize();
    });

    $(window).scroll(function () {
        if (window.pageYOffset > $('header').outerHeight()) {
            $('header').addClass('fixed');
            if (prev_pageYOffset < window.pageYOffset) {
                $('header').addClass('scroll_top');
            } else if (prev_pageYOffset > window.pageYOffset) {
                $('header').removeClass('scroll_top');
            }
        } else {
            $('header').removeClass('fixed');
            $('header').removeClass('scroll_top');
        }
        prev_pageYOffset = window.pageYOffset;
        update_top();
        update_region_card();
    });



    $(window).resize();
    // if($('.page-tab_list .page-tab_list_item').length){
    //     update_tab($('.page-tab_list .page-tab_list_item').eq(0));
    // }

   

});


//for EM dropdown menu
$(document).keyup(function(e) {
     if (e.key === "Escape") { 
                $('.emdropdown-content').addClass("inactive");

    }
});

$(document).ready(function(){
	$('.emdropdown').hover(function(){
            $('.emdropdown:hover .emdropdown-content').removeClass("inactive");
    });
});

//