function selectThisValue(thisId,thisIndex,thisValue,thisString) {
	var objId = thisId;
	var nowIndex = thisIndex;
	var valueString = thisString;
	var optionLayer = document.getElementById(objId+"selectBoxOptionLayer");
	var sourceObj = document.getElementById(objId);
	var nowSelectedValue = document.getElementById(objId+"SelectBoxOptionValue"+nowIndex).value;
	if (optionLayer) optionLayer.style.display = "none";
	if (sourceObj) sourceObj.value = nowSelectedValue;
	obj = document.getElementById(thisId);
  fireEvent(obj,'change');
	settingValue(objId,valueString);
}

function settingValue(thisId,thisString) {
	var objId = thisId;
	var valueString = thisString;
	var selectedArea = document.getElementById(objId+"selectBoxSelectedValue");
	if (selectedArea) selectedArea.value = valueString;	
}

function viewOptionLayer(thisId) {
	var objId = thisId;
	var optionLayer = document.getElementById(objId+"selectBoxOptionLayer");
	if (optionLayer) optionLayer.style.display = "";
}

function hideOptionLayer(thisId) {
	var objId = thisId;
	var optionLayer = document.getElementById(objId+"selectBoxOptionLayer");
	if (optionLayer) optionLayer.style.display = "none";
}

function makeSelectBox(thisId) {
	var downArrowSrc = "/images/common/select_arrow.gif";	//오른쪽 화살표이미지
	var downArrowSrcWidth = 16;	//오른쪽 화살표이미지 width
	var objId = thisId;
	var obj = document.getElementById(objId);
	var selectBoxWidth = parseInt(obj.style.width);
	var selectBoxHeight = parseInt(obj.style.height);
	newSelect = "";
	newSelect += "<table id='" + objId + "selectBoxOptionLayer' class='selectBoxOptionLayer' cellpadding='0' cellspacing='0' border='0' style='position:absolute; width:304px; *width:306px; margin: 7px 0 0 1px; *margin: 7px 0 0 0; z-index:100; display:none; ' onMouseOver=\"viewOptionLayer('"+ objId + "')\" onMouseOut=\"hideOptionLayer('"+ objId + "')\">";
	newSelect += "	<tr>";
	newSelect += "		<td height='" + selectBoxHeight + "' style='cursor:hand;' onClick=\"hideOptionLayer('"+ objId + "')\"></td>";
	newSelect += "	</tr>";
	newSelect += "	<tr>";
	newSelect += "		<td height='1'></td>";
	newSelect += "	</tr>";
	newSelect += "	<tr>";
	newSelect += "		<td bgcolor='#FFFFFF' style='border-left:2px solid #D00000;border-right:2px solid #D00000;border-bottom:2px solid #D00000;'>";
	newSelect += "		<div class='selectBoxOptionInnerLayer' style=' width:" + (selectBoxWidth-2) + "px;'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='300' style=' table-layout:fixed;word-break:break-all; '>";
	for (var i=0 ; i < obj.options.length ; i++) {
		var nowValue = obj.options[i].value;
		var nowText = obj.options[i].text;
		newSelect += "			<tr>";
		newSelect += "				<td height='17' class='selectBoxOption' style='z-index:900;padding: 2px 0 0 15px; font-size:12px; font-weight:bold; line-height:18px;'><a href=\"javascript:selectThisValue('"+ objId + "'," + i + ",'" + nowValue + "','" + nowText + "')\" onfocus='this.blur()'>" + nowText + "</a></td>";
		newSelect += "				<input type='hidden' id='"+ objId + "SelectBoxOptionValue" + i + "' value='" + nowValue + "'>";
		newSelect += "			</tr>";
	}
	newSelect += "		</table>";
	newSelect += "		</div>";
	newSelect += "		</td>";
	newSelect += "	</tr>";
	newSelect += "</table>";
	newSelect += "<table cellpadding='0' cellspacing='0' border='0' width='306' height='30'  background='http://energizer2010.lhsoft.co.kr/images/know/jensearchbg.jpg' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:hand;'>";
	newSelect += "	<tr>";
	newSelect += "		<td style='width:294px; height:15px; padding: 3px 6px 6px 6px'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='294'>";
	newSelect += "			<tr>";
	newSelect += "				<td><input id='" + objId + "selectBoxSelectedValue' type='text' class='selectBoxSelectedArea' style='font-size:12px; font-weight:bold; padding: 3px 0 0 10px; border:0; width:260px;height:" + (selectBoxHeight - 4) + "px;cursor:hand;' readOnly></td>";
	newSelect += "				<td><img src='" + downArrowSrc + "' width='24' height='20' style='margin: -3px 0 0 0' border='0'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		</td>";
	newSelect += "	</tr>";
	newSelect += "</table>";
	
	document.write(newSelect);
	
	var haveSelectedValue = false;
	for (var i=0 ; i < obj.options.length ; i++) {
		if (obj.options[i].selected == true) {
			haveSelectedValue = true;
			settingValue(objId,obj.options[i].text);
		}
	}
	if (!haveSelectedValue) settingValue(objId,obj.options[0].text);
}

function fireEvent(element,event){
    if (document.createEventObject){
        var evt = document.createEventObject();
        return element.fireEvent('on'+event,evt)
    }
    else{
        var evt = document.createEvent("HTMLEvents");
        evt.initEvent(event, true, true ); // event type,bubbling,cancelable
        return !element.dispatchEvent(evt);
    }
}