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://auth.dragonflygame.co.kr/lib/css/brandbar.css?" + date.getTime();
	head.appendChild(cssNode);

var brandbar = {
	$		 : function(id) { return document.getElementById(id); },
	imageUrl : "http://auth.dragonflygame.co.kr/img/img_common/",
	brandbar : null,
	games	 : null,
	init: function(uid, sitecode, games, isVisible) {
		this.games = games;
		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() { 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);
					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;
		var event = document.createElement("p");
			event.className = "brandbarEVENT";
			var eventB1 = document.createElement("a");
			    eventB1.href = "http://www.quakewars.co.kr/Event/1002/SpotCbt/EventMain.aspx";
				var eventB1IMG = document.createElement("img");
				    eventB1IMG.src = img + "brandbar_20100216.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);
			//bar.appendChild(event);
			//	event.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";
	}
};