/***********************************************************************************
**** Select Box Design Script ******************************************************
**** gyoony@emotion.co.kr     ******************************************************
************************************************************************************
**** Start *************************************************************************
************************************************************************************/
var nowOpenedSelectBox = "";
var mousePosition = "";

function selectThisValue(thisId,thisIndex,thisValue,thisString,classNameHeader) {
	var objId = thisId;
	var nowIndex = thisIndex;
	var valueString = thisString;
	var sourceObj = document.getElementById(objId);
	var nowSelectedValue = document.getElementById(objId+"SelectBoxOptionValue"+nowIndex).value;
	hideOptionLayer(objId);
	if (sourceObj) sourceObj.value = nowSelectedValue;
	settingValue(objId,valueString);
	selectBoxFocus(objId, classNameHeader);
	if (sourceObj.onchange) sourceObj.onchange();
}

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

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

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

function setMousePosition(thisValue) {
	var positionValue = thisValue;
	mousePosition = positionValue;
}

function clickMouse() {
	if (mousePosition == "out") hideOptionLayer(nowOpenedSelectBox);
}

function selectBoxFocus(thisId, classNameHeader) {
	var objId = thisId;
	var obj = document.getElementById(objId + "selectBoxSelectedValue");
	obj.className = classNameHeader + "SelectedAreaFocus";
	obj.focus();
}

function selectBoxBlur(thisId, classNameHeader) {
	var objId = thisId;
	var obj = document.getElementById(objId + "selectBoxSelectedValue");
	obj.className = classNameHeader + "SelectedArea";
}

function getOptionParameter(tString,allString) {
	var resultStirng = "";
	var sArray = allString.toLowerCase().replace(/\s/g,"").split(",");
	for (var i_=0; i_<sArray.length; i_++) {
		var pArray = sArray[i_].split("=");
		try { if (pArray[0] == tString.toLowerCase()) resultStirng = pArray[1]; } catch(e) { }
	}
	return resultStirng;
}

function resetSelectBox(thisId,optionParam) {
	if (optionParam==null) makeSelectBox01(thisId);
	else makeSelectBox01(thisId,optionParam);
}


