var UserAgent = navigator.userAgent;
var AppVersion = (((navigator.appVersion.split('; '))[1].split(' '))[1]);

var SL_MouseDown = false;
var SL_Idx = 0;

var sUrl = self.location.href;

var TitleTblAttr = " height=19 cellpadding=0 cellspacing=0"
var IcnBtn = "<img src='http://img.nate.com/game/img/myinfo/select_off.gif' border=0>"
var IcnBtn2 = "<img src='http://img.nate.com/game/img/myinfo/select_on.gif' border=0>"
var ContourStyle = "border:1px solid #CDCDCD;cursor:hand;";
var ScrollBarStyle = "";
var ItemStyle = "text-indent:3px;cursor:hand;font-size:10pt;height:16px;padding-top:4px;";
var ALTStyle = "'filter:alpha(opacity=100); border:1 solid #DA753F'";
SList = new Array();

document.onmousedown = dispList;
function dispList() {
	var hideList = true;
	if ( event.srcElement.id == "bground") hideList = false; 
	if ( !SL_MouseDown ) {
		for ( i = 0; i < SList.length; i++ ) SList[i].hideList = true; 
	}
	if ( SList.length > 0 ) {
		for ( i = 0; i < SList.length; i++ ) {
			if ( SList[i].hideList && hideList ) SList[i].List.style.visibility = "hidden";
		}
		SL_MouseDown = false;
		SList[SL_Idx].Title.children(0).cells(0).childNodes(0).innerText = SList[SL_Idx].SelectedItemName;
	}
	return;
}

/* ---------- SelectList Creation ---------- */

function SelectList(src) {
	if ( UserAgent.indexOf("MSIE") < 0 || AppVersion < 5 ) {
		document.write(src);
		return;
	} else { 
		var SListObj = new setSelectList(src);
		SListObj.append();
	}
}

function setSelectList(src) {
	this.IDX = SList.length;
	this.src = src;
	this.bgcolor = '#FFFFFF';
	this.hideList = true;
	/* SelectList Object */
	this.Table;
	this.Title;
	this.List;
	this.Items;
	this.SelectedItemName;
	this.width;
	this.getWidth = getWidth;
	/* Object Function */
	this.itemObj = createSLItem;
	this.ListObj = createSLList;
	this.TitleObj = createSLTitle;
	this.TableObj = createSLTable;
	/* Event Handler */
	this.TitleMouseDown = SL_TitleMouseDown;
	this.ListMouseOver = SL_ListMouseOver;
	this.ListMouseOut = SL_ListMouseOut;
	this.ListMouseDown = SL_ListMouseDown;
	this.append = appendSList; 
	this.TableObj();
	SList[this.IDX] = this;
	return;
}

function appendSList() {
	document.write("<div id=TempDiv></div>\n");
	document.all.TempDiv.appendChild(this.Table);
	document.all.TempDiv.removeNode();
	return;
}

/* ---------- Object Function ---------- */

function createSLItem(src) {
	oObj = new Object();
	oObj.Div = document.createElement("DIV");
	oObj.Div.insertAdjacentHTML("afterBegin",src);
	this.Items = oObj.Div.children(0);
	return this.Items;
}

function createSLList() {
	var ListItem = "";
	var ListLength = this.Items.length;
	var ListHeight;
	var scrollbarStyle = "";
	var bgcolor = this.bgcolor;
	for ( i = 0; i < ListLength; i++ ) {
		ListItem += "<div id=List idx="+i+" style="+ItemStyle
		+" onMouseDown='SList["+this.IDX+"].ListMouseDown(this);'"
		+" onMouseOver='SList["+this.IDX+"].ListMouseOver(this);'"
		+" onMouseOut='SList["+this.IDX+"].ListMouseOut(this);'>"
		+this.Items[i].innerText+"</div>";
	}
	if ( ListLength < 10 ) { scrollbarStyle = "hidden"; }
	else { scrollbarStyle = "scroll"; ListHeight = 160; }
	this.List = createSLItem(""
	+"<div id=bground style='"+ContourStyle+ScrollBarStyle
	+"z-index:1;background:"+bgcolor+";position:absolute;visibility:hidden;"
	+"width:"+(this.width+24)+";height:"+ListHeight+";overflow-Y:"+scrollbarStyle+";'>"
	+ListItem+"</div>");
	return;
}

