/***********************************************************************************


**** 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 = "/brand/wedding/asset/images/common/arrow.gif";	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö


	var classNameHeader = "selectBoxTypeA_"; // CSS ÆÄÀÏ¿¡¼­ Class¸í Header °ª (ÇÑ »çÀÌÆ®¿¡¼­ ¼¿·ºÆ®¹Ú½º µðÀÚÀÎÀÌ ¿©·¯°³ÀÏ °æ¿ì Class¸¦ µû·Î ÁöÁ¤ÇϱâÀ§ÇØ º¯¼ö·Î ºÐ¸®Çسñ´Ï´Ù.


	var downArrowSrcWidth = 23;	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö width


	var optionHeight = 20; // option ÇϳªÀÇ ³ôÀÌ


	var optionMaxNum = 7; // Çѹø¿¡ º¸¿©Áö´Â optionÀÇ °¹¼ö


	var hideNullValue = true// 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 + 3 ) + "' style='cursor:hand;' onClick=\"hideOptionLayer('"+ objId + "')\"></td>";


	coverHTML += "	</tr>";


	if (!isPutup) newSelect += coverHTML; // ¿É¼ÇÇ׸ñ ·¹À̾ ¾Æ·¡·Î º¸¿©Áú°æ¿ì.


	


	newSelect += "	<tr>";


	newSelect += "		<td bgcolor='#CA517A'>";


	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 + 3) + "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='0' border='0' bgcolor='#CA517A' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:hand;' onMouseOut=\"setMousePosition('out')\" style='border-top:#a8a8a8 1px solid;border-left:#e4e4e4 1px solid;border-right:#e4e4e4 1px solid;border-bottom:#e4e4e4 1px solid;'>";


	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 + 1) + "px;height:" + (selectBoxHeight) + "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;














function makeSelectBox02(thisId,optionParam) {


	/***********************************************************************************************


	*** »ç¿ë¿¹ ) makeSelectBox01("¼¿·ºÆ®¹Ú½ºName","putup=yes,option=3,classHeader=Ŭ·¡½ºÇì´õ")  ****


	***          optionParam ºÎºÐÀº Ư¼ö»óȲÀÏ °æ¿ì¸¸ »ç¿ëÇÕ´Ï´Ù.                               ****


	***          - putup=yes : ¿É¼Ç·¹À̾ À§·Î º¸¿©Áö°Ô µË´Ï´Ù.                               ****


	***          - option=3 : ¿É¼Ç·¹À̾ Á¤ÇØÁø ¼öÄ¡¸¸Å­¸¸ º¸¿©Áý´Ï´Ù.                        ****


	***          - classHeader=Ŭ·¡½ºÇì´õ : Ư¼öÇÑ°æ¿ì ÇØ´ç ¼¿·ºÆ®¹Ú½º¸¸ ÀÓÀÇ·Î ´Ù¸¥ ½ºÅ²À»     ****


	***                                     Àû¿ë ÇÒ ¼ö ÀÖÀ½. ´Ü, CSS¸¸ º¯°æµÈ ½ºÅ²ÀÏ °æ¿ì       ****


	***********************************************************************************************/


	var downArrowSrc = "/brand/wedding/asset/images/common/arrow_01.gif";	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö


	var classNameHeader = "selectBoxTypeB_"; // CSS ÆÄÀÏ¿¡¼­ Class¸í Header °ª (ÇÑ »çÀÌÆ®¿¡¼­ ¼¿·ºÆ®¹Ú½º µðÀÚÀÎÀÌ ¿©·¯°³ÀÏ °æ¿ì Class¸¦ µû·Î ÁöÁ¤ÇϱâÀ§ÇØ º¯¼ö·Î ºÐ¸®Çسñ´Ï´Ù.


	var downArrowSrcWidth = 16;	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö width


	var optionHeight = 20; // option ÇϳªÀÇ ³ôÀÌ


	var optionMaxNum = 9; // Çѹø¿¡ º¸¿©Áö´Â optionÀÇ °¹¼ö


	var hideNullValue = true// 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 + 2) + "' style='cursor:hand;' onClick=\"hideOptionLayer('"+ objId + "')\"></td>";


	coverHTML += "	</tr>";


	if (!isPutup) newSelect += coverHTML; // ¿É¼ÇÇ׸ñ ·¹À̾ ¾Æ·¡·Î º¸¿©Áú°æ¿ì.


	


	newSelect += "	<tr>";


	newSelect += "		<td bgcolor='#CA517A'>";


	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+3) + "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='0' border='0' bgcolor='#CA517A' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:hand;' onMouseOut=\"setMousePosition('out')\" style='border-top:#808080 1px solid;border-left:#808080 1px solid;border-right:#d4d0c8 1px solid;border-bottom:#d4d0c8 1px solid;'>";


	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 + 1) + "px;height:" + (selectBoxHeight) + "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;











