/********************************************************************************************************
	Æ˾÷â ¿ÀÇÂ
********************************************************************************************************/
//object ÅÂ±× »Ñ¸®±âÀ§ÇÑ °øÅë º¯¼ö ¼±¾ð
var objectPrint = "";

function uf_popOpen(url, p_w, p_h) {
	window.open(url,"","width="+p_w+",height="+p_h+",toolbar=no,scrollbars=no,resizable=no" );
}

function uf_popOpen_s(url, p_w, p_h) {
	window.open(url,"","width="+p_w+",height="+p_h+",toolbar=no,scrollbars=yes,resizable=no" );
}

/********************************************************************************************************
	Ç÷¡½¬
********************************************************************************************************/
function Flash_display(sFName, nWidth, nHeight, sCatno, sIslogin ,total_num,today_num){	
	document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="'+ nWidth + '" height="'+ nHeight + '" id="'+ sFName + '" align="middle">');
	document.write('<param name="allowScriptAccess" value="sameDomain" />');
	document.write('<param name="movie" value="/images/common/flash/'+ sFName + '.swf?cat_no=' + sCatno + '&islogin=' + sIslogin + '&today_num=' + today_num +'&total_num=' + total_num +'" />');

	document.write('<param name="quality" value="high"/>');
	document.write('<param name="wmode" value="transparent"/>');	
                	
	document.write('<param name="wmode" value="window"/>');
	document.write('<embed src="/images/common/flash/'+ sFName + '.swf?cat_no=' + sCatno + '&islogin=' + sIslogin + '&today_num=' + today_num +'&total_num=' + total_num +'" quality="high" bgcolor="#ffffff" width="'+ nWidth + '" height="'+ nHeight + '" name="'+ sFName + '" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> ');
	document.write('</object>');	
}


/********************************************************************************************************
	Ç÷¡½¬ ¼±¼ö ¸®½ºÆ® Ç÷¡½¬
********************************************************************************************************/
function Flash_display_players(selectCode ){	
	document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="600" height="132" id="players" align="middle">');	
	document.write('<param name="allowScriptAccess" value="sameDomain" />');	
	document.write('<param name="movie" value="/images/flash/players.swf?selectCode='+selectCode+'" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" />');	
	document.write('<embed src="/images/flashplayers.swf?selectCode='+selectCode+'" quality="high" bgcolor="#000000" width="600" height="132" name="players" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');	
	document.write('</object>');	
}

