<!--

/*---------------------------------------------------------------------------------------------------------*/
// #  셀렉트 박스
/*---------------------------------------------------------------------------------------------------------*/
var baseColor = [
	{ listOver:"#CCCCCC", listOut:"#FFFFFF", fontOver:"#787878", fontOut:"#787878" },
	{ listOver:"#CCCCCC", listOut:"#F7F7F7", fontOver:"#787878", fontOut:"#787878" },
	{ listOver:"#CCCCCC", listOut:"#FFFFFF", fontOver:"#00A6BE", fontOut:"#787878" },
	{ listOver:"#CCCCCC", listOut:"#F7F7F7", fontOver:"#00A6BE", fontOut:"#787878" },
	{ listOver:"#CCCCCC", listOut:"#FFFFFF", fontOver:"#403A3A", fontOut:"#403A3A" },
	];
var className = [ "sel_base", "selbg_base", "sel_path", "selbg_path", "sel_new", "sel_key", "sel_form" ];
var baseWidth = [ 45, 62, 85, 100, 130, 140, 160, 185, 215, 344 ];
var baseZindex = [ "10", "9", "8", "7", "6", "5", "4", "3", "2", "1", "0" ];
var baseBtn = [
	{down: g_kStatic + "/comm/etc/arrow_down01.gif"},
	{down: g_kStatic + "/comm/etc/arrow_down02.gif"},
	{down: g_kStatic + "/comm/etc/arrow_down03.gif"},
	{down: g_kStatic + "/comm/etc/arrow_down04.gif"},
	{down: g_kStatic + "/comm/etc/arrow_down05.gif"}];

