'use strict';

function hamburger() {
  document.getElementById('menu-waku').classList.toggle('is-active');
  document.getElementById('l-hmb').classList.toggle('is-active');
  document.getElementById('l-close').classList.toggle('is-active');
}


window.addEventListener('load', function(){
    if (window.matchMedia && window.matchMedia('(max-device-width: 767px)').matches) {
        console.log('スマホ');
        // 全角を半角に
        let headerLogoTop = document.getElementById('headerlogo');
        let headerLogo = document.getElementsByClassName('headerlogo')[0];
        var main = document.getElementById('main');
        if(main) {
            main.innerHTML = main.innerHTML.replace(/　/g, " ");
        }
        // ハンバーガーボタンを生成
        let menuWaku = document.getElementById('menu-waku');
        let new_element1 = document.createElement('i');
        let new_element2 = document.createElement('i');
        new_element1.id = 'l-hmb';
        new_element1.classList = 'l-hmb';
        new_element1.appendChild(document.createElement('span'));
        new_element2.id = 'l-close';
        new_element2.classList = 'l-close';
        if (menuWaku) {
            menuWaku.before(new_element1);
            menuWaku.appendChild(new_element2);
        }
        
        // ハンバーガー
        let lHmb = document.getElementById("l-hmb");
        if (lHmb) {
            lHmb.addEventListener("click", function(){
                hamburger();
            });
            document.getElementById("l-close").addEventListener("click", function(){
                hamburger();
            });
        }
        
        // TOP重要なお知らせ
        var inTitle = document.getElementsByClassName("imp-news-title");
        
        if(inTitle[0]) {
            console.log(inTitle[0])
            inTitle[0].onclick = function inc() {
                document.getElementsByClassName('imp-news-content')[0].classList.toggle('is-active');
            }
        }
        var lol = document.querySelectorAll('.level2')[0];
        if (lol) {
            lol.innerHTML = lol.innerHTML.replace(/　/g, " ");
        }
        
        var body = document.getElementsByTagName('body')[0];
        
        // スマホで不要なpage-start非表示
        var pageStart = document.querySelectorAll('a[name="page-start"]')[0];
        if (pageStart) {
            pageStart.style.display = 'none';
            body.id = 'page-start';
        }
        
        var page_start = document.querySelectorAll('a[name="page_start"]')[0];
        if (page_start) {
            page_start.style.display = 'none';
            body.id = 'page_start';
        }
        
        
        // console.log(body);
        var href = location.href;
        let stringArray = href.split("/");
        console.log(stringArray);
        
        if (stringArray.indexOf('eng') != -1) {
            console.log('eng!');
            if(headerLogo){
                headerLogo.src = "/eng/top-images/top_logo.gif";
            }
            let stringArrayEng = stringArray[stringArray.length -2];
            console.log(stringArrayEng);
            body.classList = "eng";
            if(stringArray[5]) {
                if( stringArray[5].indexOf('index') !== -1) {
                    console.log('index!');
                    stringArray = stringArray[stringArray.length -2];
                    // console.log(stringArray);
                } else {
                    console.log('noindex!')
                    stringArray = stringArray[stringArray.length -1];
                    // console.log(stringArray);
                }
                
                // console.log(stringArray);
                stringArray = stringArray.replace('.html','');
                if(stringArray.indexOf('?') != -1) {
                    stringArray = stringArray.substring(0, stringArray.indexOf("?"));
                }
                // console.log(stringArray);
                body.classList.add(stringArray);
            }
        } else {
            console.log('no eng!');
            if(headerLogoTop) {
                headerLogoTop.src = "/top-images/top_logo_sp.gif";
            }
            if(headerLogo) {
                headerLogo.src = "/top-images/top_logo_sp.gif";
            }
            if(stringArray[4]) {
                if( stringArray[4].indexOf('index') !== -1) {
                    console.log('index!');
                    stringArray = stringArray[stringArray.length -2];
                    // console.log(stringArray);
                } else {
                    console.log('noindex!')
                    stringArray = stringArray[stringArray.length -1];
                    // console.log(stringArray);
                }
                
                console.log(stringArray);
                stringArray = stringArray.replace('.html','');
                if(stringArray.indexOf('?') != -1) {
                    stringArray = stringArray.substring(0, stringArray.indexOf("?"));
                }
                if(stringArray.indexOf('#') != -1) {
                    stringArray = stringArray.substring(0, stringArray.indexOf("#"));
                }
                // console.log(stringArray);
                body.classList.add(stringArray);
            }
            
        }
        let newEle = document.createElement('div');
        newEle.classList.add('reaomore');
        newEle.id = 'reaomore';
        newEle.innerHTML = "READ MORE";
        let mainmenuWhatsNew = document.getElementsByClassName('mainmenu-Whats-New');
        
        if (mainmenuWhatsNew[4]) {
            mainmenuWhatsNew[4].parentNode.insertBefore(newEle, mainmenuWhatsNew[4].nextElementSibling);
            for(let i = 0; i < mainmenuWhatsNew.length; i++) {
                mainmenuWhatsNew[i].dataset.number = i;
            }
            
            for(let j = 0; j < mainmenuWhatsNew.length; j++) {
                if (mainmenuWhatsNew[j].dataset.number > 4) {
                    
                    mainmenuWhatsNew[j].style.display = 'none';
                    let reaomore = document.getElementById('reaomore');
                    reaomore.addEventListener("click", function(){
                        reaomore.remove();
                        mainmenuWhatsNew[j].style.display = 'flex';
                    });
                }
                
            }
        }
        
        if (stringArray.indexOf('qa') != -1) {
          $(function() {
          	var Accordion = function(el, multiple) {
          		this.el = el || {};
          		this.multiple = multiple || false;
          
          		// Variables privadas
          		var links = this.el.find('.link');
          		// Evento
          		links.on('click', {
          			el : this.el,
          			multiple : this.multiple
          		}, this.dropdown)
          	}
          
          	Accordion.prototype.dropdown = function(e) {
          		var $el = e.data.el;
          		let $this = $(this), $next = $this.next();
          
          		$next.slideToggle();
          		$this.parent().toggleClass('open');
          
          		if (!e.data.multiple) {
          			$el.find('.submenu').not($next).slideUp().parent().removeClass(
          					'open');
          		}
          		;
          	}
          
          	var accordion = new Accordion($('#accordion'), true);
          });
        }
        
        return;
    }
});