/********************************************************************************************************
	´ÙÀ̾ ³¯ÀÚ ¸®½ºÆ® Ç÷¡½¬
********************************************************************************************************/
function Flash_display_diary(selectCode, searchYear, searchMonth ){	
	document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="600" height="46" id="diarytab" align="middle">');
	document.write('<param name="allowScriptAccess" value="sameDomain" />');
	document.write('<param name="movie" value="/images/flash/diarytab.swf?selectCode='+selectCode+'&searchYear='+searchYear+'&searchMonth='+searchMonth+'" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" />');
	document.write('<embed src="/images/flash/diarytab.swf?selectCode='+selectCode+'&searchYear='+searchYear+'&searchMonth='+searchMonth+'" quality="high" bgcolor="#000000" width="600" height="46" name="diarytab" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
	document.write('</object>');
}

/********************************************************************************************************
	´ÙÀ̾ ³¯ÀÚ ¸®½ºÆ® Ç÷¡½¬2 ÇöÀç ±Û¹øÈ£ Ãß°¡
********************************************************************************************************/
function Flash_display_diary(selectCode, searchYear, searchMonth, doc_no ){	
	document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="600" height="46" id="diarytab" align="middle">');
	document.write('<param name="allowScriptAccess" value="sameDomain" />');
	document.write('<param name="movie" value="/images/flash/diarytab.swf?selectCode='+selectCode+'&searchYear='+searchYear+'&searchMonth='+searchMonth+'&doc_no='+doc_no+'" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" />');
	document.write('<embed src="/images/flash/diarytab.swf?selectCode='+selectCode+'&searchYear='+searchYear+'&searchMonth='+searchMonth+'" quality="high" bgcolor="#000000" width="600" height="46" name="diarytab" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
	document.write('</object>');
}

/********************************************************************************************************
	 ¼±¼ö¼Ò°³ Ç÷¡½¬
********************************************************************************************************/
function Flash_display_playerNavi(){	
	document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="600" height="420" id="playerNavi" align="middle">');
	document.write('<param name="allowScriptAccess" value="sameDomain" />');
	document.write('<param name="movie" value="/images/flash/playerNavi.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" />');
	document.write('<embed src="/images/flash/playerNavi.swf" quality="high" bgcolor="#000000" width="600" height="420" name="playerNavis" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
	document.write('</object>');
}

/********************************************************************************************************
	 µ¿¿µ»ó Ç÷¡ÀÌ
********************************************************************************************************/
function MPlayer(sFName){	
	document.write("<object id='MediaPlayer1' width='320' height='240' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'	codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'  standby='Loading Microsoft?Windows?Media Player components...' type='application/x-oleobject'>");
	document.write("<param name='FileName' value='" + sFName + "'>");
	document.write("<param name='transparentAtStart' value='True'>");
	document.write("<param name='transparentAtStop' value='True'>");
	document.write("<param name='AnimationAtStart' value='True'>");
	document.write("<param name='AutoStart' value='True'>");
	document.write("<param name='AutoRewind' value='true'>");
	document.write("<param name='SendMouseClickEvents' value='True'>");
	document.write("<param name='DisplaySize' value='0'>");
	document.write("<param name='AutoSize' value='False'>");
	document.write("<param name='ShowDisplay' value='False'>");
	document.write("<param name='ShowControls' value='false'>");
	document.write("<param name='ShowTracker' value='True'>");
	document.write("<param name='FileName' value=''>");
	document.write("<param name='Enabled' value='1'>");
	document.write("<param name='EnableContextMenu' value='0'>");
	document.write("<param name='EnablePositionControls' value='1'>");
	document.write("<param name='EnableFullScreenControls' value='1'>");
	document.write("<param name='ShowPositionControls' value='1'>");
	document.write("<param name='Mute' value='0'>");
	document.write("<param name='Rate' value='1'>");
	document.write("<param name='SAMILang' value=''>");
	document.write("<param name='SAMIStyle' value=''>");
	document.write("<param name='SAMIFileName' value=''>");
	document.write("<param name='ClickToPlay' value='0'>");
	document.write("<param name='CursorType' value='1'>");
	document.write("</object>");
}
/***********************************************************************************
**** Select Box Design Script ******************************************************
************************************************************************************
**** 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("&","&amp;");
}

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 makeSelectBox01(thisId,optionParam) {
	/***********************************************************************************************
	*** »ç¿ë¿¹ ) makeSelectBox01("¼¿·ºÆ®¹Ú½ºName","putup=yes,option=3,classHeader=Ŭ·¡½ºÇì´õ")  ****
	***          optionParam ºÎºÐÀº Ư¼ö»óȲÀÏ °æ¿ì¸¸ »ç¿ëÇÕ´Ï´Ù.                               ****
	***          - putup=yes : ¿É¼Ç·¹À̾ À§·Î º¸¿©Áö°Ô µË´Ï´Ù.                               ****
	***          - option=3 : ¿É¼Ç·¹À̾ Á¤ÇØÁø ¼öÄ¡¸¸Å­¸¸ º¸¿©Áý´Ï´Ù.                        ****
	***          - classHeader=Ŭ·¡½ºÇì´õ : Ư¼öÇÑ°æ¿ì ÇØ´ç ¼¿·ºÆ®¹Ú½º¸¸ ÀÓÀÇ·Î ´Ù¸¥ ½ºÅ²À»     ****
	***                                     Àû¿ë ÇÒ ¼ö ÀÖÀ½. ´Ü, CSS¸¸ º¯°æµÈ ½ºÅ²ÀÏ °æ¿ì       ****
	***********************************************************************************************/
	var downArrowSrc = "/images/common/bu_down.gif";	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö
	var classNameHeader = "selectBoxTypeA_"; // CSS ÆÄÀÏ¿¡¼­ Class¸í Header °ª (ÇÑ »çÀÌÆ®¿¡¼­ ¼¿·ºÆ®¹Ú½º µðÀÚÀÎÀÌ ¿©·¯°³ÀÏ °æ¿ì Class¸¦ µû·Î ÁöÁ¤ÇϱâÀ§ÇØ º¯¼ö·Î ºÐ¸®Çسñ´Ï´Ù.
	var downArrowSrcWidth = 18;	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö width
	var optionHeight = 19; // option ÇϳªÀÇ ³ôÀÌ
	var optionMaxNum = 4; // Çѹø¿¡ º¸¿©Áö´Â 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 style='background:#333; padding:1px 1px 1px 1px'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
	newSelect += "			<tr>";
	newSelect += "				<td height='3' style='background:#000;'></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' style='background:#000;'></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='#333333' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:hand;' onMouseOut=\"setMousePosition('out')\">";
	newSelect += "	<tr>";
	newSelect += "		<td style='background:#000;'>";
	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);
}

function makeSelectBox02(thisId,optionParam) {
	/***********************************************************************************************
	*** »ç¿ë¿¹ ) makeSelectBox01("¼¿·ºÆ®¹Ú½ºName","putup=yes,option=3,classHeader=Ŭ·¡½ºÇì´õ")  ****
	***          optionParam ºÎºÐÀº Ư¼ö»óȲÀÏ °æ¿ì¸¸ »ç¿ëÇÕ´Ï´Ù.                               ****
	***          - putup=yes : ¿É¼Ç·¹À̾ À§·Î º¸¿©Áö°Ô µË´Ï´Ù.                               ****
	***          - option=3 : ¿É¼Ç·¹À̾ Á¤ÇØÁø ¼öÄ¡¸¸Å­¸¸ º¸¿©Áý´Ï´Ù.                        ****
	***          - classHeader=Ŭ·¡½ºÇì´õ : Ư¼öÇÑ°æ¿ì ÇØ´ç ¼¿·ºÆ®¹Ú½º¸¸ ÀÓÀÇ·Î ´Ù¸¥ ½ºÅ²À»     ****
	***                                     Àû¿ë ÇÒ ¼ö ÀÖÀ½. ´Ü, CSS¸¸ º¯°æµÈ ½ºÅ²ÀÏ °æ¿ì       ****
	***********************************************************************************************/
	var downArrowSrc = "/images/common/bu_down.gif";	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö
	var classNameHeader = "selectBoxTypeB_"; // CSS ÆÄÀÏ¿¡¼­ Class¸í Header °ª (ÇÑ »çÀÌÆ®¿¡¼­ ¼¿·ºÆ®¹Ú½º µðÀÚÀÎÀÌ ¿©·¯°³ÀÏ °æ¿ì Class¸¦ µû·Î ÁöÁ¤ÇϱâÀ§ÇØ º¯¼ö·Î ºÐ¸®Çسñ´Ï´Ù.
	var downArrowSrcWidth = 18;	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö width
	var optionHeight = 19; // option ÇϳªÀÇ ³ôÀÌ
	var optionMaxNum = 4; // Çѹø¿¡ º¸¿©Áö´Â 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 style='background:#333; padding:1px 1px 1px 1px'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
	newSelect += "			<tr>";
	newSelect += "				<td height='3' style='background:#000;'></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' style='background:#000;'></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='#333333' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:hand;' onMouseOut=\"setMousePosition('out')\">";
	newSelect += "	<tr>";
	newSelect += "		<td style='background:#000;'>";
	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);
}

