var gnb = {
	over: function(el)
	{
		depth = el.getElementsByTagName("div")[0];
		depth_list = depth.getElementsByTagName("li");
		depth_link = depth.getElementsByTagName("a");
		depth.style.display = "block";
		el.onmouseout = depth.onmouseout = function()
		{
			depth.style.display = "none";
		}
		for (var i = 0; i < depth_list.length; i++)
		{
			depth_list[i].onmouseover = function() { gnb.rollover(this); }
			depth_list[i].onmouseout = function() { gnb.rollout(this); }
			depth_link[i].onfocus = function() { this.blur(); }
			depth_link[i].onclick = function() { depth.style.display = "none"; }
		}
	},
	rollover: function(el)
	{
		el.getElementsByTagName("a")[0].className = "on";
	},
	rollout: function(el)
	{
		el.getElementsByTagName("a")[0].className = "";
	}
};

var selectFunc = {
    language : function(el){
        var SelectElement = document.getElementById(el);
        var ActionElement = SelectElement.getElementsByTagName("ul")[0].getElementsByTagName("a");
        for(var i = 0; i < ActionElement.length; i++){
            if(ActionElement[i].getAttribute("name") == fnGetCookie('CurrentCulture')){
                SelectElement.getElementsByTagName("a")[0].innerHTML = ActionElement[i].innerHTML;
            }
        }
    },
	action: function(el, state)
	{
		// state = 0 or 1
		var SelectElement = document.getElementById(el.id);
		var ListElement = SelectElement.getElementsByTagName("ul")[0];
		var ActionElement = ListElement.getElementsByTagName("a");
		if (ListElement.style.display == "block")
		{
			selectFunc.close(ListElement);
			return false;
		} else
		{
			ListElement.style.display = "block";
		}

		var strSelected = SelectElement.getElementsByTagName("a")[0];
		strSelected.focus();
		for (var i = 0; i < ActionElement.length; i++)
		{
			if (strSelected.firstChild.nodeValue == ActionElement[i].firstChild.nodeValue)
			{
				selectFunc.elementClass = ActionElement[i];
				SelectElement.getElementsByTagName("li")[i].style.display = "none";
			} else
			{
				SelectElement.getElementsByTagName("li")[i].style.display = "block";
				ActionElement[i].onclick = function()
				{
					fnSetDomainCookie('CurrentCulture', this.name, 365);
					location.reload();
					return false;
				}
			}
			ActionElement[i].onmouseover = function()
			{
				selectFunc.elementClass.className = "";
				this.className = "selected";
				selectFunc.elementClass = this;
			}
		}

		SelectElement.onmouseover = function() { strSelected.onblur = function() { } }
		SelectElement.onmouseout = function() { strSelected.onblur = function() { selectFunc.close(ListElement); } }

	},
	close: function(el)
	{
		selectFunc.elementClass.className = "";
		el.style.display = "none";
		return false;
	}
};

var category = {
	over : function(el){
		if(!el.onmouseout && el.className==""){
			el.className = "on";
			category.rollover(el);
		} else if(!el.onclick) { category.action(el); }
	},
	rollover : function(el){
		el.onmouseover = function(){ el.className = "on"; }
		el.onmouseout = function(){ el.className = ""; }
		category.action(el);
	},
	action : function(el){
		el.onclick = function(){
			var link = el.childNodes[0].getAttribute("href");
			if(el.childNodes[0].getAttribute("target") == "_blank"){
				window.open(link);
			} else {
				location.href = link;
			}
			return false;
		}
		el.childNodes[0].onfocus = function(){ this.blur(); }
	}
};