function createSLTitle() {
	var MaxLength = 0;
	var width;
	var ListLength = this.Items.length;
	var bgcolor = this.bgcolor;
	var thisIcnBtn = IcnBtn

	bgcolor='#FFFFFF';fontsize="font-size:10pt;";bordercolor='#CDCDCD';
	thisIcnBtn = IcnBtn2;
	for ( i = 0; i < ListLength; i++ ) {
		if (this.Items.options[i].selected) {
			this.SelectedItemName = this.Items.options[i].innerText;
			SelectedItemValue = this.Items.options[i].value;
		}
	}
	this.getWidth();
	TitleItem = createSLItem(""
	+"<table"+TitleTblAttr
	+" style='border:1px solid "+bordercolor+"; background-color:"+bgcolor+";'><tr>\n"
	+"<td width="+(this.width+6)+" nowrap></td>"
	+"<td style='display:none;'></td>"
	+"<td width=16 align=center><a href=javascript:; onClick='return false;'>"+thisIcnBtn+"</a></td>"
	+"</tr></table>");
	SelectedItemObj = createSLItem(""
	+"<div style='position:absolute;top:3px;left:4px;font-size:10pt;height:22px;'>"+this.SelectedItemName
	+"</div>");
	TitleItem.cells(0).appendChild(SelectedItemObj);
	TitleItem.cells(1).appendChild(this.Items);
	this.Title = createSLItem(""
	+"<div style='position:relative;top:0px;left:0px;border:0px;cursor:hand;"
	+"' onMouseDown='SList["+this.IDX+"].TitleMouseDown();'>"
	+TitleItem.outerHTML+"</div>");
	return;
}

function createSLTable() {
	this.itemObj(this.src);
	this.TitleObj();
	this.ListObj();
	this.Table = createSLItem(""
	+"<table border=0 cellpadding=0 cellspacing=0>\n" 
	+"<tr><td></td></tr>"
	+"</table>");
	this.Table.cells(0).appendChild(this.Title);
	this.Table.cells(0).appendChild(this.List);
	return;
}

/* ---------- Event Handler ---------- */

function SL_TitleMouseDown() {
	if ( this.List.style.visibility == "visible" ) {
		this.List.style.visibility = "hidden";
		this.hideList = true;
	} else {
		this.List.style.visibility = "visible";
		this.hideList = false;
	}
	for ( i = 0; i < SList.length; i++ )
	if ( i != this.IDX ) SList[i].hideList = true;
	SList[SL_Idx].Title.children(0).cells(0).childNodes(0).innerText = SList[SL_Idx].SelectedItemName;
	SL_MouseDown = true;
	SL_Idx = this.IDX;
	return;
}

function SL_ListMouseOver(f) {
	f.style.background = "#113466";
	f.style.color = "white";
	return;
}

function SL_ListMouseOut(f) {
	f.style.background = this.bgcolor;
	f.style.color = "black";
	return;
}

function SL_ListMouseDown(f) {
	var TChildren = this.Title.children(0).cells;
	var obj_length = this.Items.length;
	for ( i = 0; i < obj_length; i++ ) {
		this.Items.options[i].selected = false;
		if ( i == f.idx ) {
			this.Items.options[i].selected = true;
			SI_Name = this.Items.options[i].innerText;

			//¾ÆÀÌÅÛ»ó¼¼ ÆäÀÌÁö¶§¹®¿¡ Ãß°¡..
			if(sUrl.indexOf("item") != -1) {
				if(sUrl.indexOf("/game/") != -1) {
					if(sUrl.indexOf("item_list_v701.html") != -1) {
						var su = parent.location.href;
						var sa = su.split("&");
						var st = sa[0].split("?");
						self.location.href = '/item/game/item_list_v701.html?' + st[1] + '&ic=' + this.Items.options[i].value + '&k=';
					} else {
						var su = parent.location.href;
						var sa = su.split("&");
						var st = sa[0].split("?");
						self.location.href = '/item/game/item_list.html?' + st[1] + '&ic=' + this.Items.options[i].value;
					}
				} else {
					var ic = this.Items.options[i].value;
					var chan = getChanceParam(ic);
					self.location.href = 'item.html?ic=' + ic + '&k=' + chan;
				}
			} else {
				if(this.Items.options[i].value.indexOf("avatar_main.html") != -1) {
					var pu = parent.location.href;
					var pa = pu.split("/");
					parent.top.location.href = "/" + pa[3] + "/" + this.Items.options[i].value;
				} else {
					//self.location.href = this.Items.options[i].value;
				}
			}

		}
	}
	this.SelectedItemName = SI_Name;
	TChildren(1).childNodes(0).outerHTML = this.Items.outerHTML;
	this.List.style.visibility = "hidden";
	return;
}

function getWidth() {
	document.all.sl_Div.innerHTML = this.Items.outerHTML;
	this.width = document.all.sl_Div.scrollWidth - 20;
	return;
}

function getChanceParam(ic) {
	var k = '';
	if(ic == 1603 || ic == 1602 || ic == 1601 || ic == 1600) {
		k = 'c';
	}
	return k;
}