function makeSelectBox03(thisId,optionParam) {


	/***********************************************************************************************


	*** »ç¿ë¿¹ ) makeSelectBox01("¼¿·ºÆ®¹Ú½ºName","putup=yes,option=3,classHeader=Ŭ·¡½ºÇì´õ")  ****


	***          optionParam ºÎºÐÀº Ư¼ö»óȲÀÏ °æ¿ì¸¸ »ç¿ëÇÕ´Ï´Ù.                               ****


	***          - putup=yes : ¿É¼Ç·¹À̾ À§·Î º¸¿©Áö°Ô µË´Ï´Ù.                               ****


	***          - option=3 : ¿É¼Ç·¹À̾ Á¤ÇØÁø ¼öÄ¡¸¸Å­¸¸ º¸¿©Áý´Ï´Ù.                        ****


	***          - classHeader=Ŭ·¡½ºÇì´õ : Ư¼öÇÑ°æ¿ì ÇØ´ç ¼¿·ºÆ®¹Ú½º¸¸ ÀÓÀÇ·Î ´Ù¸¥ ½ºÅ²À»     ****


	***                                     Àû¿ë ÇÒ ¼ö ÀÖÀ½. ´Ü, CSS¸¸ º¯°æµÈ ½ºÅ²ÀÏ °æ¿ì       ****


	***********************************************************************************************/


	var downArrowSrc = "/brand/wedding/asset/images/common/arrow_01.gif";	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö


	var classNameHeader = "selectBoxTypeC_"; // CSS ÆÄÀÏ¿¡¼­ Class¸í Header °ª (ÇÑ »çÀÌÆ®¿¡¼­ ¼¿·ºÆ®¹Ú½º µðÀÚÀÎÀÌ ¿©·¯°³ÀÏ °æ¿ì Class¸¦ µû·Î ÁöÁ¤ÇϱâÀ§ÇØ º¯¼ö·Î ºÐ¸®Çسñ´Ï´Ù.


	var downArrowSrcWidth = 16;	//¿À¸¥ÂÊ È­»ìÇ¥À̹ÌÁö width


	var optionHeight = 20; // option ÇϳªÀÇ ³ôÀÌ


	var optionMaxNum = 9; // Çѹø¿¡ º¸¿©Áö´Â optionÀÇ °¹¼ö


	var hideNullValue = true// 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 + 2) + "' style='cursor:hand;' onClick=\"hideOptionLayer('"+ objId + "')\"></td>";


	coverHTML += "	</tr>";


	if (!isPutup) newSelect += coverHTML; // ¿É¼ÇÇ׸ñ ·¹À̾ ¾Æ·¡·Î º¸¿©Áú°æ¿ì.


	


	newSelect += "	<tr>";


	newSelect += "		<td bgcolor='#CA517A'>";


	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+3) + "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='0' border='0' bgcolor='#CA517A' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:hand;' onMouseOut=\"setMousePosition('out')\" style='border-top:#808080 1px solid;border-left:#808080 1px solid;border-right:#d4d0c8 1px solid;border-bottom:#d4d0c8 1px solid;'>";


	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 + 1) + "px;height:" + (selectBoxHeight) + "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;





/* ¼¿·ºÆ®¹Ú½º ¸µÅ© */