var news = {
	el : "tbl_news",
	action : function(el){
		if(!el){
			var table = document.getElementById(this.el);
		} else {
			this.el = el;
			var table = document.getElementById(this.el);
		}
		var tbody = table.getElementsByTagName("tbody")[0];
		var rows = tbody.childNodes;
		if(tbody.getElementsByTagName("tr").length == 0){
			news.none(tbody); //Not Find Data
			return false;
		}
		for(var i=0; i<rows.length; i++){
			if(rows[i].nodeType != 1 && rows[i].nodeName != "TR") continue;
			if(rows[i].getElementsByTagName("th").length > 0 && rows[i].getElementsByTagName("td").length == 0){
				news.open(rows,i);
			}
		}
		/*
		Preview
		ex)
		news.count = number;
		news.action();
		*/
		if(Number(this.count)){
			news.view(rows,(this.count*2)-2);
		}
	},
	close : function(el){
		for(var i=0; i<el.length; i++){
			if(el[i].nodeType != 1 && el[i].nodeName != "TR") continue;
			if(el[i].getElementsByTagName("th").length > 0 && el[i].getElementsByTagName("td").length == 0){
				el[i].className = "";
			} else {
				el[i].style.display = "none";
			}
		}
	},
	open : function(el,n){
		el[n].onclick = function(){
			news.nextSibling(this);
			if(this.className == "on"){
				this.className = "";
				news.next.style.display = "none";
			} else {
				news.close(el);
				this.getElementsByTagName("th")[1].style.color = "";
				this.className = "on";
				news.next.style.display = "";
			}
			news.iframe(news.next);
		}
		el[n].onmouseover = function(){
			if(this.className != "on") this.className = "over";
		}
		el[n].onmouseout = function(){
			if(this.className != "on") this.className = "";
		}
	},
	view : function(el,n){
		for(var i=0; i<el.length; i++){
			if(el[i].nodeType != 1 && el[i].nodeName != "TR") continue;
			if(n == 0){
				el[i].getElementsByTagName("th")[1].style.color = "";
				el[i].className = "on";
				news.nextSibling(el[i]);
				news.next.style.display = "";
				news.iframe(news.next);
				break;
			} else {
				n--;
			}
		}
	},
	none : function(el){
		var tr = document.createElement("tr");
		var td = document.createElement("td");
		var text = document.createTextNode("Not Find Data!");
		td.className = "no-data";
		td.colSpan = "3";
		td.appendChild(text);
		tr.appendChild(td);
		el.appendChild(tr);
	},
	nextSibling : function(el){
		news.next = el;
		for(var i=0; i<100; i++){
			news.next = news.next.nextSibling;
			if(news.next.nodeType == 1) break;
		}
	},
	iframe : function(el){
	    if(typeof el.getElementsByTagName("iframe")[0] == "object"){
	        var ifmID = el.getElementsByTagName("iframe")[0].id;
	        var resizeFunc = function(){
                var height = document.getElementById(ifmID).contentWindow.document.body.scrollHeight;
                document.getElementById(ifmID).style.height = height + "px";
            }
	        if(Number(this.count)){
	            var loadFunc = window.onload;
                document.getElementById(ifmID).onload = function(){
                    resizeFunc();
                }
                if(typeof window.onload == "function"){
                    window.attachEvent("onload", loadFunc);
                }
            } else {
                resizeFunc();
            }
	    }
	}
};

var box = {
	count : 2,
	rgb : [246,0,70], //rgb[0]=red, rgb[1]=green, rgb[2]=blue
	color : function(el,desc,attr){
		if(!document.getElementById(el).style.display != "block"){
			document.getElementById(el).style.display = "block";
		}
		var g = Math.round((this.rgb[1]+this.count*4)/1.5);
		var b = Math.round(this.rgb[2]+this.count*2);
		var rgb = "rgb(" + this.rgb[0] + "," + g + "," + b + ")";
		if(217 != b && 217 > b){
			this.count += 2;
			document.getElementById(el).style.backgroundColor = rgb;
			change = setTimeout("box.color('"+el+"')",10);
		} else {
			this.count = 2;
			clearTimeout(change);
		}

		//Description
		if(desc && attr){
			box.description(desc,attr);
		} else if(desc){
			box.description(desc);
		} else { return false; }
	},
	text : ["id","pw","email","birth","gender","code"],
	description : function(el,attr){
		/*
		0 : User ID,
		1 : Password,
		2 : Email Address,
		3 : Date of Birth,
		4 : Gender,
		5 : Enter the code,
		*/
		var el = document.getElementById(el);
		var li = el.getElementsByTagName("li");
		for(var i=0; i<li.length; i++){
			li[i].style.display = "none";
			if(attr && attr == this.text[i]){
				li[i].style.display = "block";
			}
		}
	}
};

