document.querySelector("html").setAttribute('style','display:none;');
var tempHeaderDiv;
var tempFooterDiv

let headerReplace = false;

fetch("https://store.wacoal.jp/dynamicwcl/wwsContentpageHeaderShow",{
     mode: 'cors',
     credentials: 'include'
    })
    .then(response => {
        if (!response.ok) {
            throw new Error("Network response was not ok " + response.statusText);
        }
        return response.text();
    })
    .then(html => {
        tempHeaderDiv = document.createElement('div');
        tempHeaderDiv.innerHTML = html;
        
        let intervalIDreplaceHeader = setInterval(() => {
            let elm = document.getElementById("wwsHeader");
            if(elm) {
                elm.replaceWith(tempHeaderDiv);
                loadJs(tempHeaderDiv, 0);
                headerReplace = true;
                clearInterval(intervalIDreplaceHeader);
                
                document.getElementById("rn-header").style.display = 'none';
            }
        }, 100);

    })
    .catch(error => {
        console.error("There has been a problem with your fetch operation:", error);
    });


fetch("https://store.wacoal.jp/dynamicwcl/wwsContentpageFooterShow",{
     mode: 'cors',
     credentials: 'include'
    })
    .then(response => {
        if (!response.ok) {
            throw new Error("Network response was not ok " + response.statusText);
        }
        return response.text();
    })
    .then(html => {
        tempFooterDiv = document.createElement('div');
        tempFooterDiv.setAttribute("footer", "true");
        tempFooterDiv.innerHTML = html;
        
        let intervalIDreplaceFooter = setInterval(() => {
            let elm = document.getElementById("wwsFooter");
            if(elm && headerReplace) {
                elm.replaceWith(tempFooterDiv);
                clearInterval(intervalIDreplaceFooter);
                
                document.getElementById("rn-footer").style.display = 'none';
                if(document.getElementById("sns")){
                    document.getElementById("sns").style.display = 'none';
                }
                let metaTag = document.createElement('meta');
                metaTag.name = "viewport";
                metaTag.content = "width=device-width,initial-scale=1";
                document.head.appendChild(metaTag);

                loadJs(tempFooterDiv, 0);
            }
        }, 100);
    })
    .catch(error => {
        console.error("There has been a problem with your fetch operation:", error);
    });


var interval = setInterval(() => {
    let elm = document.getElementById("rn-header");
    if(!elm) return;

    let checkStyle = window.getComputedStyle(document.getElementById("rn-header"));
    if(checkStyle.fontFeatureSettings=='"palt"'){
        
        document.getElementById("rn-header").style.display = 'flex';
        document.getElementById("rn-footer").style.display = 'block';
        if(document.getElementById("sns")){
            document.getElementById("sns").style.display = 'block';
        }
        clearInterval(interval);
        document.querySelector("html").removeAttribute('style');
    }
}, 100);


var loaded=0;
function loadJs(tempDiv, i){
    let scriptsCollection = tempDiv.getElementsByTagName('script');
    let scripts = Array.from(scriptsCollection);
    let scriptTag ,scriptTag2;

    if(i >= scripts.length) return;

    let script = scripts[i];
    if(script.src){
        scriptTag = document.createElement('script');
        scriptTag.src = script.src;
        scriptTag.charset = "UTF-8";
        if(script.src.indexOf("jquery-2.1.1.min.js")>0
        || script.src.indexOf("r2_plugin.js") > 0){
            scriptTag.onload = function(){
               loadJs(tempDiv, i+1);
            }
        }else if(scriptTag.src.indexOf("rn_main.js")>0){
            
            scriptTag.onload = function(){
                viewport();
                smoothScroll();

                document.querySelector('body').classList.add('is-loaded');
                if(typeof l.init === 'function') l.init({disableScroll: true,disableFocus: true,awaitOpenAnimation: true,awaitCloseAnimation: true,openClass: 'is-open'});
                if(document.querySelector('.js-rn-tabs')) tabs();
                if(typeof pagetop === 'function') pagetop();
                if(typeof headerCheck === 'function') headerCheck();
                loadJs(tempDiv, i+1);
            }
        }else{
            loadJs(tempDiv, i+1);
        }
        document.head.appendChild(scriptTag);
        if(tempDiv.getAttribute("footer")) loaded++;
    }else{
        eval(script.innerHTML);
        if(tempDiv.getAttribute("footer")) loaded++;
        loadJs(tempDiv, i+1);
    }
    if(loaded==scripts.length){
        if(document.querySelectorAll("script[script_main]")){
            let functions = document.querySelectorAll("script[script_main]");
            functions.forEach(function(f) {
                window[f.getAttribute("script_main")]();
            });
        }
    }
}