function makeSelectBox01(thisId,optionParam) {
	/***********************************************************************************************
	*** »ç¿ë¿¹ ) makeSelectBox01("¼¿·ºÆ®¹Ú½ºName","putup=yes,option=3,classHeader=Ŭ·¡½ºÇì´õ")  ****
	***          optionParam ºÎºÐÀº Ư¼ö»óȲÀÏ °æ¿ì¸¸ »ç¿ëÇÕ´Ï´Ù.                               ****
	***          - putup=yes : ¿É¼Ç·¹À̾ À§·Î º¸¿©Áö°Ô µË´Ï´Ù.                               ****
	***          - option=3 : ¿É¼Ç·¹À̾ Á¤ÇØÁø ¼öÄ¡¸¸Å­¸¸ º¸¿©Áý´Ï´Ù.                        ****
	***          - classHeader=Ŭ·¡½ºÇì´õ : Ư¼öÇÑ°æ¿ì ÇØ´ç ¼¿·ºÆ®¹Ú½º¸¸ ÀÓÀÇ·Î ´Ù¸¥ ½ºÅ²À»     ****
	***                                     Àû¿ë ÇÒ ¼ö ÀÖÀ½. ´Ü, CSS¸¸ º¯°æµÈ ½ºÅ²ÀÏ °æ¿ì       ****
	***********************************************************************************************/
	var downArrowSrc = "http://img.lotteshopping.com/images/common/bullet/bu_selectbox.gif";	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö
	var classNameHeader = "selectBoxTypeA_"; // CSS ÆÄÀÏ¿¡¼­ Class¸í Header °ª (ÇÑ »çÀÌÆ®¿¡¼­ ¼¿·ºÆ®¹Ú½º µðÀÚÀÎÀÌ ¿©·¯°³ÀÏ °æ¿ì Class¸¦ µû·Î ÁöÁ¤ÇϱâÀ§ÇØ º¯¼ö·Î ºÐ¸®Çسñ´Ï´Ù.
	var downArrowSrcWidth = 19;	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö width
	var optionHeight = 21; // option ÇϳªÀÇ ³ôÀÌ
	var optionMaxNum = 6; // Çѹø¿¡ º¸¿©Áö´Â optionÀÇ °¹¼ö
	var hideNullValue = false; // value°¡ ¾ø°Å³ª ºó°ªÀ̸é À妽º·Î Ãë±ÞÇÏ°í »Ñ·ÁÁÖÁö ¾Ê°ÔÇÏ·Á¸é true, »ó°ü¾øÀÌ ¸ðµÎ º¸¿©ÁÖ·Á¸é false.
	var isPutup = false;
	
	if (optionParam != null && optionParam != "") { // optionParam ¸¦ ¼³Á¤ÇßÀ¸¸é ±×¿¡ ¸Â°Ô ¼ÂÆÃÇØÁØ´Ù.
		if (getOptionParameter("putup",optionParam) == "yes") isPutup = true; // ¿É¼ÇÇ׸ñ ·¹À̾ À§·Î º¸¿©±â·Î ¼±ÅÃÇÑ°æ¿ì
		var userMaxNum = parseInt(getOptionParameter("option",optionParam));
		if (userMaxNum > 0) optionMaxNum = userMaxNum;	// ¿É¼ÇÇ׸ñ °¹¼ö¸¦ ÀÓÀÇ·Î ÁöÁ¤ÇÑ °æ¿ì
		var userClassHeader = getOptionParameter("classHeader",optionParam);
		if (userClassHeader != "") classNameHeader = userClassHeader; // º°µµÀÇ ½ºÅ²À» ÁöÁ¤ÇÑ °æ¿ì
	}
	
	var optionInnerLayerHeight = 0;
	var objId = thisId;
	var obj = document.getElementById(objId);
	var selectBoxWidth = parseInt(obj.style.width);
	var selectBoxHeight = parseInt(obj.style.height);
	if (obj.options.length > optionMaxNum) optionInnerLayerHeight = optionHeight * optionMaxNum;
	
	var selectBoxArea = document.getElementById(objId + "selectBoxArea");
	
	var newSelect = "";
	if (!selectBoxArea) newSelect += "<span id='" + objId + "selectBoxArea'>";
	newSelect += "<div style='position:absolute;z-index:50;'>";
	newSelect += "<table id='" + objId + "selectBoxOptionLayer' cellpadding='0' cellspacing='0' border='0' style='position:relative;z-index:100;display:none;' onMouseOver=\"viewOptionLayer('"+ objId + "')\" onMouseOut=\"setMousePosition('out')\">";
	
	var coverHTML = ""; // selectbox À§¿¡ ¾ñÇôÁö´Â Åõ¸í·¹À̾î (¼öÁ¤ÇÒ ÇÊ¿ä ¾øÀ½.)
	coverHTML += "	<tr>";
	coverHTML += "		<td height='" + (selectBoxHeight - 1) + "' style='cursor:hand;' onClick=\"hideOptionLayer('"+ objId + "')\"></td>";
	coverHTML += "	</tr>";
	if (!isPutup) newSelect += coverHTML; // ¿É¼ÇÇ׸ñ ·¹À̾ ¾Æ·¡·Î º¸¿©Áú°æ¿ì.
	
	newSelect += "	<tr>";
	newSelect += "		<td bgcolor='#ECECEC' style='padding:1px 1px 1px 1px'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
	newSelect += "			<tr>";
	newSelect += "				<td height='3' bgcolor='#FFFFFF'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		<div class='"+ classNameHeader +"OptionInnerLayer' style='width:" + (selectBoxWidth-2) + "px;height:" + optionInnerLayerHeight + ";'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%' style='table-layout:fixed;word-break:break-all;'>";
	var defaultShowedOptionsNum = 0;
	for (var i=0 ; i < obj.options.length ; i++) {
		var nowValue = obj.options[i].value.replace(/'/g,"&rsquo;");
		var nowText = obj.options[i].text.replace(/'/g,"&rsquo;");;
		if (((!hideNullValue)||nowValue != null)&&((!hideNullValue)||nowValue != "")) {
			newSelect += "			<tr>";
			newSelect += "				<td height='" + optionHeight + "' class='"+ classNameHeader +"Option' onMouseOver=\"this.className='"+ classNameHeader +"OptionOver'\" onMouseOut=\"this.className='"+ classNameHeader +"Option'\" onClick=\"selectThisValue('"+ objId + "'," + i + ",'" + nowValue + "','" + nowText + "','" + classNameHeader + "')\" style='cursor:hand;'>" + nowText + "</td>";
			newSelect += "				<input type='hidden' id='"+ objId + "SelectBoxOptionValue" + i + "' value='" + nowValue + "'>";
			newSelect += "			</tr>";
			if (defaultShowedOptionsNum < optionMaxNum) defaultShowedOptionsNum++;
		}
	}
	newSelect += "		</table>";
	newSelect += "		</div>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
	newSelect += "			<tr>";
	newSelect += "				<td height='3' bgcolor='#FFFFFF'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		</td>";
	newSelect += "	</tr>";
	
	if (isPutup) newSelect += coverHTML; // ¿É¼ÇÇ׸ñ ·¹À̾ À§·Î º¸¿©Áú°æ¿ì.
	newSelect += "</table>";
	newSelect += "</div>";
	
	newSelect += "<table id='testArea' cellpadding='0' cellspacing='1' border='0' bgcolor='#ECECEC' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:hand;' onMouseOut=\"setMousePosition('out')\">";
	newSelect += "	<tr>";
	newSelect += "		<td bgcolor='#FFFFFF'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0'>";
	newSelect += "			<tr>";
	newSelect += "				<td><div id='" + objId + "selectBoxSelectedValue' class='"+ classNameHeader +"SelectedArea' style='width:" + (selectBoxWidth - downArrowSrcWidth - 2) + "px;height:" + (selectBoxHeight - 2) + "px;overflow:hidden;' onBlur=\"selectBoxBlur('" + objId + "','" + classNameHeader + "')\"></div></td>";
	newSelect += "				<td><img src='" + downArrowSrc + "' width='" + downArrowSrcWidth + "' border='0'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		</td>";
	newSelect += "	</tr>";
	newSelect += "</table>";
	if (!selectBoxArea) newSelect += "</span>";
	
	if (!selectBoxArea) document.write(newSelect);
	else selectBoxArea.innerHTML = newSelect;
	
	if (isPutup) { // ¿É¼ÇÇ׸ñ ·¹À̾ À§·Î º¸¿©Áú°æ¿ì.
		var optionLayerTopMargin = 7; // ¿É¼ÇÇ׸ñ ·¹À̾ ¶ß´Â À§Ä¡ Á¶Àý½Ã ¼öÄ¡¸¦ º¯°æÇØÁÝ´Ï´Ù.
		var innerDivTop = (-1)*((optionHeight * defaultShowedOptionsNum) + optionLayerTopMargin);	// ¿É¼ÇÇ׸ñ·¹À̾îÀÇ ³ôÀÌ + ¿É¼ÇÇ׸ñ À§¾Æ·¡ margin ¹× Ãß°¡ ¿©¹é
		document.getElementById(objId+"selectBoxOptionLayer").style.top = innerDivTop;
	}
	
	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);
}

document.onmousedown = clickMouse;

/***********************************************************************************
**** Select Box Design Script ******************************************************
**** End ***************************************************************************
************************************************************************************/

















// ÇÑ»çÀÌÆ®¿¡¼­ µðÀÚÀÎ Ãß°¡ÇÒ °æ¿ì ¾Æ·¡ ó·³ makeSelectBox fucntionÀ» Ãß°¡ÇÏ¸é µË´Ï´Ù.
function makeSelectBox02(thisId,optionParam) {
	var downArrowSrc = "http://img.lotteshopping.com/images/common/etc/selectbox_footer.gif";	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö
	var classNameHeader = "selectBoxTypeB_"; // CSS ÆÄÀÏ¿¡¼­ Class¸í Header °ª (ÇÑ »çÀÌÆ®¿¡¼­ ¼¿·ºÆ®¹Ú½º µðÀÚÀÎÀÌ ¿©·¯°³ÀÏ °æ¿ì Class¸¦ µû·Î ÁöÁ¤ÇϱâÀ§ÇØ º¯¼ö·Î ºÐ¸®Çسñ´Ï´Ù.
	var downArrowSrcWidth = 19;	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö width
	var optionHeight = 19; // option ÇϳªÀÇ ³ôÀÌ
	var optionMaxNum = 6; // Çѹø¿¡ º¸¿©Áö´Â optionÀÇ °¹¼ö
	var hideNullValue = false; // value°¡ ¾ø°Å³ª ºó°ªÀ̸é À妽º·Î Ãë±ÞÇÏ°í »Ñ·ÁÁÖÁö ¾Ê°ÔÇÏ·Á¸é true, »ó°ü¾øÀÌ ¸ðµÎ º¸¿©ÁÖ·Á¸é false.
	var isPutup = false;
	
	if (optionParam != null && optionParam != "") { // optionParam ¸¦ ¼³Á¤ÇßÀ¸¸é ±×¿¡ ¸Â°Ô ¼ÂÆÃÇØÁØ´Ù.
		if (getOptionParameter("putup",optionParam) == "yes") isPutup = true; // ¿É¼ÇÇ׸ñ ·¹À̾ À§·Î º¸¿©±â·Î ¼±ÅÃÇÑ°æ¿ì
		var userMaxNum = parseInt(getOptionParameter("option",optionParam));
		if (userMaxNum > 0) optionMaxNum = userMaxNum;	// ¿É¼ÇÇ׸ñ °¹¼ö¸¦ ÀÓÀÇ·Î ÁöÁ¤ÇÑ °æ¿ì
		var userClassHeader = getOptionParameter("classHeader",optionParam);
		if (userClassHeader != "") classNameHeader = userClassHeader; // º°µµÀÇ ½ºÅ²À» ÁöÁ¤ÇÑ °æ¿ì
	}
	
	var optionInnerLayerHeight = 0;
	var objId = thisId;
	var obj = document.getElementById(objId);
	var selectBoxWidth = parseInt(obj.style.width);
	var selectBoxHeight = parseInt(obj.style.height);
	if (obj.options.length > optionMaxNum) optionInnerLayerHeight = optionHeight * optionMaxNum;
	
	
	newSelect = "<div style='position:absolute;z-index:50;'>";
	newSelect += "<table id='" + objId + "selectBoxOptionLayer' cellpadding='0' cellspacing='0' border='0' style='position:relative;z-index:100;display:none;' onMouseOver=\"viewOptionLayer('"+ objId + "')\" onMouseOut=\"setMousePosition('out')\">";
	
	var coverHTML = ""; // selectbox À§¿¡ ¾ñÇôÁö´Â Åõ¸í·¹À̾î (¼öÁ¤ÇÒ ÇÊ¿ä ¾øÀ½.)
	coverHTML += "	<tr>";
	coverHTML += "		<td height='" + (selectBoxHeight - 1) + "' style='cursor:hand;' onClick=\"hideOptionLayer('"+ objId + "')\"></td>";
	coverHTML += "	</tr>";
	if (!isPutup) newSelect += coverHTML; // ¿É¼ÇÇ׸ñ ·¹À̾ ¾Æ·¡·Î º¸¿©Áú°æ¿ì.
	
	newSelect += "	<tr>";
	newSelect += "		<td bgcolor='#ECECEC' style='padding:1px 1px 1px 1px'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
	newSelect += "			<tr>";
	newSelect += "				<td height='3' bgcolor='#FFFFFF'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		<div class='"+ classNameHeader +"OptionInnerLayer' style='width:" + (selectBoxWidth-2) + "px;height:" + optionInnerLayerHeight + ";'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%' style='table-layout:fixed;word-break:break-all;'>";
	var defaultShowedOptionsNum = 0;
	for (var i=0 ; i < obj.options.length ; i++) {
		var nowValue = obj.options[i].value.replace(/'/g,"&rsquo;");
		var nowText = obj.options[i].text.replace(/'/g,"&rsquo;");;
		if (((!hideNullValue)||nowValue != null)&&((!hideNullValue)||nowValue != "")) {
			newSelect += "			<tr>";
			newSelect += "				<td height='" + optionHeight + "' class='"+ classNameHeader +"Option' onMouseOver=\"this.className='"+ classNameHeader +"OptionOver'\" onMouseOut=\"this.className='"+ classNameHeader +"Option'\" onClick=\"selectThisValue('"+ objId + "'," + i + ",'" + nowValue + "','" + nowText + "','" + classNameHeader + "')\" style='cursor:hand;'>" + nowText + "</td>";
			newSelect += "				<input type='hidden' id='"+ objId + "SelectBoxOptionValue" + i + "' value='" + nowValue + "'>";
			newSelect += "			</tr>";
			if (defaultShowedOptionsNum < optionMaxNum) defaultShowedOptionsNum++;
		}
	}
	newSelect += "		</table>";
	newSelect += "		</div>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
	newSelect += "			<tr>";
	newSelect += "				<td height='3' bgcolor='#FFFFFF'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		</td>";
	newSelect += "	</tr>";
	
	if (isPutup) newSelect += coverHTML; // ¿É¼ÇÇ׸ñ ·¹À̾ À§·Î º¸¿©Áú°æ¿ì.
	newSelect += "</table>";
	newSelect += "</div>";
	
	newSelect += "<table id='testArea' cellpadding='0' cellspacing='1' border='0' bgcolor='#ECECEC' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:hand;' onMouseOut=\"setMousePosition('out')\">";
	newSelect += "	<tr>";
	newSelect += "		<td bgcolor='#FFFFFF'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0'>";
	newSelect += "			<tr>";
	newSelect += "				<td><div id='" + objId + "selectBoxSelectedValue' class='"+ classNameHeader +"SelectedArea' style='width:" + (selectBoxWidth - downArrowSrcWidth - 2) + "px;height:" + (selectBoxHeight - 2) + "px;overflow:hidden;' onBlur=\"selectBoxBlur('" + objId + "','" + classNameHeader + "')\"></div></td>";
	newSelect += "				<td><img src='" + downArrowSrc + "' width='" + downArrowSrcWidth + "' border='0'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		</td>";
	newSelect += "	</tr>";
	newSelect += "</table>";
	document.write(newSelect);
	
	if (isPutup) { // ¿É¼ÇÇ׸ñ ·¹À̾ À§·Î º¸¿©Áú°æ¿ì.
		var optionLayerTopMargin = 7; // ¿É¼ÇÇ׸ñ ·¹À̾ ¶ß´Â À§Ä¡ Á¶Àý½Ã ¼öÄ¡¸¦ º¯°æÇØÁÝ´Ï´Ù.
		var innerDivTop = (-1)*((optionHeight * defaultShowedOptionsNum) + optionLayerTopMargin);	// ¿É¼ÇÇ׸ñ·¹À̾îÀÇ ³ôÀÌ + ¿É¼ÇÇ׸ñ À§¾Æ·¡ margin ¹× Ãß°¡ ¿©¹é
		document.getElementById(objId+"selectBoxOptionLayer").style.top = innerDivTop;
	}
	
	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);
}




// ÇÑ»çÀÌÆ®¿¡¼­ µðÀÚÀÎ Ãß°¡ÇÒ °æ¿ì ¾Æ·¡ ó·³ makeSelectBox fucntionÀ» Ãß°¡ÇÏ¸é µË´Ï´Ù.
function makeSelectBox03(thisId,optionParam) {
	var downArrowSrc = "http://img.lotteshopping.com/images/common/etc/selectbox_footer_index.gif";	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö
	var classNameHeader = "selectBoxTypeC_"; // CSS ÆÄÀÏ¿¡¼­ Class¸í Header °ª (ÇÑ »çÀÌÆ®¿¡¼­ ¼¿·ºÆ®¹Ú½º µðÀÚÀÎÀÌ ¿©·¯°³ÀÏ °æ¿ì Class¸¦ µû·Î ÁöÁ¤ÇϱâÀ§ÇØ º¯¼ö·Î ºÐ¸®Çسñ´Ï´Ù.
	var downArrowSrcWidth = 19;	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö width
	var optionHeight = 19; // option ÇϳªÀÇ ³ôÀÌ
	var optionMaxNum = 6; // Çѹø¿¡ º¸¿©Áö´Â optionÀÇ °¹¼ö
	var hideNullValue = false; // value°¡ ¾ø°Å³ª ºó°ªÀ̸é À妽º·Î Ãë±ÞÇÏ°í »Ñ·ÁÁÖÁö ¾Ê°ÔÇÏ·Á¸é true, »ó°ü¾øÀÌ ¸ðµÎ º¸¿©ÁÖ·Á¸é false.
	var isPutup = false;
	
	if (optionParam != null && optionParam != "") { // optionParam ¸¦ ¼³Á¤ÇßÀ¸¸é ±×¿¡ ¸Â°Ô ¼ÂÆÃÇØÁØ´Ù.
		if (getOptionParameter("putup",optionParam) == "yes") isPutup = true; // ¿É¼ÇÇ׸ñ ·¹À̾ À§·Î º¸¿©±â·Î ¼±ÅÃÇÑ°æ¿ì
		var userMaxNum = parseInt(getOptionParameter("option",optionParam));
		if (userMaxNum > 0) optionMaxNum = userMaxNum;	// ¿É¼ÇÇ׸ñ °¹¼ö¸¦ ÀÓÀÇ·Î ÁöÁ¤ÇÑ °æ¿ì
		var userClassHeader = getOptionParameter("classHeader",optionParam);
		if (userClassHeader != "") classNameHeader = userClassHeader; // º°µµÀÇ ½ºÅ²À» ÁöÁ¤ÇÑ °æ¿ì
	}
	
	var optionInnerLayerHeight = 0;
	var objId = thisId;
	var obj = document.getElementById(objId);
	var selectBoxWidth = parseInt(obj.style.width);
	var selectBoxHeight = parseInt(obj.style.height);
	if (obj.options.length > optionMaxNum) optionInnerLayerHeight = optionHeight * optionMaxNum;
	
	
	newSelect = "<div style='position:absolute;z-index:50;'>";
	newSelect += "<table id='" + objId + "selectBoxOptionLayer' cellpadding='0' cellspacing='0' border='0' style='position:relative;z-index:100;display:none;' onMouseOver=\"viewOptionLayer('"+ objId + "')\" onMouseOut=\"setMousePosition('out')\">";
	
	var coverHTML = ""; // selectbox À§¿¡ ¾ñÇôÁö´Â Åõ¸í·¹À̾î (¼öÁ¤ÇÒ ÇÊ¿ä ¾øÀ½.)
	coverHTML += "	<tr>";
	coverHTML += "		<td height='" + (selectBoxHeight - 1) + "' style='cursor:hand;' onClick=\"hideOptionLayer('"+ objId + "')\"></td>";
	coverHTML += "	</tr>";
	if (!isPutup) newSelect += coverHTML; // ¿É¼ÇÇ׸ñ ·¹À̾ ¾Æ·¡·Î º¸¿©Áú°æ¿ì.
	
	newSelect += "	<tr>";
	newSelect += "		<td bgcolor='#746B44' style='padding:1px 1px 1px 1px'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
	newSelect += "			<tr>";
	newSelect += "				<td height='3' bgcolor='#746B44'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		<div class='"+ classNameHeader +"OptionInnerLayer' style='width:" + (selectBoxWidth-2) + "px;height:" + optionInnerLayerHeight + ";'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%' style='table-layout:fixed;word-break:break-all;'>";
	var defaultShowedOptionsNum = 0;
	for (var i=0 ; i < obj.options.length ; i++) {
		var nowValue = obj.options[i].value.replace(/'/g,"&rsquo;");
		var nowText = obj.options[i].text.replace(/'/g,"&rsquo;");;
		if (((!hideNullValue)||nowValue != null)&&((!hideNullValue)||nowValue != "")) {
			newSelect += "			<tr>";
			newSelect += "				<td height='" + optionHeight + "' class='"+ classNameHeader +"Option' onMouseOver=\"this.className='"+ classNameHeader +"OptionOver'\" onMouseOut=\"this.className='"+ classNameHeader +"Option'\" onClick=\"selectThisValue('"+ objId + "'," + i + ",'" + nowValue + "','" + nowText + "','" + classNameHeader + "')\" style='cursor:hand;'>" + nowText + "</td>";
			newSelect += "				<input type='hidden' id='"+ objId + "SelectBoxOptionValue" + i + "' value='" + nowValue + "'>";
			newSelect += "			</tr>";
			if (defaultShowedOptionsNum < optionMaxNum) defaultShowedOptionsNum++;
		}
	}
	newSelect += "		</table>";
	newSelect += "		</div>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
	newSelect += "			<tr>";
	newSelect += "				<td height='3' bgcolor='#746B44'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		</td>";
	newSelect += "	</tr>";
	
	if (isPutup) newSelect += coverHTML; // ¿É¼ÇÇ׸ñ ·¹À̾ À§·Î º¸¿©Áú°æ¿ì.
	newSelect += "</table>";
	newSelect += "</div>";
	
	newSelect += "<table id='testArea' cellpadding='0' cellspacing='1' border='0' bgcolor='#746B44' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:hand;' onMouseOut=\"setMousePosition('out')\">";
	newSelect += "	<tr>";
	newSelect += "		<td bgcolor='#746B44'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0'>";
	newSelect += "			<tr>";
	newSelect += "				<td><div id='" + objId + "selectBoxSelectedValue' class='"+ classNameHeader +"SelectedArea' style='width:" + (selectBoxWidth - downArrowSrcWidth - 2) + "px;height:" + (selectBoxHeight - 2) + "px;overflow:hidden;' onBlur=\"selectBoxBlur('" + objId + "','" + classNameHeader + "')\"></div></td>";
	newSelect += "				<td><img src='" + downArrowSrc + "' width='" + downArrowSrcWidth + "' border='0'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		</td>";
	newSelect += "	</tr>";
	newSelect += "</table>";
	document.write(newSelect);
	
	if (isPutup) { // ¿É¼ÇÇ׸ñ ·¹À̾ À§·Î º¸¿©Áú°æ¿ì.
		var optionLayerTopMargin = 7; // ¿É¼ÇÇ׸ñ ·¹À̾ ¶ß´Â À§Ä¡ Á¶Àý½Ã ¼öÄ¡¸¦ º¯°æÇØÁÝ´Ï´Ù.
		var innerDivTop = (-1)*((optionHeight * defaultShowedOptionsNum) + optionLayerTopMargin);	// ¿É¼ÇÇ׸ñ·¹À̾îÀÇ ³ôÀÌ + ¿É¼ÇÇ׸ñ À§¾Æ·¡ margin ¹× Ãß°¡ ¿©¹é
		document.getElementById(objId+"selectBoxOptionLayer").style.top = innerDivTop;
	}
	
	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);
}