var input = {
    login : function(el){
		el.className = "";
		el.onblur = function(){
			if(el.value=="") el.className = "on";
		}
	},
	ok : function(el){
		el.className = "frmok";
	},
	error : function(el){
		el.className = "frmerror";
	},
	basic : function(el){
		el.className = "";
	}
};

var account = {
	el : "tbl_account",
	action : function(){
		if(!document.getElementById(this.el)) return false;
		var table = document.getElementById(this.el);
		var tr = table.getElementsByTagName("tr");
		tr[1].style.display = "";
		tr[2].style.display = "none";
		tr[3].style.display = "none";
		tr[1].getElementsByTagName("a")[0].onclick = function(){ 
			account.reset(tr[2],tr[3]);
			return false;
		}
	},
	reset : function(pw,repw){
		if(pw.style.display == "none"){
			pw.style.display = "";
			repw.style.display = "";
			pw.getElementsByTagName("input")[0].focus();
		} else {
			account.action();
			var el = document.getElementById("account_text");
			var el = el.getElementsByTagName("li");
			for(var i=0; i<el.length; i++){
				el[i].style.display = "none";
			}
			document.getElementById("alertbox_edit").style.display = "none";
		}
	}
};

var download = {
	system : function(el){
		el = document.getElementById(el);
		if(el.style.display == "block"){
			el.style.display = "none";
		} else {
			el.style.display = "block";
		}
	}
};

var flash = {
	param : { url:"", w:"", h:"", wmode:"window", base:"./", vars:"" },
	gnb : function(el){
		if(el){
			this.param.url = "http://image.webzen.com/Global/Portal/swf/index_20100331.swf";
			this.param.w = "674";
			this.param.h = "256";
			this.param.vars = "param=main&xmlLocation=" + el + "&culture=" + fnGetCookie('CurrentCulture');
		} else {
			this.param.url = "http://image.webzen.com/Global/Portal/swf/navi_20100331.swf";
			this.param.w = "620";
			this.param.h = "214";
			this.param.vars = "culture=" + fnGetCookie('CurrentCulture');
		}
		    this.param.base = "http://image.webzen.com/Global/Portal/swf/";
		    this.param.wmode = "transparent";
			flash.write(this.param.url,this.param.w,this.param.h,this.param.wmode,this.param.base,this.param.vars);
		if(el){ document.getElementById("obj_flash").style.left = "-20px"; }
	},
	write : function(url,w,h,wmode,base,vars){
		strObject =	"<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\" id=\"obj_flash\" width=\"" + w + "\" height=\"" + h + "\">\n";
		strObject += "	<param name=\"allowScriptAccess\" value=\"always\" />\n";
		strObject += "	<param name=\"quality\" value=\"high\" />\n";
		strObject += "	<param name=\"movie\" value=\"" + url + "\" />\n";
		strObject += "	<param name=\"wmode\" value=\"" + wmode + "\" />\n";
		strObject += "	<param name=\"base\" value=\"" + base + "\" />\n";
		strObject += "  <param name=\"flashvars\" value=\"" + vars + "\" />\n";
		strObject += "	<embed src=\"" + url + "\" width=\"" + w + "\" height=\"" + h + "\" quality=\"high\" wmode=\"" + wmode + "\" base=\"" + base + "\" flashvars=\"" + vars + "\" allowScriptAccess=\"always\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" />\n";
		strObject += "</object>\n";
		document.write(strObject);
	}
};

var display = {
	show : function(el,numb){
		for(var i=0;i<100;i++){
			if(document.getElementById(el+i)){
				document.getElementById(el+i).style.display = "none";
			}
		}
		document.getElementById(el+numb).style.display = "block";
	}
};

