// gn div 삽입 및 호출
function gnBar(){
    document.write('<div id="gnb" class="joins_gnb gnb_joins_service"></div>')
}
(function($){
    $(function(){
        // 사이트별 css스타일 지정
        // 기본적으로 gnb_gray.css 적용
        // if(hrefCheck == joinsURL)를 통해 조인스프라임만 gnb.css 적용 및 slogo display none
        var defaultURL = 'https://static.joins.com/html/ui/joinsGN/css/';
        var general_css = defaultURL + 'gnb.css';
        var gray_css = defaultURL + 'gnb_gray.css';

        var hrefCheck = $(location).attr('href');
        var joinsURL = [
            'www.joins.com',
            'www01.joins.com',
            'www02.joins.com',
            'www03.joins.com',
            'www04.joins.com',
            'dev-www.joins.com/default.aspx'
        ];

        var myjoinsURL = 'https://my.joins.com/';
        var peopleURL = 'https://people.joins.com/';
        var conboxURL = 'https://conbox.joins.com/';
        var tongURL = 'http://tong.joins.com/';
        var sojoongURL = 'https://sojoong.joins.com/';

        function generalCss(){
            $('head').append('<link type="text/css" href="' + general_css + '" rel="stylesheet" />');
            $('.slogo').css('display','none');
        }
        function grayCss(){
            $('head').append('<link type="text/css" href="' + gray_css + '" rel="stylesheet" />');
        }

        switch (hrefCheck) {
            case 'https://www.joins.com/':
                generalCss()
                break;
            case 'https://www01.joins.com':
                generalCss()
                break;
            case 'https://www02.joins.com':
                generalCss()
                break;
            case 'https://www03.joins.com/':
                generalCss()
                break;
            case 'https://www04.joins.com/':
                generalCss()
                break;
            case 'https://www04.joins.com/':
                generalCss()
                break;
            case 'https://dev-www.joins.com/default.aspx':
                generalCss()
                break;
            default:
                grayCss()
        }


        // if(hrefCheck.indexOf(joinsURL[0]) == -1 || hrefCheck.indexOf('TargetURL=https://'+joinsURL[0]) > 0){
        //     console.log('1 :' + hrefCheck);
        //     $('head').append('<link type="text/css" href="' + gray_css + '" rel="stylesheet" />');
        //
        // }else if(hrefCheck.indexOf(joinsURL[0]) > 0 || hrefCheck.indexOf(joinsURL[1]) > 0 || hrefCheck.indexOf(joinsURL[2]) > 0 || hrefCheck.indexOf(joinsURL[3]) > 0 || hrefCheck.indexOf(joinsURL[4]) > 0 || hrefCheck.indexOf(joinsURL[5]) > 0) {
        //     console.log('2 :' + hrefCheck);
        //     $('head').append('<link type="text/css" href="' + general_css + '" rel="stylesheet" />');
        //     $('.slogo').css('display','none');
        // }



        // if(hrefCheck.indexOf(joinsURL[1]) == -1 || hrefCheck.indexOf(joinsURL[1]) == -1 || hrefCheck.indexOf(joinsURL[2]) == -1 || hrefCheck.indexOf(joinsURL[3]) == -1 ||  hrefCheck.indexOf(joinsURL[4]) == -1 || hrefCheck.indexOf(joinsURL[5]) == -1){
        //     console.log('1 :' + hrefCheck);
        //     $('head').append('<link type="text/css" href="' + gray_css + '" rel="stylesheet" />');
        // }else if(hrefCheck.indexOf(joinsURL[0]) > 0 || hrefCheck.indexOf(joinsURL[1]) > 0 || hrefCheck.indexOf(joinsURL[2]) > 0 || hrefCheck.indexOf(joinsURL[3]) > 0 || hrefCheck.indexOf(joinsURL[4]) > 0 || hrefCheck.indexOf(joinsURL[5]) > 0) {
        //     console.log('2 :' + hrefCheck);
        //     $('head').append('<link type="text/css" href="' + general_css + '" rel="stylesheet" />');
        //     $('.slogo').css('display','none');
        // }


        // gn div 내용
        var gnHtml = '';
        gnHtml +=
        '<div class="doc">' +
            '<strong class="slogo">' +
                '<a href="https://joongang.joins.com/" target="_blank" title="Joins"><em>Joins</em></a>' +
            '</strong>' +
            '<div class="gnb_doc">' +
                '<h2 class="hidden">패밀리 사이트</h2>' +
                '<ul class="family_site">' +
                    '<li class="jmnet">' +
                        '<a href="#" class="jmnet_more" title="중앙그룹 브랜드 레이어 열기"><em>중앙그룹 <span>브랜드</span></em></a>' +
                    '</li>' +
                '</ul>' +
                '<h2 class="hidden">로그인</h2>' +
                '<ul class="member">' +
                    '<li class="login">' +
                        // '<a href="https://my.joins.com/login/login.asp" class="login" title="로그인">로그인</a>' +
                    '</li>' +
                '</ul>' +
                '<h2 class="hidden">내정보</h2>' +
                '<ul class="myinfo" style="display:none;">' +
                    '<li class="devmyinfo">' +
                        '<a href="https://my.joins.com/" data-bind="link" title="내정보" class="devmyinfo" target="_blank">내정보</a>' +
                    '</li>' +
                '</ul>' +
            '</div>' +
        '</div>'
        $('#gnb').html(gnHtml);

        // gnb링크 및 html
        function gnHtmlData(){
            var joongangilbo = {text:'중앙일보', href:'https://joongang.joins.com', target:'target="_blank"'}
            var joongangsunday = {text:'중앙SUNDAY', href:'https://news.joins.com/sunday', target:'target="_blank"'}
            var ilgansports = {text:'일간스포츠', href:'http://isplus.joins.com', target:'target="_blank"'}
            var koreajoongangdaily = {text:'Korea Joongang Daily', href:'http://koreajoongangdaily.joins.com', target:'target="_blank"'}
            var koreadaily = {text:'The Korea Daily', href:'http://www.koreadaily.com', target:'target="_blank"'}
            var joind = {text:'조인디', href:'https://joind.io/', target:'target="_blank"'}
            // 방송
            var jtbc = {text:'JTBC', href:'http://jtbc.joins.com', target:'target="_blank"'}
            var jtbc2 = {text:'JTBC2', href:'http://jtbc2.joins.com', target:'target="_blank"'}
            var jtbc3foxsports = {text:'JTBC GOLF&SPORTS', href:'http://jtbcgolfnsports.joins.com', target:'target="_blank"'}
            var jtbc4 = {text:'JTBC4', href:'http://jtbc4.joins.com/', target:'target="_blank"'}
            var jtbcgolf = {text:'JTBC GOLF', href:'http://www.jtbcgolf.com', target:'target="_blank"'}
            var jtbcworldwide = {text:'JTBC worldwide', href:'http://www.jtbcworldwide.com', target:'target="_blank"'}
            // 멀티플렉스
            var megabox = {text:'메가박스', href:'http://www.megabox.co.kr', target:'target="_blank"'}
            // var megaboxfilmhome = {text:'필름 소사이어티', href:'http://www.megabox.co.kr/?menuId=specialcontent-filmHome&majorCode=06&minorCode=0601', target:'target="_blank"'}
            // var megaboxclassichome = {text:'클래식 소사이어티', href:'http://www.megabox.co.kr/?menuId=specialcontent-classicHome&majorCode=02&minorCode=0208', target:'target="_blank"'}
            //20200224수정
            var megaboxfilmhome = {text:'필름 소사이어티', href:'https://www.megabox.co.kr/curation/filmsociety', target:'target="_blank"'}
            var megaboxclassichome = {text:'클래식 소사이어티', href:'https://www.megabox.co.kr/curation/classicsociety', target:'target="_blank"'}
            var phoenixhnr = {text:'휘닉스 호텔앤드리조트', href:'https://phoenixhnr.co.kr/page/main', target:'target="_blank"'}
            var phoenixhnrpyeongchang = {text:'휘닉스 평창', href:'https://phoenixhnr.co.kr/page/main/pyeongchang', target:'target="_blank"'}
            var phoenixhnrjeju = {text:'휘닉스 섭지코지', href:'https://phoenixhnr.co.kr/page/main/jeju', target:'target="_blank"'}
            // 메거진
            var monthlyjoongang = {text:'월간중앙', href:'https://jmagazine.joins.com/monthly', target:'target="_blank"'}
            var economist = {text:'이코노미스트', href:'https://jmagazine.joins.com/economist', target:'target="_blank"'}
            // var newsweek = {text:'뉴스위크', href:'https://jmagazine.joins.com/newsweek', target:'target="_blank"'}
            var forbeskorea = {text:'포브스코리아', href:'https://jmagazine.joins.com/forbes', target:'target="_blank"'}
            var jbooks = {text:'중앙북스', href:'https://jbooks.joins.com/', target:'target="_blank"'}
            var elle = {text:'엘르', href:'http://www.elle.co.kr/', target:'target="_blank"'}
            var harpersbazaar = {text:'바자', href:'http://harpersbazaar.co.kr/', target:'target="_blank"'}
            var cosmopolitan = {text:'코스모폴리탄', href:'http://www.cosmopolitan.co.kr/', target:'target="_blank"'}
            var esquire = {text:'에스콰이어', href:'http://esquirekorea.co.kr/', target:'target="_blank"'}
            // 전문콘텐츠
            var joinsland = {text:'조인스랜드', href:'http://www.joinsland.com/', target:'target="_blank"'}
            var jhealthmedia = {text:'헬스미디어', href:'http://www.jhealthmedia.com/', target:'target="_blank"'}
            var chinajoins = {text:'차이나랩', href:'https://blog.naver.com/china_lab', target:'target="_blank"'}
            var koreanjoins = {text:'어문연구소', href:'https://korean.joins.com/', target:'target="_blank"'}
            var jdphone = {text:'영어의 신', href:'http://www.jdphone.com/', target:'target="_blank"'}
            var esukorea = {text:'ESU', href:'https://www.esukorea.org/', target:'target="_blank"'}
            // 서비스
            var joins = {text:'JOINS PRIME', href:'https://www.joins.com/', target:'target="_blank"'}
            var ssully = {text:'썰리', href:'https://ssully.joins.com/', target:'target="_blank"'}
            var folin = {text:'fol:in', href:'https://folin.co/', target:'target="_blank"'}
            var jtbcnow = {text:'JTBC NOW', href:'http://www.jtbcnow.com/', target:'target="_blank"'}
            var jtbcnews = {text:'JTBC NEWS', href:'https://play.google.com/store/apps/details?id=com.jtbc.news', target:'target="_blank"'}
            var oohmedia = {text:'OOH MEDIA', href:'http://oohmedia.kr/', target:'target="_blank"'}
            var jmembership = {text:'중앙멤버십', href:'https://jmembership.joins.com/', target:'target="_blank"'}
            // var jjlife = {text:'JJ라이프', href:'http://jjlife.joins.com/main/', target:'target="_blank"'}
            var sigol = {text:'렛츠고시골', href:'http://sigol.joinsland.com/', target:'target="_blank"'}
            var tj4 = {text:'TJ4대전충청', href:'http://tj4.joinsland.com/', target:'target="_blank"'}


            var html = '';
            html +=
            '<div id="layer_jmnet" style="display:none;" class="layer_jmnet">' +
            '<span class="mask"></span>' +
            '<span class="shadow_btm"></span>' +
            '<span class="shadow_md"></span>' +
            '<span class="shadow_rt"></span>' +
            '<ul class="area1">' +
                '<li class="a">' +
                    '<dl>' +
                        '<dt>신문</dt>' +
                        '<dd>' +
                            '<a href="' + joongangilbo.href + '"' + joongangilbo.target + '>'+ joongangilbo.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + joongangsunday.href + '"' + joongangsunday.target + '>'+ joongangsunday.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + ilgansports.href + '"' + ilgansports.target + '>'+ ilgansports.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + koreajoongangdaily.href + '"' + koreajoongangdaily.target + '>'+ koreajoongangdaily.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + koreadaily.href + '"' + koreadaily.target + '>'+ koreadaily.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + joind.href + '"' + joind.target + '>'+ joind.text + '</a>' +
                        '</dd>' +
                    '</dl>' +
                '</li>' +
                '<li class="b">' +
                    '<dl>' +
                        '<dt>방송</dt>' +
                        '<dd>' +
                            '<a href="' + jtbc.href + '"' + jtbc.target + '>'+ jtbc.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + jtbc2.href + '"' + jtbc2.target + '>'+ jtbc2.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + jtbc3foxsports.href + '"' + jtbc3foxsports.target + '>'+ jtbc3foxsports.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + jtbc4.href + '"' + jtbc4.target + '>'+ jtbc4.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + jtbcgolf.href + '"' + jtbcgolf.target + '>'+ jtbcgolf.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + jtbcworldwide.href + '"' + jtbcworldwide.target + '>'+ jtbcworldwide.text + '</a>' +
                        '</dd>' +
                    '</dl>' +
                '</li>' +
                '<li class="b">' +
                    '<dl>' +
                        '<dt>멀티플렉스 &amp; 레저</dt>' +
                        '<dd>' +
                            '<a href="' + megabox.href + '"' + megabox.target + '>'+ megabox.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + megaboxfilmhome.href + '"' + megaboxfilmhome.target + '>'+ megaboxfilmhome.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + megaboxclassichome.href + '"' + megaboxclassichome.target + '>'+ megaboxclassichome.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + phoenixhnr.href + '"' + phoenixhnr.target + '>'+ phoenixhnr.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + phoenixhnrpyeongchang.href + '"' + phoenixhnrpyeongchang.target + '>'+ phoenixhnrpyeongchang.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + phoenixhnrjeju.href + '"' + phoenixhnrjeju.target + '>'+ phoenixhnrjeju.text + '</a>' +
                        '</dd>' +
                    '</dl>' +
                '</li>' +
            '</ul>' +
            '<ul class="area2">' +
                '<li class="">' +
                    '<dl>' +
                        '<dt>매거진 &amp; 출판</dt>' +
                        '<dd>' +
                            '<a href="' + monthlyjoongang.href + '"' + monthlyjoongang.target + '>'+ monthlyjoongang.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + economist.href + '"' + economist.target + '>'+ economist.text + '</a>' +
                        '</dd>' +
                        // '<dd>' +
                        //     '<a href="' + newsweek.href + '"' + newsweek.target + '>'+ newsweek.text + '</a>' +
                        // '</dd>' +
                        '<dd>' +
                            '<a href="' + forbeskorea.href + '"' + forbeskorea.target + '>'+ forbeskorea.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + jbooks.href + '"' + jbooks.target + '>'+ jbooks.text + '</a>' +
                        '</dd>' +
                        '</dl>' +
                    '</li>' +
                    '<li class="c">' +
                        '<dl>' +
                        '<dt></dt>' +
                        '<dd>' +
                            '<a href="' + elle.href + '"' + elle.target + '>'+ elle.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + harpersbazaar.href + '"' + harpersbazaar.target + '>'+ harpersbazaar.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + cosmopolitan.href + '"' + cosmopolitan.target + '>'+ cosmopolitan.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + esquire.href + '"' + esquire.target + '>'+ esquire.text + '</a>' +
                        '</dd>' +
                    '</dl>' +
                '</li>' +
            '</ul>' +
            '<ul class="area3">' +
                '<li class="d">' +
                    '<dl>' +
                        '<dt>전문콘텐츠</dt>' +
                        '<dd>' +
                            '<a href="' + joinsland.href + '"' + joinsland.target + '>'+ joinsland.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + jhealthmedia.href + '"' + jhealthmedia.target + '>'+ jhealthmedia.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + chinajoins.href + '"' + chinajoins.target + '>'+ chinajoins.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + koreanjoins.href + '"' + koreanjoins.target + '>'+ koreanjoins.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + jdphone.href + '"' + jdphone.target + '>'+ jdphone.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + esukorea.href + '"' + esukorea.target + '>'+ esukorea.text + '</a>' +
                        '</dd>' +
                    '</dl>' +
                '</li>' +
            '</ul>' +
            '<ul class="area2">' +
                '<li class="d">' +
                    '<dl>' +
                        '<dt>서비스</dt>' +
                        '<dd>' +
                            '<a href="' + joins.href + '"' + joins.target + '>'+ joins.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + ssully.href + '"' + ssully.target + '>'+ ssully.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + folin.href + '"' + folin.target + '>'+ folin.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + jtbcnow.href + '"' + jtbcnow.target + '>'+ jtbcnow.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + jtbcnews.href + '"' + jtbcnews.target + '>'+ jtbcnews.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + oohmedia.href + '"' + oohmedia.target + '>'+ oohmedia.text + '</a>' +
                        '</dd>' +
                    '</dl>' +
                '</li>' +
                '<li class="c">' +
                    '<dl>' +
                        '<dt></dt>' +
                        '<dd>' +
                            '<a href="' + jmembership.href + '"' + jmembership.target + '>'+ jmembership.text + '</a>' +
                        '</dd>' +
                        // '<dd>' +
                        //     '<a href="' + jjlife.href + '"' + jjlife.target + '>'+ jjlife.text + '</a>' +
                        // '</dd>' +
                        '<dd>' +
                            '<a href="' + sigol.href + '"' + sigol.target + '>'+ sigol.text + '</a>' +
                        '</dd>' +
                        '<dd>' +
                            '<a href="' + tj4.href + '"' + tj4.target + '>'+ tj4.text + '</a>' +
                        '</dd>' +
                    '</dl>' +
                '</li>' +
            '</ul>'+
            '</div>'

            $('.gnb_doc').append(html);

            // gnb호출
            var layerGN = $('#layer_jmnet')
            var layerBtn = $('.jmnet')
            layerBtn.on('click',function(){
                if(layerGN.css('display') == 'none'){
                       layerGN.slideDown(100)
                       $('.family_site > li').addClass('jmnet_open')
                   }else{
                       layerGN.hide()
                       $('.family_site > li').removeClass('jmnet_open')
                   }
            })
        }
        gnHtmlData()

        // 로그인 로그아웃 체크 (쿠키체크)
        var logoutHtml = '<a href="https://my.joins.com/login/logout.asp" class="logout" id="logout" title="로그아웃">로그아웃</a>'
        var loginHtml = '<a href="https://my.joins.com/login/login.asp" class="login" id="login" title="로그인">로그인</a>'

		// 2021.01.20 choi.seungyeon 추가
		if(hrefCheck.indexOf("my.joins.com") > 0){
			loginHtml = '<a href="https://my.joins.com/login/login.asp?TargetURL=' + getCookie4gn("join_ref") + '" class="login" id="login" title="로그인">로그인</a>'
		}

        if(document.cookie.indexOf('Joins_MemID') > 0 || document.getElementById("logout") !== null){
            $('.member > .login').html(logoutHtml)
            $('.myinfo').css('display','block')
            if(hrefCheck.indexOf(joinsURL[0]) > 0 || hrefCheck.indexOf(joinsURL[1]) > 0 || hrefCheck.indexOf(joinsURL[2]) > 0 || hrefCheck.indexOf(joinsURL[3]) > 0 || hrefCheck.indexOf(joinsURL[4]) > 0 || hrefCheck.indexOf(joinsURL[5]) > 0){
                $('.myinfo').css('display','none')
            }
        }else{
            $('.member > .login').html(loginHtml)
            $('.myinfo').css('display','none')
        }
    })
})(jQuery)