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 media = {
	el : "ssl_wrap",
	action : function(){
		var el = document.getElementById(this.el);
		var thumb = el.getElementsByTagName("dt");
		var original = el.getElementsByTagName("dd");
		for(var i=0; i<thumb.length; i++){
			var button = original[i].getElementsByTagName("a")[0];
			button.count = i;
			button.onclick = function(){
				media.layer(this.count);
				return false;
			}
		}
	},
	layer : function(num){
		var el = document.getElementById(this.el).getElementsByTagName("dd")[num].getElementsByTagName("a")[0].href;
		var image = new Image();
		var maxwidth = 622;
		var maxheight = 466;
		media.resize = 0;
		image.src = el;
		if(image.width<1){
			setTimeout("media.layer('"+num+"')",10);
			return false;
		}
		if(image.width > maxwidth){ 
			image.height = image.height / (image.width / maxwidth);
			image.width = maxwidth;
			media.resize = 1;
		}
		if(image.height > maxheight){
			image.width = image.width / (image.height / maxheight);
			image.height = maxheight;
			media.resize = 1;
		}

        if (!document.getElementById("layerBack_media")) {
			layer.open(el,640,535,num,image.width,image.height);
		} else {
			layer.write(el,num,image.width,image.height);
		}
	}
}

var layer = {
	open : function(el,w,h,num,img_w,img_h){
		var ifmback = document.createElement("div");
		ifmback.id = "layerBack_media";
		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.style.width = (document.body.clientWidth<990) ? "990px" : parseInt(document.body.clientWidth) + "px";
		ifmback.style.height = parseInt(document.documentElement.scrollHeight) + "px";
		document.body.appendChild(ifmback);
		ifmback.onclick = layer.close;

		
		var ifmcontent = document.createElement("div");
		ifmcontent.id = "layercontents";
		ifmcontent.style.position = "absolute";
		ifmcontent.style.backgroundColor = "#2d1e16";
		ifmcontent.style.border = "3px solid #9d8875";
		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 = "5000";
		ifmcontent.frameBorder = "0";
		ifmcontent.style.width = w + "px";
		ifmcontent.style.height = h + "px";
		ifmcontent.style.margin = "0";
		document.body.appendChild(ifmcontent);

		layer.write(el,num,img_w,img_h);

		window.onresize = function(){
			ifmback.style.width = (document.body.clientWidth<990) ? "990px" : parseInt(document.body.clientWidth) + "px";
			ifmback.style.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";
		}
	},
	write : function(img_n,num,img_w,img_h){
		if(!document.getElementById("MediaImage")){
			var strLayer = "";
				strLayer += "<p class=\"maximize\" id=\"MediaMaximize\" style=\"display:none;\"><a target=\"_blank\" id=\"MediaMaximizeLink\"><img src=\"http://image.webzen.com/Global/Archlord/common/btn/bt_maximize_new.gif\" alt=\"Maximize\"></a></p>";
				strLayer += "<p class=\"slide\">";
				strLayer += "	<img src=\"http://image.webzen.com/Global/Archlord/common/btn/bt_previmage_new.gif\" alt=\"Prev Image\" style=\"display:none;\" id=\"MediaPrev\" />";
				strLayer += "	<img src=\"http://image.webzen.com/Global/Archlord/common/btn/bt_nextimage_new.gif\" alt=\"Next Image\" style=\"display:none;\" id=\"MediaNext\" />";
				strLayer += "	<img src=\"http://image.webzen.com/Global/Archlord/common/btn/bt_close_new.gif\" alt=\"CLOSE\" onclick=\"layer.close();\" />";
				strLayer += "</p>";
				strLayer += "<table width=\"100%\" class=\"viewimage\"><tr><td><img alt=\"\" id=\"MediaImage\" style=\"display:none;\" /></td></tr></table>";
			document.getElementById("layercontents").innerHTML = strLayer;
		}
		var el = document.getElementById(media.el);
		var thumb = el.getElementsByTagName("dt");
		var MaximizeElement = document.getElementById("MediaMaximize");
		var MaximizeLinkElement = document.getElementById("MediaMaximizeLink");
		var PrevElement = document.getElementById("MediaPrev");
		var NextElement = document.getElementById("MediaNext");
		var ImageElement = document.getElementById("MediaImage");
		if(media.resize == 1){
			MaximizeElement.style.display = "inline";
			MaximizeLinkElement.setAttribute("href",img_n);
		} else {
			MaximizeElement.style.display = "none";
		}
		if(num != 0){
			PrevElement.style.display = "inline";
			PrevElement.onclick = function(){ layer.prev(num); }
		} else { PrevElement.style.display = "none"; }
		if(num != thumb.length -1){
			NextElement.style.display = "inline";
			NextElement.onclick = function(){ layer.next(num); }
		} else { NextElement.style.display = "none"; }
		ImageElement.style.display = "inline";
		ImageElement.setAttribute("src",img_n);
		ImageElement.setAttribute("width",img_w);
		ImageElement.setAttribute("height",img_h);
	},
	close : function(){
		document.body.removeChild(document.getElementById("layercontents"));
		document.body.removeChild(document.getElementById("layerBack_media"));
		window.onresize = function(){};
	},
	prev : function(num){
		num = parseInt(num) - 1;
		media.layer(num);
	},
	next : function(num){
		num = parseInt(num) + 1;
		media.layer(num);
	}
};