var clock = {
	weekDays : ["SUN","MON","TUE","WED","THU","FRI","SAT"],
	monthNames : ["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"],
	serverDate : {}, // server date obj
	localDate : {}, // local date obj
	dateOffset: {}, // offset ammount
	nowDate : {}, // adjusted date
	dateString : {}, // formated
	el : {}, // element to update
	timeout : {}, // timeout handle
	init : function (date,id,interval) {
		this.calculateOffset(date);
		this.el = document.getElementById(id);
		this.updateClock(interval);
	},
	calculateOffset : function (serverDate) {
		this.serverDate = new Date(serverDate);
		this.localDate = new Date();
		this.dateOffset = this.serverDate - this.localDate;
	},
	updateClock : function (interval) {
		this.nowDate = new Date();
		this.nowDate.setTime(this.nowDate.getTime() + this.dateOffset);
		this.dateFormat(this.nowDate);
		this.el.innerHTML = this.dateString;
		var me = this; this.timeout = setTimeout(function(){me.updateClock(interval)},interval);
	},
	stopClock : function () {
		clearTimeout(this.timeout);
	},
	dateFormat : function (dateObj) {
		this.dateString = '<span>GST ' + this.digit(dateObj.getHours()) + ':' + this.digit(dateObj.getMinutes()) + ':' + this.digit(dateObj.getSeconds()) + '</span> ';
		this.dateString += this.monthNames[dateObj.getMonth()] + ' ';
		this.dateString += this.digit(dateObj.getDate()) + ', ';
		this.dateString += dateObj.getFullYear();
	},
	digit : function (str) {
		str = String(str);
		str = str.length == 1 ? "0" + str : str;
		return str;
	}
};

var layer = {
	open : function(el,w,h){
		var ifmback = document.createElement("iframe");
		ifmback.src = "/_HTML/layer_back.html";
		ifmback.id = "ifmBack";
		ifmback.style.position = "absolute";
		ifmback.style.left = "0";
		ifmback.style.top = "0";
		ifmback.style.zIndex = "1000";
		ifmback.style.filter = "alpha(opacity=78)";
		ifmback.style.MozOpacity = "0.78";
		ifmback.style.opacity = "0.78";
		ifmback.style.backgroundColor = "#000";
		ifmback.frameBorder = "0";
		ifmback.width = (document.body.clientWidth<860) ? "860px" : parseInt(document.body.clientWidth) + "px";
		ifmback.height = parseInt(document.documentElement.scrollHeight) + "px";
		ifmback.style.margin = "0";
		document.body.appendChild(ifmback);

		var ifmcontent = document.createElement("iframe");
		ifmcontent.src = el;
		ifmcontent.id = "ifmcontents";
		ifmcontent.style.position = "absolute";
		ifmcontent.style.left = (parseInt(document.body.clientWidth)/2) - (parseInt(w)/2) + "px";
		ifmcontent.style.top = ((parseInt(document.documentElement.clientHeight)/2) + (parseInt(document.documentElement.scrollTop))) - (parseInt(h)/2) + "px";
		ifmcontent.style.zIndex = "1000";
		ifmcontent.allowTransparency = "true";
		ifmcontent.style.backgroundColor = "transparent";
		ifmcontent.frameBorder = "0";
		ifmcontent.width = w;
		ifmcontent.height = h;
		ifmcontent.style.margin = "0";
		document.body.appendChild(ifmcontent);

		window.onresize = function(){
			ifmback.width = (document.body.clientWidth<860) ? "860px" : parseInt(document.body.clientWidth) + "px";
			ifmback.height = parseInt(document.documentElement.scrollHeight) + "px";
			ifmcontent.style.left = (parseInt(document.body.clientWidth)/2) - (parseInt(w)/2) + "px";
			ifmcontent.style.top = ((parseInt(document.documentElement.clientHeight)/2) + (parseInt(document.documentElement.scrollTop))) - (parseInt(h)/2) + "px";
		}
	},
	close : function(){
		document.body.removeChild(document.getElementById("ifmcontents"));
		document.body.removeChild(document.getElementById("ifmBack"));
		window.onresize = function(){};
	}
};

