var gnbBaseUrl = "http://member.ntreev.com/gnb/";
var gnbGames = [
    {
        ID: "ngnb_pangya",
        URL: "http://pangya.ntreev.com/",
        MenuID: "ngnb_pangyaTit",
        MenuOff: gnbBaseUrl+"img/gnb_tit_pangya_off.gif",
        MenuOn: gnbBaseUrl+"img/gnb_tit_pangya_on.gif",
        MenuType: "new",
        News: [
            {
                Type: "notice",
                Link: "http://pangya.ntreev.com/Notice/View.aspx?NoticeNo=47",
                Target: "",
                Title: "회원 정보 이전 세부 안내",
                IsNew: false
            },
            {
                Type: "notice",
                Link: "http://pangya.ntreev.com/Update/View.aspx?UpdateNo=103",
                Target: "",
                Title: "34차 스크래치 카드 업데이트~!",
                IsNew: false
            },
            {
                Type: "notice",
                Link: "http://pangya.ntreev.com/Update/View.aspx?UpdateNo=104",
                Target: "",
                Title: "닉네임 변경과 카드 추출액 업데이트~!",
                IsNew: false
            }
        ]
    },
    {
        ID: "ngnb_blackshot",
        URL: "http://www.blackshot.co.kr",
        MenuID: "ngnb_blackshotTit",
        MenuOff: gnbBaseUrl+"img/gnb_tit_blackshot_off.gif",
        MenuOn: gnbBaseUrl+"img/gnb_tit_blackshot_on.gif",
        MenuType: "",
        News: [
            {
                Type: "event",
                Link: "http://www.blackshot.co.kr/Notice/EventView.aspx?nn=32",
                Target: "",
                Title: "디지털 파이오스와 함께 HEADSHOT 이벤트",
                IsNew: false
            }
        ]
    },
    {
        ID: "ngnb_dino",
        URL: "http://www.dinomachia.co.kr/Default.aspx",
        MenuID: "ngnb_dinoTit",
        MenuOff: gnbBaseUrl+"img/gnb_tit_dino_off.gif",
        MenuOn: gnbBaseUrl+"img/gnb_tit_dino_on.gif",
        MenuType: "",
        News: [
            {
                Type: "event",
                Link: "http://www.dinomachia.co.kr/Notice/EventView.aspx?flag=1&nn=65",
                Target: "",
                Title: "공룡왕 입체카드를 준다! 쿠폰등록하러 고고~",
                IsNew: false
            },
            {
                Type: "notice",
                Link: "http://www.dinomachia.co.kr/Notice/EventView.aspx?flag=1&nn=68",
                Target: "",
                Title: "디노마키아 보드게임, 공룡북이 나왔어요!",
                IsNew: false
            }
        ]
    },
    {
        ID: "ngnb_smd",
        URL: "http://www.sinmadae.com",
        MenuID: "ngnb_smdTit",
        MenuOff: gnbBaseUrl+"img/gnb_tit_smd_off.gif",
        MenuOn: gnbBaseUrl+"img/gnb_tit_smd_on.gif",
        MenuType: "",
        News: [
            {
                Type: "notice",
                Link: "http://www.sinmadae.com/News/View.aspx?dpno=19&nn=237&tn=2",
                Target: "",
                Title: "신규 맵 '남쪽 평원' 업데이트!!",
                IsNew: false
            },
            {
                Type: "notice",
                Link: "http://www.sinmadae.com/News/View.aspx?dpno=19&nn=237&tn=2",
                Target: "",
                Title: "퀘스트 보상 대폭 강화!",
                IsNew: false
            },
			{
                Type: "event",
                Link: "http://www.sinmadae.com/News/View.aspx?dpno=9&nn=89&tn=3",
                Target: "",
                Title: "매주 금, 토, 일에는 경험치가 2배~!",
                IsNew: false
            }
        ]
    },
    {
        ID: "ngnb_trickster",
        URL: "http://www.trickster.co.kr",
        MenuID: "ngnb_tricksterTit",
        MenuOff: gnbBaseUrl+"img/gnb_tit_trickster_off.gif",
        MenuOn: gnbBaseUrl+"img/gnb_tit_trickster_on.gif",
        MenuType: "",
        News: [
            {
                Type: "notice",
                Link: "http://www.trickster.co.kr/Community/GmFortressView.aspx?BoardNo=59865",
                Target: "",
                Title: "트릭스터 저레벨 쉽게 즐기기 작전 1탄!",
                IsNew: false
            },
            {
                Type: "notice",
                Link: "http://www.trickster.co.kr/Notice/View.aspx?tn=2&nn=640",
                Target: "",
                Title: "6월 두 번째 마이샵 업데이트!",
                IsNew: false
            }
        ]
    }
];