lgekor_url = "http://www.lge.co.kr";  // ´ëÇ¥ ¿î¿µ ¼­¹ö





/*1 footer¿µ¿ª ¼¿·ºÆ® ¹öÆ° */





select_01 ="http://www.lge.co.kr/";					// LGÀüÀÚ ´ëÇ¥»çÀÌÆ®


select_02 ="http://b2b.lge.co.kr/";						// B2B ƯÆÇ»çÀÌÆ®


select_03 ="http://www.lge.co.kr/cokr/idea/index.jsp";			// ¾ÆÀ̵ð¾î °ø¸ðÀü

select_04 ="http://kr.lgeaircon.com";	// ½Ã½ºÅÛ¿¡ÀÌÄÁ

/* 20100621 º¯°æµÊ
select_04 ="http://www.systemaircon.com/gcac.common.index.dev";	// ½Ã½ºÅÛ¿¡ÀÌÄÁ
*/

select_05 ="http://www.lghomnet.co.kr/";					// Ȩ³×Æ®¿öÅ©


select_06 ="http://www.lgsakers.com/";					// LG¼¼ÀÌÄ¿½º


select_07 ="http://www.lge.co.kr/brand/bestshop/main/BrandMainCmd.laf?brand=BESTSHOP";					// º£½ºÆ®¼¥








/*2 ¹Ú¶÷ȸ½ºÅ丮 ȸÂ÷º° ¼¿·ºÆ® ¹öÆ° */


//wedding_01 =lgekor_url+"/brand/wedding/wedding_fair/2008_weddingfair_01.jsp";					// 2008³â 1ȸÂ÷


//wedding_02 =lgekor_url+"/brand/wedding/wedding_fair/2008_weddingfair_02.jsp";					// 2008³â 2ȸÂ÷


//wedding_03 =lgekor_url+"/brand/wedding/wedding_fair/2008_weddingfair_03.jsp";					// 2008³â 3ȸÂ÷





//wedding_04 =lgekor_url+"/brand/wedding/wedding_fair/2007_weddingfair_01.jsp";					// 2007³â 1ȸÂ÷ - ¼öµµ±Ç


//wedding_05 =lgekor_url+"/brand/wedding/wedding_fair/2007_weddingfair_02.jsp";					// 2007³â 1ȸÂ÷ - ´ë±¸


//wedding_06 =lgekor_url+"/brand/wedding/wedding_fair/2007_weddingfair_03.jsp";					// 2007³â 1ȸÂ÷ - ´ëÀü


//wedding_07 =lgekor_url+"/brand/wedding/wedding_fair/2007_weddingfair_04.jsp";					// 2007³â 1ȸÂ÷ - ºÎ»ê


//wedding_08 =lgekor_url+"/brand/wedding/wedding_fair/2007_weddingfair_05.jsp";					// 2007³â 1ȸÂ÷ - ÀÎõ


//wedding_09 =lgekor_url+"/brand/wedding/wedding_fair/2007_weddingfair_06.jsp";					// 2007³â 2ȸÂ÷


//wedding_10 =lgekor_url+"/brand/wedding/wedding_fair/2007_weddingfair_07.jsp";					// 2007³â 3ȸÂ÷


//wedding_11 =lgekor_url+"/brand/wedding/wedding_fair/2007_weddingfair_08.jsp";					// 2007³â 4ȸÂ÷


//wedding_12 =lgekor_url+"/brand/wedding/wedding_fair/2007_weddingfair_09.jsp";					// 2007³â 5ȸÂ÷





//wedding_13 =lgekor_url+"/brand/wedding/wedding_fair/2006_weddingfair_01.jsp";					// 2006³â 1ȸÂ÷


//wedding_14 =lgekor_url+"/brand/wedding/wedding_fair/2006_weddingfair_02.jsp";					// 2006³â 2ȸÂ÷


//wedding_15 =lgekor_url+"/brand/wedding/wedding_fair/2006_weddingfair_03.jsp";					// 2006³â 3ȸÂ÷


//wedding_16 =lgekor_url+"/brand/wedding/wedding_fair/2006_weddingfair_04.jsp";					// 2006³â 4ȸÂ÷