var layertemp = {
	open : function(el,w,h){
		var ifmback = document.createElement("iframe");
		ifmback.src = "/_Common/layerBack.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(){};
	}
};


function snb_layer(strmenu,idname){
	if(strmenu.className == "off"){
		strmenu.className = "on";
		document.getElementById(idname).style.display="block";
	} else {
		strmenu.className = "off";
		document.getElementById(idname).style.display="none";
	}
}


var input = {
   login : function(el){
	 el.className = "";
	 el.onblur = function(){
		if(el.value=="") el.className = "on";
	 }
   }
}


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;
	}
}


var flash = {
	param : { url:"", w:"", h:"", wmode:"window", base:"./" },
	TopMainVisual : function(){
			this.param.url = "../swf/main_20101108.swf";
			this.param.w = "1600";
			this.param.h = "550";
			this.param.wmode = "transparent";
			this.param.base = "./";
			flash.write(this.param.url,this.param.w,this.param.h,this.param.wmode,this.param.base);
	},
	TopSubNavi : function(el){
		if(el){
			this.param.url = "../swf/gnb.swf?param=" + el + "";
		} else {
			this.param.url = "../swf/gnb.swf";
		}
			this.param.w = "1000";
			this.param.h = "200";
			this.param.wmode = "transparent";
			this.param.base = "./";
			flash.write(this.param.url,this.param.w,this.param.h,this.param.wmode,this.param.base);
	},
	ComStarter : function(){
			this.param.url = "../swf/start.swf";
			this.param.w = "214";
			this.param.h = "123";
			this.param.wmode = "transparent";
			this.param.base = "./";
			flash.write(this.param.url,this.param.w,this.param.h,this.param.wmode,this.param.base);
	},
	MainPromotion : function(el){
		if(el){
			this.param.url = "http://image.webzen.com/Global/Archlord/swf/mainBanner.swf?xmlLocation=" + el + "";

            } else {
                this.param.url = "http://image.webzen.com/Global/Archlord/swf/mainBanner.swf";
		    }
			this.param.w = "510";
			this.param.h = "162";
			this.param.wmode = "transparent";
			this.param.base = "./";
			flash.write(this.param.url,this.param.w,this.param.h,this.param.wmode,this.param.base);
	},
	write : function(url,w,h,wmode,base){
		strObject =	"<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,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 += "	<embed src=\"" + url + "\" width=\"" + w + "\" height=\"" + h + "\" quality=\"high\" wmode=\"" + wmode + "\" base=\"" + base + "\" allowScriptAccess=\"always\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" />\n";
		strObject += "</object>\n";
		document.write(strObject);
	}
};

function fnGoDownLoad(){
	alert('다운로드');
	//location.href = "";
}

//Item Layer Create & Content Load
function itemLayerCreate(layerId, ItemId)
{
	var obj = document.createElement('div');
	obj.setAttribute('id',layerId);
	obj.className = 'iteminfolayer';
	div = document.body.appendChild(obj);
	$("#"+layerId).load("/ItemShop/Catalog/ItemDetail.aspx?sIK="+ItemId);
	return div;
}
var itemLayerTemp = "";
//Item Layer Open
function itemLayerOpen(e, ItemId)
{
	var x = e.pageX ? e.pageX : document.documentElement.scrollLeft + event.clientX;
	var y = e.pageY ? e.pageY : document.documentElement.scrollTop + event.clientY;

	var layerId = "itemlayer" + ItemId;
	var div = document.getElementById(layerId);
	if(div == null)
	{
		div = itemLayerCreate(layerId, ItemId);
		//alert(div.id + " Created!");
	}

	div.style.left = x + "px";
	div.style.top = y + "px";

	if(itemLayerTemp == "")
	{
		itemLayerTemp = layerId;
	}
	else
	{
		itemLayerClose(itemLayerTemp);
		itemLayerTemp = layerId;
	}

	document.getElementById(layerId).style.display="block";
}

