var date = new Date();
var head = document.getElementsByTagName("head")[0];
var cssNode = document.createElement("link");
cssNode.type = "text/css";
cssNode.rel = "stylesheet";
cssNode.href = "http://img.dragonflygame.co.kr/img/img_brandbar/brandbar.css";
head.appendChild(cssNode);

var brandbar = {
    $: function(id) { return document.getElementById(id); },
    imageUrl: "http://img.dragonflygame.co.kr/img/img_brandbar/",
    brandbar: null,
    games: null,
    type: { 1: 'teaser', 2: 'cbt', 3: 'obt' },
    init: function(uid, sitecode, games, isVisible, event, dauth) {
        this.games = games;
        var isCS = null;
        if ((/quakewars\.co\.kr/).test(document.location.href)) {
            isCS = true;
        }
        var img = this.imageUrl;
        var bar = document.createElement("div");
        bar.id = "DFbrandbar";
        this.brandbar = bar;
        if (!isVisible) bar.style.display = "none";
        var ci = document.createElement("h1");
        ci.id = "brandbarCI";
        var ciIMG = document.createElement("img");
        ciIMG.src = img + "brandbar_ci.gif";
        var game = document.createElement("ul");
        game.id = "brandbarGAME";
        for (var i in games) {
            var gameLI = document.createElement("li");
            (function(i) {
                gameLI.onmouseover = function() { this.style.cursor = "pointer"; brandbar.setting(i); };
                gameLI.onclick = function() {                    

                    if (sitecode != i)
                        document.location.href = "http://" + brandbar.games[i][0] + "&dfauth=" + dauth;
                    else
                        document.location.href = "http://" + brandbar.games[i][0];
                };

            })(i);
            gameLI.onmouseout = function(event) {
                var event = window.event || event;
                var fired = event.srcElement || event.target;
                var x = event.clientX;
                var y = event.clientY;

                if (fired.offsetHeight < y) {
                    return;
                }
                brandbar.setting(); return false;
            };
            this.banner(i);
            var gameLIIMG = document.createElement("img");
            gameLIIMG.src = img + "brandbar_" + i + ".gif?" + date.getTime();
            //gameLIA.appendChild(gameLIIMG);
            gameLI.appendChild(gameLIIMG);

            if (games[i][4]) {
                var t = (this.type[games[i][4]]);
                if (!t) {
                    game.appendChild(gameLI);
                    continue;
                }

                var gameTYPEIMG = document.createElement("img");
                gameTYPEIMG.src = img + "brandbar_ico_" + t + ".gif?" + date.getTime();
                gameTYPEIMG.className = "type";
                gameLI.appendChild(gameTYPEIMG);
            }

            game.appendChild(gameLI);
        }
        var login = document.createElement("p");
        login.className = "brandbarLOGIN";
        var loginB1 = document.createElement("a");
        loginB1.href = (uid) ? "http://auth.dragonflygame.co.kr/gate.aspx?where=" + sitecode + "&go=modify&param=" + uid : "http://auth.dragonflygame.co.kr/gate.aspx?where=" + sitecode + "&go=main";
        var loginB1IMG = document.createElement("img");
        loginB1IMG.src = (uid) ? img + "brandbar_modify.gif" : img + "brandbar_join.gif";
        loginB1IMG.width = (uid) ? 44 : 54;
        //			var loginB2 = document.createElement("a");
        //				loginB2.href = (uid) ? "#·Î±×¾Æ¿ô" : "#·Î±×ÀÎ";
        //				var loginB2IMG = document.createElement("img");
        //					loginB2IMG.src = (uid) ? img + "brandbar_logout.gif" : img + "brandbar_login.gif";
        //					loginB2IMG.width = (uid) ? 54 : 44;

        if (isCS) {
            var cs = document.createElement("a");
            cs.href = "http://www.quakewars.co.kr/Support/Faq/FaqList.aspx";
            var csIMG = document.createElement("img");
            csIMG.src = img + "brandbar_cs.gif";
            csIMG.width = 69;
        }

        if (event && event.length == 2) {
            var eventBANNER = document.createElement("p");
            eventBANNER.className = "brandbarEVENT";
            var eventB1 = document.createElement("a");
            eventB1.href = event[1];
            var eventB1IMG = document.createElement("img");
            eventB1IMG.src = img + event[0] + ".gif?" + date.getTime();
        }

        try { document.body.appendChild(bar); } catch (e) { }
        bar.appendChild(ci);
        ci.appendChild(ciIMG);
        bar.appendChild(game);
        bar.appendChild(login);
        login.appendChild(loginB1);
        loginB1.appendChild(loginB1IMG);
        //	login.appendChild(loginB2);
        //		loginB2.appendChild(loginB2IMG);
        if (isCS) {
            login.appendChild(cs);
            cs.appendChild(csIMG);
        }
        if (eventBANNER) {
            bar.appendChild(eventBANNER);
            eventBANNER.appendChild(eventB1);
            eventB1.appendChild(eventB1IMG);
        }
    },
    banner: function(id) {
        var games = this.games;
        var banObj = document.createElement("p");
        var banImg = document.createElement("img");
        var banLnk = document.createElement("a");
        banObj.onmouseover = function() {
            banObj.style.display = "block";
        };
        banObj.onmouseout = function() {
            banObj.style.display = "none";
        };
        banObj.id = "DFbrandbar" + id;
        banObj.className = "DFbrandbarBANNER";
        banObj.style.left = games[id][3] + "px";
        if (games[id][2]) banLnk.href = games[id][2];
        banImg.src = this.imageUrl + games[id][1] + ".gif";
        this.brandbar.appendChild(banObj);
        banObj.appendChild(banLnk);
        banLnk.appendChild(banImg);

    },
    setting: function(id) {
        for (var i in this.games) {
            this.$("DFbrandbar" + i).style.display = "none";
        }
        if (id) this.$("DFbrandbar" + id).style.display = "block";
    }
};