//wedding_17 =lgekor_url+"/brand/wedding/wedding_fair/2006_weddingfair_05.jsp";					// 2006³â 5ȸÂ÷





//wedding_18 =lgekor_url+"/brand/wedding/wedding_fair/2005_weddingfair_01.jsp";					// 2005³â 1ȸÂ÷


//wedding_19 =lgekor_url+"/brand/wedding/wedding_fair/2005_weddingfair_02.jsp";					// 2005³â 2ȸÂ÷



wedding_23 =lgekor_url+"/brand/wedding/wedding_fair/2010_fair_01.jsp";					// 2010³â 1ȸÂ÷


wedding_22 =lgekor_url+"/brand/wedding/wedding_fair/2009_fair_02.jsp";					// 2009³â 2ȸÂ÷


wedding_21 =lgekor_url+"/brand/wedding/wedding_fair/2008_fair_03.jsp";					// 2009³â 1ȸÂ÷


wedding_20 =lgekor_url+"/brand/wedding/wedding_fair/2008_fair_03_old_01.jsp";			// 2008³â 3ȸÂ÷


wedding_19 =lgekor_url+"/brand/wedding/wedding_fair/2008_fair_02.jsp";					// 2008³â 2ȸÂ÷


wedding_18 =lgekor_url+"/brand/wedding/wedding_fair/2008_fair_01.jsp";					// 2008³â 1ȸÂ÷


wedding_17 =lgekor_url+"/brand/wedding/wedding_fair/2007_fair_05.jsp";					// 2007³â 5ȸÂ÷


wedding_16 =lgekor_url+"/brand/wedding/wedding_fair/2007_fair_04.jsp";					// 2007³â 4ȸÂ÷


wedding_15 =lgekor_url+"/brand/wedding/wedding_fair/2007_fair_03.jsp";					// 2007³â 3ȸÂ÷


wedding_14 =lgekor_url+"/brand/wedding/wedding_fair/2007_fair_02.jsp";					// 2007³â 2ȸÂ÷


wedding_13 =lgekor_url+"/brand/wedding/wedding_fair/2007_fair_0101.jsp";				// 2007³â 1ȸÂ÷ - ¼öµµ±Ç


wedding_12 =lgekor_url+"/brand/wedding/wedding_fair/2007_fair_0105.jsp";				// 2007³â 1ȸÂ÷ - ÀÎõ


wedding_11 =lgekor_url+"/brand/wedding/wedding_fair/2007_fair_0102.jsp";				// 2007³â 1ȸÂ÷ - ´ë±¸


wedding_10 =lgekor_url+"/brand/wedding/wedding_fair/2007_fair_0103.jsp";				// 2007³â 1ȸÂ÷ - ´ëÀü


wedding_09 =lgekor_url+"/brand/wedding/wedding_fair/2007_fair_0104.jsp";				// 2007³â 1ȸÂ÷ - ºÎ»ê


wedding_08 =lgekor_url+"/brand/wedding/wedding_fair/2006_fair_05.jsp";					// 2006³â 5ȸÂ÷


wedding_07 =lgekor_url+"/brand/wedding/wedding_fair/2006_fair_04.jsp";					// 2006³â 4ȸÂ÷


wedding_06 =lgekor_url+"/brand/wedding/wedding_fair/2006_fair_03.jsp";					// 2006³â 3ȸÂ÷


wedding_05 =lgekor_url+"/brand/wedding/wedding_fair/2006_fair_02.jsp";					// 2006³â 2ȸÂ÷


wedding_04 =lgekor_url+"/brand/wedding/wedding_fair/2006_fair_01.jsp";					// 2006³â 1ȸÂ÷


wedding_03 =lgekor_url+"/brand/wedding/wedding_fair/2005_fair_02.jsp";					// 2005³â 2ȸÂ÷


wedding_02 =lgekor_url+"/brand/wedding/wedding_fair/2005_fair_01.jsp";					// 2005³â 1ȸÂ÷


wedding_01 =lgekor_url+"/brand/wedding/wedding_fair/2004_fair.jsp";					// 2004³â