//Item Layer Close
function itemLayerClose(layerId)
{
	document.getElementById(layerId).style.display="none";
}

//Item Layer Remove
function itemLayerRemove(layerId) {
	itemLayerTemp = "";
	var div = document.getElementById(layerId);
	div.parentNode.removeChild(div);
}


//upload Layer

var fm_all = null;
var div = null;
var imgdiv = null;
var fm = null;

function coverScreen(strDivSrc) {
    var h = parseInt(document.documentElement.scrollHeight) + "px";
    var w = parseInt(document.body.offsetWidth) + "px";

    div = document.createElement("iframe");
    div.className = "dvclass";
    div.style.top = "0px";
    div.style.left = "0px";
    div.style.width = w;
    div.style.height = h;
    div.style.position = "absolute";
    div.style.zIndex = 9990;
    div.style.display = "none";
    div.frameBorder = "0";
    div.style.margin = "0";
    div.src = strDivSrc;

    document.body.appendChild(div);

    document.body.onresize = document.body.onresizestart = document.body.onresizeend = document.body.onscroll = function () {
        div.style.top = "0px";
        div.style.left = "0px";
        div.style.width = parseInt(document.body.offsetWidth) + 'px';
        div.style.height = parseInt(document.documentElement.scrollHeight) + "px";
        imgdiv.style.left = (parseInt(document.documentElement.clientWidth) / 2) - (parseInt(imgdiv.style.width) / 2) + 'px';
        //imgdiv.style.top = ( parseInt( document.body.scrollHeight ) / 2 ) - ( parseInt( imgdiv.style.height ) / 2 ) + 'px';
        //imgdiv.style.top = ( parseInt( document.documentElement.clientHeight ) / 2 ) - ( parseInt( imgdiv.style.height ) / 2 ) + 'px';
    }

    imgdiv = document.createElement("div");
    imgdiv.style.width = 400;
    imgdiv.style.height = 400;
    imgdiv.style.left = (parseInt(div.style.width) / 2) - (parseInt(imgdiv.style.width) / 2) + 'px';
    //imgdiv.style.top = ( parseInt( document.body.scrollHeight ) / 2 ) - ( parseInt( imgdiv.style.height ) / 2 ) + 'px';
    imgdiv.style.top = (parseInt(document.documentElement.clientHeight) / 2) - (parseInt(imgdiv.style.height) / 2) + 'px';
    imgdiv.style.position = "absolute";
    imgdiv.style.zIndex = 9999;
    imgdiv.style.display = "none";
    imgdiv.style.backgroundColor = "transparent";
    imgdiv.style.color = "#FFFFFF";
    document.body.appendChild(imgdiv);

    fm = document.createElement("iframe");
    fm.id = "iframe_pop";
    fm.style.width = "100%";
    fm.style.height = "100%";
    fm.allowTransparency = "true";
    fm.style.backgroundColor = "transparent";
    fm.frameBorder = "0";
    fm.style.margin = "0";
    imgdiv.appendChild(fm);

}

function showImg(_w, _h, _src) {
    if (div == null) {
        coverScreen(gp.Http.Portal + "/Scripts/back.html");
    }
    imgdiv.style.width = _w + 'px';
    imgdiv.style.height = _h + 'px';
    //imgdiv.style.left = ( parseInt( document.documentElement.clientWidth ) / 2 ) - ( parseInt( imgdiv.style.width ) / 2 ) + 'px';
    imgdiv.style.left = (parseInt(document.documentElement.clientWidth) / 2) - (parseInt(imgdiv.style.width) / 2) + 'px';
    imgdiv.style.top = ((parseInt(document.documentElement.clientHeight) / 2) + (parseInt(document.body.scrollTop + document.documentElement.scrollTop))) - (parseInt(_h) / 2) + 'px';
    //imgdiv.style.top = ( parseInt( div.style.height ) / 2 ) - ( parseInt( imgdiv.style.height ) / 2 ) + ( parseInt( document.documentElement.scrollTop ) / 2 )  + 'px';
    fm.src = _src;
    div.style.display = "block";
    imgdiv.style.display = "block";
    //	div.document.body.onclick = function(){
    //		hideImg();
    //	}

}