document.onmousedown = clickMouse;

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


/********************************************************************************************************
	DzÅÍ Æйи® »çÀÌÆ® À̵¿
********************************************************************************************************/
function Family_go(str){
	if(str != "blank"){
		window.open(str);
	}
}

/***********************************************************************************
**** Select Box Design Script ******************************************************
************************************************************************************
**** 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("&","&amp;");
}

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 makeSelectBox01(thisId,optionParam) {
	/***********************************************************************************************
	*** »ç¿ë¿¹ ) makeSelectBox01("¼¿·ºÆ®¹Ú½ºName","putup=yes,option=3,classHeader=Ŭ·¡½ºÇì´õ")  ****
	***          optionParam ºÎºÐÀº Ư¼ö»óȲÀÏ °æ¿ì¸¸ »ç¿ëÇÕ´Ï´Ù.                               ****
	***          - putup=yes : ¿É¼Ç·¹À̾ À§·Î º¸¿©Áö°Ô µË´Ï´Ù.                               ****
	***          - option=3 : ¿É¼Ç·¹À̾ Á¤ÇØÁø ¼öÄ¡¸¸Å­¸¸ º¸¿©Áý´Ï´Ù.                        ****
	***          - classHeader=Ŭ·¡½ºÇì´õ : Ư¼öÇÑ°æ¿ì ÇØ´ç ¼¿·ºÆ®¹Ú½º¸¸ ÀÓÀÇ·Î ´Ù¸¥ ½ºÅ²À»     ****
	***                                     Àû¿ë ÇÒ ¼ö ÀÖÀ½. ´Ü, CSS¸¸ º¯°æµÈ ½ºÅ²ÀÏ °æ¿ì       ****
	***********************************************************************************************/
	var downArrowSrc = "/images/common/bu_down.gif";	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö
	var classNameHeader = "selectBoxTypeA_"; // CSS ÆÄÀÏ¿¡¼­ Class¸í Header °ª (ÇÑ »çÀÌÆ®¿¡¼­ ¼¿·ºÆ®¹Ú½º µðÀÚÀÎÀÌ ¿©·¯°³ÀÏ °æ¿ì Class¸¦ µû·Î ÁöÁ¤ÇϱâÀ§ÇØ º¯¼ö·Î ºÐ¸®Çسñ´Ï´Ù.
	var downArrowSrcWidth = 18;	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö width
	var optionHeight = 19; // option ÇϳªÀÇ ³ôÀÌ
	var optionMaxNum = 4; // Çѹø¿¡ º¸¿©Áö´Â 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 style='background:#333; padding:1px 1px 1px 1px'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
	newSelect += "			<tr>";
	newSelect += "				<td height='3' style='background:#000;'></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' style='background:#000;'></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='#333333' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:hand;' onMouseOut=\"setMousePosition('out')\">";
	newSelect += "	<tr>";
	newSelect += "		<td style='background:#000;'>";
	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);
}