var display = {
	show : function(el,numb){
		display.clearAll(el);
		document.getElementById(el+numb).style.display = "block";
	},
	helpArea : function(el,numb){
		display.clearAll(el);
		var tabCategory = document.getElementById("AreaCategory").getElementsByTagName("a");
		for(var i=0;i<tabCategory.length;i++){
			tabCategory[i].className = "";
		}
		tabCategory[numb-1].className = "on";
		if(numb==1){ //All
			document.getElementById(el+1).style.display = "";
			document.getElementById(el+2).style.display = "";
			document.getElementById(el+3).style.display = "";
			document.getElementById(el+4).style.display = "";
			document.getElementById(el+7).style.display = "";
		} else if(numb==2){ //Asia
			document.getElementById(el+1).style.display = "";
			document.getElementById(el+3).style.display = "";
			document.getElementById(el+5).style.display = "";
			document.getElementById(el+8).style.display = "";
		} else if(numb==3){ //Europe
			document.getElementById(el+1).style.display = "";
			document.getElementById(el+2).style.display = "";
			document.getElementById(el+3).style.display = "";
			document.getElementById(el+4).style.display = "";
			document.getElementById(el+9).style.display = "";
		} else if(numb==4){ //North America
			document.getElementById(el+1).style.display = "";
			document.getElementById(el+3).style.display = "";
			document.getElementById(el+4).style.display = "";
			document.getElementById(el+10).style.display = "";
		} else if(numb==5){ //South America
			document.getElementById(el+1).style.display = "";
			document.getElementById(el+3).style.display = "";
			document.getElementById(el+6).style.display = "";
			document.getElementById(el+11).style.display = "";
		} else if(numb==6){ //Others
			document.getElementById(el+1).style.display = "";
			document.getElementById(el+3).style.display = "";
			document.getElementById(el+5).style.display = "";
			document.getElementById(el+8).style.display = "";
		}
	},
	clearAll : function(el){
		for(var i=1;i<100;i++){
			if(document.getElementById(el+i)){
				document.getElementById(el+i).style.display = "none";
			} else {
			    break;
			}
		}
	}
}


var select = {
	action : function(el,state){
		// state = 0 or 1
		var SelectElement = document.getElementById(el.id);
		var ListElement = SelectElement.getElementsByTagName("ul")[0];
		var ActionElement = ListElement.getElementsByTagName("a");
		if(ListElement.style.display == "block"){
			select.close(ListElement);
			return false;
		} else {
			ListElement.style.display = "block";
		}

		var strSelected = SelectElement.getElementsByTagName("a")[0];
		strSelected.focus();
		for(var i=0; i<ActionElement.length; i++){
			if(strSelected.firstChild.nodeValue == ActionElement[i].firstChild.nodeValue){
				select.elementClass = ActionElement[i];
				select.elementClass.className = "selected";
				ActionElement[i].onclick = function(){
					return false;
				}
			} else {
				ActionElement[i].onclick = function(){
					if(this.href.indexOf("javascript")>-1){
						eval(this.href);
					} else if(this.href == "" || this.href.indexOf("#")>-1){
					} else if(this.target == "_blank"){
						window.open(this.href);
					} else {
						location.href(this.href);
					}
					if(state==1){
						strSelected.firstChild.nodeValue = this.firstChild.nodeValue;
					}
					return false;
				}
			}
			ActionElement[i].onmouseover = function(){
				select.elementClass.className = "";
				this.className = "selected";
				select.elementClass = this;
			}
		}

		SelectElement.onmouseover = function(){ strSelected.onblur = function(){}}
		SelectElement.onmouseout = function(){ strSelected.onblur = function(){ select.close(ListElement); }}

	},
	close : function(el){
		select.elementClass.className = "";
		el.style.display = "none";
		return false;
	}
}