var GraphicSelect = {
	viewSelect : function(useObj, event) {
		var nowX = "" + Event.pointerX(event);
		var nowY = "" + Event.pointerY(event);
		if ( Position.within($(useObj.objBasic.idName), nowX, nowY )) {
			$(useObj.objBasic.idName).getElementsBySelector('ul')[0].style.height = "";
			if ( !(useObj.objBasic.viewLength == "A") & useObj.objBasic.viewLength < useObj.useOptions.length ) {
				var oneHeight = $(useObj.objBasic.idName).getElementsBySelector('ul')[0].getHeight()/useObj.useOptions.length;
				$(useObj.objBasic.idName).getElementsBySelector('ul')[0].style.height = "" + (oneHeight * useObj.objBasic.viewLength) +"px";
			}
			$(useObj.objBasic.idName).getElementsBySelector('ul')[0].show();
//			$(useObj.objBasic.idName).getElementsBySelector('img')[0].src = useObj.arrowBtn.up;
		}
	},
	hideSelect : function(useObj) {
		$(useObj.objBasic.idName).getElementsBySelector('ul')[0].hide();
//		$(useObj.objBasic.idName).getElementsBySelector('img')[0].src = useObj.arrowBtn.down;
	},
	outHideSelect : function(useObj, event) {
		var nowX = "" + Event.pointerX(event);
		var nowY = "" + Event.pointerY(event);
		var headFlag = Position.delicacyWithin($(useObj.objBasic.idName), nowX, nowY, 3, 1, 1, 0 );
		var optionFlag = Position.delicacyWithin($(useObj.objBasic.idName).getElementsBySelector('ul')[0], nowX, nowY, 3, 1, 1, 0 );
		//var headFlag = Position.within($(useObj.objBasic.idName), nowX, nowY);
		//var optionFlag = Position.within($(useObj.objBasic.idName).getElementsBySelector('ul')[0], nowX, nowY);
		if ( !(headFlag | optionFlag) ) {
			this.hideSelect(useObj);
		}
	},
	selSelect : function(selObj, useObj) {
		var nowText = "";
		for ( var i = 0 ; i < useObj.useOptions.length ; i++ ) {
			if ( $(useObj.objBasic.idName).getElementsBySelector('ul')[0].getElementsBySelector('li')[i] == selObj ) {
				nowText = $(useObj.objBasic.idName).getElementsBySelector('ul')[0].getElementsBySelector('li')[i].getElementsBySelector('span')[0].innerHTML;
			}
		}
		for ( var i = 0 ; i < useObj.useOptions.length ; i++ ) {
			if ( useObj.useOptions[i].txt == nowText ) {
				this.setSelect(useObj, i);
			}
		}
		this.hideSelect(useObj);
		useObj.eventOnChange();
	},
	getValue : function(useObj) {
		return useObj.useOptions[useObj.nowSelect].val;
	},
	getSelectedIndex : function(useObj) {
		return useObj.nowSelect;
	},
	setSelect : function(useObj, selIndex) {
		$(useObj.objBasic.idName).getElementsBySelector('p')[0].innerHTML = useObj.useOptions[selIndex].txt;
		useObj.nowSelect = selIndex;
		return;
	},
	setSelectByValue : function(useObj, useVal) {
		useObj.useOptions.each(function(obj, i) {
			if(obj.val == useVal) {
				$(useObj.objBasic.idName).getElementsBySelector('p')[0].innerHTML = obj.txt
				useObj.nowSelect = i;
				useObj.eventOnChange();
			}
		});
	},
	addOption : function(useObj, useVal, useTxt) {
		var tmpObj = new Object();
		tmpObj.val = useVal;
		tmpObj.txt = useTxt;
		useObj.useOptions[useObj.useOptions.length] = tmpObj;
		this.reDrawOption(useObj);
	},
	delOption : function(useObj, delIndex) {
		if ( useObj.useOptions.length <= delIndex ) {
			alert("생성되지 않은 번호 입니다.");
			return;
		}
		for ( var i = delIndex ; i < useObj.useOptions.length-1 ; i ++ ) {
			useObj.useOptions[i] = useObj.useOptions[i+1];
		}
		useObj.useOptions.length = useObj.useOptions.length-1;
		this.reDrawOption(useObj);
	},
	clearOption : function(useObj) {
		if(useObj.useOptions != null) {
			useObj.useOptions.clear();
		}
		useObj.nowSelect = 0;
	},
	reDrawOption : function(useObj) {
		var allLength = $(useObj.objBasic.idName).getElementsBySelector('ul')[0].getElementsBySelector('li').length;
		ulObj = $(useObj.objBasic.idName).getElementsBySelector('ul')[0];
		for ( var i = 0 ; i < useObj.objBasic.maxOptLen ; i ++ ) {
			if ( i < useObj.useOptions.length ) { 
				ulObj.getElementsBySelector('li')[i].getElementsBySelector('span')[0].innerHTML = useObj.useOptions[i].txt;
				ulObj.getElementsBySelector('li')[i].show();
			} else {
				ulObj.getElementsBySelector('li')[i].getElementsBySelector('span')[0].innerHTML = "";
				ulObj.getElementsBySelector('li')[i].hide();
			}
		}
		this.setSelect(useObj, useObj.nowSelect);
	},
	drawSelect : function( useObj ) {
		var selectObj = new StringBuffer();
		selectObj.append("<div class=\"" + useObj.objBasic.className + "\" id=\"" + useObj.objBasic.idName + "\" style=\"z-index:" + useObj.objBasic.useZindex + ";width:" + useObj.objBasic.useWidth + "px;\" onclick=\"GraphicSelect.viewSelect(" + useObj.objBasic.thisName + ", event);\" onmouseout=\"GraphicSelect.outHideSelect(" + useObj.objBasic.thisName + ", event);\">");
		if (Prototype.Browser.IE) {
			selectObj.append("<img src=\"" + useObj.arrowBtn.down + "\" style=\"margin-right:-3px;\" />");
		} else {
			selectObj.append("<img src=\"" + useObj.arrowBtn.down + "\" />");
		}
		selectObj.append("<p>" + useObj.useOptions[0].txt + "</p>");
		selectObj.append("<ul style=\"width:" + useObj.objBasic.useWidth + "px;\">");
		for ( var i = 0 ; i < useObj.objBasic.maxOptLen ; i ++ ) {
			if ( i < useObj.useOptions.length ) {
				selectObj.append("<li onclick=\"GraphicSelect.selSelect(this, " + useObj.objBasic.thisName + ");\" onmouseover=\"this.style.backgroundColor='" + useObj.useColor.listOver + "';this.style.color='" + useObj.useColor.fontOver + "'; \" onmouseout=\"this.style.backgroundColor='" + useObj.useColor.listOut + "';this.style.color='" + useObj.useColor.fontOut + "';\"><span>" + useObj.useOptions[i].txt + "</span></li>");
			} else {
				selectObj.append("<li onclick=\"GraphicSelect.selSelect(this, " + useObj.objBasic.thisName + ");\" onmouseover=\"this.style.backgroundColor='" + useObj.useColor.listOver + "';this.style.color='" + useObj.useColor.fontOver + "';\" onmouseout=\"this.style.backgroundColor='" + useObj.useColor.listOut + "';this.style.color='" + useObj.useColor.fontOut + "';\" style=\"display:none;\"><span>&nbsp;</span></li>");
			}
		}
		selectObj.append("</ul>");
		selectObj.append("</div>");
		document.write(selectObj.toString());
	}
};
//-->