document.onmousedown = clickMouse;



function makeSelectBox03(thisId,optionParam) {
	/***********************************************************************************************
	*** »ç¿ë¿¹ ) makeSelectBox01("¼¿·ºÆ®¹Ú½ºName","putup=yes,option=3,classHeader=Ŭ·¡½ºÇì´õ")  ****
	***          optionParam ºÎºÐÀº Ư¼ö»óȲÀÏ °æ¿ì¸¸ »ç¿ëÇÕ´Ï´Ù.                               ****
	***          - putup=yes : ¿É¼Ç·¹À̾ À§·Î º¸¿©Áö°Ô µË´Ï´Ù.                               ****
	***          - option=3 : ¿É¼Ç·¹À̾ Á¤ÇØÁø ¼öÄ¡¸¸Å­¸¸ º¸¿©Áý´Ï´Ù.                        ****
	***          - classHeader=Ŭ·¡½ºÇì´õ : Ư¼öÇÑ°æ¿ì ÇØ´ç ¼¿·ºÆ®¹Ú½º¸¸ ÀÓÀÇ·Î ´Ù¸¥ ½ºÅ²À»     ****
	***                                     Àû¿ë ÇÒ ¼ö ÀÖÀ½. ´Ü, CSS¸¸ º¯°æµÈ ½ºÅ²ÀÏ °æ¿ì       ****
	***********************************************************************************************/
	var downArrowSrc = "/images/common/bu_down02.gif";	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö
	var classNameHeader = "selectBoxTypeA_"; // CSS ÆÄÀÏ¿¡¼­ Class¸í Header °ª (ÇÑ »çÀÌÆ®¿¡¼­ ¼¿·ºÆ®¹Ú½º µðÀÚÀÎÀÌ ¿©·¯°³ÀÏ °æ¿ì Class¸¦ µû·Î ÁöÁ¤ÇϱâÀ§ÇØ º¯¼ö·Î ºÐ¸®Çسñ´Ï´Ù.
	var downArrowSrcWidth = 18;	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö width
	var optionHeight = 19; // option ÇϳªÀÇ ³ôÀÌ
	var optionMaxNum = 4; // Çѹø¿¡ º¸¿©Áö´Â 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 style='background:#ffffff; padding:1px 1px 1px 1px'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0'  bgcolor='#fff' width='100%'>";
	newSelect += "			<tr>";
	newSelect += "				<td height='3' style='background:#fff;'></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' style='background:#fff;'></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='#ebebeb' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:hand;' onMouseOut=\"setMousePosition('out')\">";
	newSelect += "	<tr>";
	newSelect += "		<td style='background:#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 = 6; // ¿É¼ÇÇ׸ñ ·¹À̾ ¶ß´Â À§Ä¡ Á¶Àý½Ã ¼öÄ¡¸¦ º¯°æÇØÁÝ´Ï´Ù.
		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 ***************************************************************************
************************************************************************************/