//¸ðµç ºê·£µå¸ÞÀÎÀº index.jsp ·Î ¿¬°á index.jsp ÆÄÀÏ¿¡¼­ ½ÇÁ¦ ¸ÞÀÎÆäÀÌÁö·Î À̵¿..


// xcanvas       = "http://www.lge.co.kr/brand/xcanvas/main/BrandMainCmd.laf?brand=XCANVAS";


	xnote         = "http://www.lge.co.kr/brand/xnote/main/BrandMainCmd.laf?brand=XNOTE";


	whisen		  = "http://www.lge.co.kr/brand/whisen/main/BrandMainCmd.laf?brand=WHISEN";


	diosfamily    = "http://www.lge.co.kr/brand/diosfamily/DiosMainCmd.laf";


	tromm         = "http://www.lge.co.kr/brand/tromm/main/BrandMainCmd.laf?brand=TROMM";


	diosbuiltin    = "http://www.lge.co.kr/brand/builtin/main/BrandMainCmd.laf?brand=BUILTIN";


	//cyon          = "http://www.cyon.co.kr/";
	mobile          = "http://www.lgmobile.co.kr";

	smartworld          = "http://kr.lgworld.com";
	
	nethard          = "http://www.lge.co.kr/brand/nethard/main/BrandMainCmd.laf?brand=NETHARD";

	hometheater   = "http://www.lge.co.kr/brand/hometheater/main/BrandMainCmd.laf?brand=HOMETHEATER";


    flatron       = "http://www.lge.co.kr/brand/flatron/main/BrandMainCmd.laf?brand=FLATRON";


	cyking        = "http://www.lge.co.kr/brand/cyking/main/BrandMainCmd.laf?brand=CYKING";


	xtick         = "http://www.lge.co.kr/brand/xtick/main/BrandMainCmd.laf?brand=XTICK";


	klena    = "http://www.lge.co.kr/brand/klena/main/BrandMainCmd.laf?brand=KLENA";


	CoolnStyle    = "http://www.coolnstyle.com/";





    function GoBrand( name ) {


        window.open(eval(name), "_blank",  '' );


    }//GoBrand()...End





function GoMenu(name,win) {


//    var LeftPosition = (screen.width) ?        (screen.width-400)/2 : 0;


//    var TopPosition = (screen.height) ?        (screen.height-200)/2 : 0;





	try{


		if (eval(name) == "") {


			alert("¼­ºñ½º ÁغñÁßÀÔ´Ï´Ù.");


			return;


		} else if (name == "lge_home") { 	// ÀüÀÚ ´ëÇ¥


		    window.open(eval(name), "_blank",  '' );


		} else if (name == "mem_08") { 	// À̸ÞÀÏ ¹«´Ü¼öÁý°ÅºÎ


		    window.open(eval(name), "mem_08", "status=no,menubar=no,resizable=no,scrollbars=no,width=488,height=247,left=0,top=0");


		} else if (name == "qm_06") { 	// Digital Catalog


		    window.open(eval(name), "qm_06", "status=no,menubar=no,resizable=no,scrollbars=no,width=971,height=720,left=0,top=0");


		} else if (name == "pr_05") { 	// ½Ã½ºÅÛ¿¡¾îÄÁ


		    window.open(eval(name));


		} else if (name == "pr_06") { 	// ÀÎÅͳݿ¡¾îÄÁ


		    window.open(eval(name));


		} else if (name == "gu_08") { 	// wedding preview


		    window.open(eval(name), "gu_08", "status=no,menubar=no,resizable=no,scrollbars=no,width=690,height=570,left=0,top=0");


		} else {


            if (win == "opener") {		//Æ˾÷¿¡¼­ ºÎ¸ðâÀ¸·Î ¸µÅ© À̵¿


			    opener.document.location.href = eval(name);


			    self.close();


		    } else {


			    document.location.href = eval(name);


		    }


		}


	} catch(e) {


		alert("["+name+"] Á¤ÀǵÇÁö ¾ÊÀº ¸Þ´º ÀÔ´Ï´Ù.");


	}





}