var gnbBannerId = "ngnb_banner";
var gnbBannerInterval = 2000;
var gnbBannerIndex = 0;
var gnbBannerDefault = gnbBaseUrl+"Banner/npangya_01.gif";
var gnbBanners = [
    {
        Image: gnbBaseUrl+"Banner/npangya_01.gif",
        Link: "http://pangya.ntreev.com/",
        Popup: false
    }
];
var gnbBannerPool = [];

function displayGnb() {
    var src = '<link rel="stylesheet" type="text/css" href="'+gnbBaseUrl+'Css/ntreevgnb.css" />';
    src += '<div id="ngnb">'
    src += '	<div class="ngnb_in">'
    
    src += '		<div class="logbtn"><a href="javascript:SignUp();"><img src="'+gnbBaseUrl+'img/bt_regist.gif" width="63" height="23" alt="엔트리브 회원가입" /></a></div>'
    
    
    src += '		<span id="'+gnbBannerId+'"><img src="' + gnbBannerDefault + '" height="33" alt="" /></span>'
    src += '	</div>'
    src += '	<ul class="left">';
    for (var i = 0; i < gnbGames.length; i++) {
        var game = gnbGames[i];
        src += '		<li onmouseover="showGnbMenu('+i+');" onmouseout="hideGnbMenu('+i+');">';
        if (game.MenuType == "new") {
            src += '		    <img src="'+gnbBaseUrl+'img/ico_new.gif" style="position:absolute;top:3px;left:100%;margin-left:-35px;" alt="" />';
        }
        src += '			<a href="'+game.URL+'"><img src="'+game.MenuOff+'" alt="" id="'+game.MenuID+'" /></a>';
        src += '			<div id="'+game.ID+'">';
        src += '			    <ol>';
        for (var j=0; j < game.News.length; j++) {
            var news = game.News[j];
            src += '			        <li><img src="'+gnbBaseUrl+'img/gnb_ico_'+news.Type+'.gif" width="31" height="9" style="vertical-align:middle;" />&nbsp;<a href="'+news.Link+'"';
            if (news.Target != "") {
                src += ' target="'+ news.Target +'"';
            }
            src += '>'+news.Title+'</a>';
            if (news.IsNew) {
                src += ' <img src="'+gnbBaseUrl+'img/gnb_ico_new.gif" width="10" height="9" alt="NEW!" />';
            }
            src += '</li>';
        }
        src += '			    </ol>';
        src += '			</div>';
        src += '		</li>';
    }
    src += '	</ul>';
    src += '</div>';
    document.write(src);
}

function showGnbMenu(menuIndex) {
    var game = gnbGames[menuIndex];
    document.getElementById(game.ID).style.display = 'block';
    document.getElementById(game.MenuID).src = game.MenuOn;
}

function hideGnbMenu(menuIndex) {
    var game = gnbGames[menuIndex];
    document.getElementById(game.ID).style.display = 'none';
    document.getElementById(game.MenuID).src = game.MenuOff;
}

function initializeGnbBanner() {
    if (gnbBannerPool.length == gnbBanners.length) return false;

    for (var i = 0; i < gnbBanners.length; i++) {
        var currentBanner = gnbBanners[i];
        var img = document.createElement('img');
        img.src = currentBanner.Image;
        if (currentBanner.Link == "") {
            gnbBannerPool[i] = img;
        }
        else {
            var banner = document.createElement('a');
            banner.href = currentBanner.Link;
            banner.onfocus = function() {
                this.blur();
            }
            if (currentBanner.Popup == true) {
                banner.setAttribute('target', '_blank');
            }
            banner.appendChild(img);
            gnbBannerPool[i] = banner;
        }
    }
}

function rollingGnbBanner() {
    if (document.getElementById(gnbBannerId)) {
        var bannerPlace = document.getElementById(gnbBannerId);
        var prevBanner = bannerPlace.firstChild;

        if (gnbBanners.length == 0) {
            banner.src = gnbBannerDefault;
        }
        else {
            if (gnbBannerIndex >= gnbBanners.length) gnbBannerIndex = 0;
            var newBanner = gnbBannerPool[gnbBannerIndex];
            bannerPlace.replaceChild(newBanner, prevBanner);

            gnbBannerIndex += 1;
            setTimeout('rollingGnbBanner()', gnbBannerInterval);
        }
    }
}

function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function() {
            oldonload();
            func();
        }
    }
}

displayGnb();
addLoadEvent(initializeGnbBanner);
addLoadEvent(rollingGnbBanner);