function pop( url, width, height, flag ) {
    if ( flag == "0" )
		window.open( url, "", "toolbar=0,menubar=0,scrollbars=no,resizable=no,width=" + width + ",height=" + height + ";");
    else 
		window.open( url, "", "toolbar=0,menubar=0,scrollbars=yes,resizable=no,width=" + width + ",height=" + height + ";");
}

/********************************************************************************************************
	플래쉬
********************************************************************************************************/
function Flash_display(sFName, nWidth, nHeight, flashvars, sVName, BGColor, Wmode ){	
	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="'+ sVName +'" align="middle">');
	document.write('<param name="allowScriptAccess" value="sameDomain" />');
	document.write('<param name="quality" value="high" />');
	document.write('<param name="flashvars" value="' + flashvars + '">');
	document.write('<param name="movie" value="'+ sFName + '" />');
	document.write('<param name="bgcolor" value="' + BGColor + '" />');
	document.write('<param name="wmode" value="' + Wmode + '" />');
	document.write('<embed src="'+ sFName + '" quality="high" bgcolor="#ffffff" width="'+ nWidth + '" height="'+ nHeight + '" name="'+ sVName +'" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http:// www.macromedia.com/go/getflashplayer" /> ');
	document.write('</object>');	
}

/********************************************************************************************************
	이벤트 및 이미지 관련 스트립트
********************************************************************************************************/
//PNG 이미지 투명처리
function setPng24(obj) { 
	obj.width=obj.height=1; 
	obj.className=obj.className.replace(/\bpng24\b/i,''); 
	obj.style.filter = 
	"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');" 
	obj.src='';  
	return ''; 
}

//이미지 오버/아웃
function setOver(thisImg, sMode) {
	var sPath = thisImg.src;
	var sCommonPath = sPath.substring(0, sPath.lastIndexOf("_") + 1);
	var sType = sPath.substring(sPath.lastIndexOf("."), sPath.length);
	thisImg.src = sCommonPath + sMode + sType;
}

//서브탭, 링크스탭 온/오프 함수
function chgSub(thisImg){
	var seq = 1;
	var sPath = thisImg.src;
	var sImgName = sPath.substring(sPath.lastIndexOf("/") + 1, sPath.lastIndexOf("_") - 2);
	var seqTab = sPath.substring(sPath.lastIndexOf("_") - 2, sPath.lastIndexOf("_") );

	while (seq) {
		var tmpSeq;
		if( seq < 10 ) {
			tmpSeq = "0" + seq;
		} else {
			tmpSeq = seq;
		}
		
		var objImg = document.getElementById(sImgName + tmpSeq);
		if( objImg ) {

			setOver(objImg, "off");
			document.getElementById('list_' + sImgName + tmpSeq ).style.visibility="hidden";
			document.getElementById('list_' + sImgName + tmpSeq ).style.display="none";
			seq++;
		} else {
			break;
		}
	}

	setOver(thisImg, "on");
	document.getElementById('list_' + sImgName + seqTab ).style.visibility="visible";
	document.getElementById('list_' + sImgName + seqTab ).style.display="";

}

//강좌메인>인기강좌 탭 리스트
function chgRankingList(nidNum){
	for (i=1;i<4;i++){
		document.getElementById('mainRanking').src = "http://image.ebs.co.kr/middle/main/tab_ranking_0"  + i + ".gif"; 
		document.getElementById('mainRanking_list' + i ).style.visibility="hidden";
		document.getElementById('mainRanking_list' + i ).style.display="none";
	}

	document.getElementById('mainRanking').src = "http://image.ebs.co.kr/middle/main/tab_ranking_0"  + nidNum + ".gif"; 
	document.getElementById('mainRanking_list' + nidNum ).style.visibility="visible";
	document.getElementById('mainRanking_list' + nidNum ).style.display="";
}

//강좌메인>인기강좌 탭서브 리스트 업/다운
function chgRankingDetail_01(nidNum){
	for (i=1;i<5;i++){
		document.getElementById('rank01_num' + i).src = "http://image.ebs.co.kr/middle/main/num_0"  + i + "_off.gif"; 
		document.getElementById('rank01_tit' + i).className = "gray"; 
		document.getElementById('mainRanking01_detail' + i ).style.visibility="hidden";
		document.getElementById('mainRanking01_detail' + i ).style.display="none";
	}
	
	document.getElementById('rank01_num' + nidNum).src = "http://image.ebs.co.kr/middle/main/num_0"  + nidNum+ "_on.gif"; 
	document.getElementById('rank01_tit' + nidNum).className = "bold"; 
	document.getElementById('mainRanking01_detail' + nidNum ).style.visibility="visible";
	document.getElementById('mainRanking01_detail' + nidNum ).style.display="";
}

function chgRankingDetail_02(nidNum){
	for (i=1;i<5;i++){
		document.getElementById('rank02_num' + i).src = "http://image.ebs.co.kr/middle/main/num_0"  + i + "_off.gif"; 
		document.getElementById('rank02_tit' + i).className = "gray"; 
		document.getElementById('mainRanking02_detail' + i ).style.visibility="hidden";
		document.getElementById('mainRanking02_detail' + i ).style.display="none";
	}
	
	document.getElementById('rank02_num' + nidNum).src = "http://image.ebs.co.kr/middle/main/num_0"  + nidNum+ "_on.gif"; 
	document.getElementById('rank02_tit' + nidNum).className = "bold"; 
	document.getElementById('mainRanking02_detail' + nidNum ).style.visibility="visible";
	document.getElementById('mainRanking02_detail' + nidNum ).style.display="";
}

function chgRankingDetail_03(nidNum){
	for (i=1;i<5;i++){
		document.getElementById('rank03_num' + i).src = "http://image.ebs.co.kr/middle/main/num_0"  + i + "_off.gif"; 
		document.getElementById('rank03_tit' + i).className = "gray"; 
		document.getElementById('mainRanking03_detail' + i ).style.visibility="hidden";
		document.getElementById('mainRanking03_detail' + i ).style.display="none";
	}
	
	document.getElementById('rank03_num' + nidNum).src = "http://image.ebs.co.kr/middle/main/num_0"  + nidNum+ "_on.gif"; 
	document.getElementById('rank03_tit' + nidNum).className = "bold"; 
	document.getElementById('mainRanking03_detail' + nidNum ).style.visibility="visible";
	document.getElementById('mainRanking03_detail' + nidNum ).style.display="";
}

//강좌메인>베스트 탭 리스트
function chgBestList(nidNum){
	for (i=1;i<5;i++){
		document.getElementById('mainBest').src = "http://image.ebs.co.kr/middle/main/tab_best_0"  + i + ".gif"; 
		document.getElementById('mainBest_list' + i ).style.visibility="hidden";
		document.getElementById('mainBest_list' + i ).style.display="none";
	}
	document.getElementById('mainBest').src = "http://image.ebs.co.kr/middle/main/tab_best_0"  + nidNum + ".gif"; 
	document.getElementById('mainBest_list' + nidNum ).style.visibility="visible";
	document.getElementById('mainBest_list' + nidNum ).style.display="";
}


//강좌메인>배너
function swap(nidNum) {
	for (i=1;i<7;i++){
		document.getElementById('imgBanner' + i ).style.visibility="hidden";
		document.getElementById('imgBanner' + i ).style.display="none";
	}
	document.getElementById('imgBanner' + nidNum ).style.visibility="visible";
	document.getElementById('imgBanner' + nidNum ).style.display="";
}

//상품군 리스트 탭메뉴(서브메뉴 제어)
var tabList_z=1;

function chg_tab(i){
	var tab_sub_i = document.getElementById("tab_sub" + i);
	var tab_i=document.getElementById("tab" + i);
	var tab_sub_z = document.getElementById("tab_sub" + tabList_z);
	var tab_z=document.getElementById("tab" + tabList_z);
	
	if (tab_sub_i && tab_sub_z) {
		if(tabList_z != 0){
			tab_sub_z.style.display="none"
			tab_z.className = "off";
			tab_sub_i.style.display="";
			tab_i.className = "on";
		}
		tab_sub_i.style.display="";
		tab_i.className = "on";
		tabList_z=i;
	}
}

//상품리스트 업/다운 이벤트
function LayerSH(SLayerName,HLayerName) {
 ie4 = (document.getElementById)? true:false
	
	SLayerN = document.getElementById(SLayerName).style
	HLayerN = document.getElementById(HLayerName).style
	
	SLayerN.display = 'block';
	HLayerN.display = 'none';
}

function roll_up(img_num) {
	document.getElementById("leclist" + img_num).className = "off";
}

function roll_down(img_num) {
	document.getElementById("leclist" + img_num).className = "on";
}

// 상세페이지 리스트 펼침/닫힘 구현
var rollFlag=0;

function rollUp(img_num) {
	document.getElementById("roll" + img_num).className = "off";
}

function rollDown(img_num) {
	document.getElementById("roll" + img_num).className = "on";
}

function rollList(str) {
	sub_num = str.substring(str.length - 2);
	sub_str = str.substring(0, str.length -2);
	
	if (document.getElementById(str).style.display=="") {
		document.getElementById(str).style.display="none";
		rollUp(sub_num);
		rollFlag=0;
		return;
	} else {
		if(rollFlag != 0) {
		document.getElementById(str).style.display="";
		rollDown(sub_num);
	}
	
	document.getElementById(str).style.display="";
	rollDown(sub_num);
	rollFlag=sub_num;
	}

}


/***********************************************************************************
**** Select Box Design Script ******************************************************
**** gyoony@emotion.co.kr     ******************************************************
**** 2003.12                  ******************************************************
************************************************************************************
**** Start *************************************************************************
************************************************************************************/
String.prototype.escapeXml = function() {
	var s = (this!=null) ? this : "";
	s = s.replace(/&/g,"&amp;");
	s = s.replace(/\'/g,"&#039;");
	s = s.replace(/\"/g,"&#34;");
	s = s.replace(/</g,"&lt;");
	s = s.replace(/>/g,"&gt;");
	s = s.replace(/\n/g,"&#10;");
	s = s.replace(/\r/g,"&#13;");
	s = s.replace(/\t/g,"&#9;");
	return s;
};

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";
		selectBoxBlur(thisId);
	}
}

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");
	if (classNameHeader==null) classNameHeader = obj.className.substring(0,obj.className.lastIndexOf("_")+1);
	obj.className = classNameHeader + "SelectedArea";
}

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

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

function resetSelectBox02(thisId,optionParam) {
	if (optionParam==null) makeSelectBox02(thisId);
	else makeSelectBox02(thisId,optionParam);
}

function setDisabledMode(thisId,isTrue) {
	if (isTrue==undefined) isTrue = true;
	var obj = document.getElementById(thisId);
	var disabledLayer = document.getElementById(thisId+"selectBoxDisabledLayer");
	var focusArea = document.getElementById(thisId+"selectBoxFocusArea");
	if (obj) {
		obj.disabled = isTrue;
		disabledLayer.style.width = focusArea.offsetWidth + "px";
		disabledLayer.style.height = focusArea.offsetHeight + "px";
		disabledLayer.style.display = (isTrue) ? "" : "none";
	}
}


function makeSelectBox01(thisId,optionParam) {
	/***********************************************************************************************
	*** 사용예 ) makeSelectBox01("셀렉트박스Name","putup=yes,option=3,classHeader=클래스헤더")  ****
	***          optionParam 부분은 특수상황일 경우만 사용합니다.                               ****
	***          - putup=yes : 옵션레이어가 위로 보여지게 됩니다.                               ****
	***          - option=3 : 옵션레이어가 정해진 수치만큼만 보여집니다.                        ****
	***          - classHeader=클래스헤더 : 특수한경우 해당 셀렉트박스만 임의로 다른 스킨을     ****
	***                                     적용 할 수 있음. 단, CSS만 변경된 스킨일 경우       ****
	***********************************************************************************************/

	var downArrowSrc = "http://image.ebs.co.kr/middle/common/bul_selectbox_01.gif";	//오른쪽 화살표이미지
	var classNameHeader = "selectBoxTypeA_"; // CSS 파일에서 Class명 Header 값 (한 사이트에서 셀렉트박스 디자인이 여러개일 경우 Class를 따로 지정하기위해 변수로 분리해놉니다.
	var downArrowSrcWidth = 15;	//오른쪽 화살표이미지 width
	var optionHeight = 16; // 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;
	else optionInnerLayerHeight = optionHeight * obj.options.length;
	
	var selectBoxArea = document.getElementById(objId + "selectBoxArea");
	
	var newSelect = "";
	if (!selectBoxArea) newSelect += "<span id='" + objId + "selectBoxArea'>";
	newSelect += "<table cellpadding='0' cellspacing='0' border='0'><tr><td align='left' valign='top' style='padding-top:2px;'>";
	newSelect += "<div id='" + objId + "selectBoxDisabledLayer' style='position:absolute;z-index:99;width:"+selectBoxWidth+"px;height:"+selectBoxHeight+"px;background-color:#878787;filter:alpha(opacity=40);display:none;'></div>";
	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:pointer;' onClick=\"hideOptionLayer('"+ objId + "')\"></td>";
	coverHTML += "	</tr>";
	if (!isPutup) newSelect += coverHTML; // 옵션항목 레이어가 아래로 보여질경우.
	
	newSelect += "	<tr>";
	newSelect += "		<td style='border-top:1px solid #c4c4c4; border-left:1px solid #c4c4c4; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;'>";
	//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 + 2) + "px;'>";
	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.escapeXml();
		var nowText = obj.options[i].text.escapeXml();
		if (((!hideNullValue)||nowValue != null)&&((!hideNullValue)||nowValue != "")) {
			newSelect += "			<tr>";
			newSelect += "				<td>";
			newSelect += "				<div style='height:"+optionHeight+"px;overflow-y:hidden;'>";
			newSelect += "					<div class='"+ classNameHeader +"Option' onMouseOver=\"this.className='"+ classNameHeader +"OptionOver'\" onMouseOut=\"this.className='"+ classNameHeader +"Option'\" onClick=\"selectThisValue('"+ objId + "'," + i + ",'" + nowValue + "','" + nowText + "','" + classNameHeader + "')\" style='cursor:pointer;'>" + nowText + "</div>";
			newSelect += "				</div>";
			newSelect += "				</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='" + objId + "selectBoxFocusArea' cellpadding='0' cellspacing='0' border='1' style='border-top:1px solid #c4c4c4; border-left:1px solid #c4c4c4; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:pointer;' onMouseOut=\"setMousePosition('out')\">";
	newSelect += "	<tr>";
	newSelect += "		<td bgcolor='#FFFFFF'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0'>";
	newSelect += "			<tr>";
	newSelect += "				<td>";
	newSelect += "				<div style='width:" + (selectBoxWidth - downArrowSrcWidth - 2) + "px;height:" + (selectBoxHeight - 2) + "px;overflow:hidden;'>";
	newSelect += "					<div id='" + objId + "selectBoxSelectedValue' class='"+ classNameHeader +"SelectedArea' onBlur=\"selectBoxBlur('" + objId + "','" + classNameHeader + "')\"></div>";
	newSelect += "				</div>";
	newSelect += "				</td>";
	newSelect += "				<td><img src='" + downArrowSrc + "' width='" + downArrowSrcWidth + "' border='0'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		</td>";
	newSelect += "	</tr>";
	newSelect += "</table>";
	newSelect += "</td></tr></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 + "px";
	}
	
	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;





// 한사이트에서 디자인 추가할 경우 아래 처럼 makeSelectBox fucntion을 추가하면 됩니다.
function makeSelectBox02(thisId,optionParam) {
	var downArrowSrc = "http://image.ebs.co.kr//middle/common/bul_selectbox_02.gif";	//오른쪽 화살표이미지
	var classNameHeader = "selectBoxTypeB_"; // CSS 파일에서 Class명 Header 값 (한 사이트에서 셀렉트박스 디자인이 여러개일 경우 Class를 따로 지정하기위해 변수로 분리해놉니다.
	var downArrowSrcWidth = 15;	//오른쪽 화살표이미지 width
	var optionHeight = 16; // 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;
	else optionInnerLayerHeight = optionHeight * obj.options.length;
	
	var selectBoxArea = document.getElementById(objId + "selectBoxArea");
	
	var newSelect = "";
	if (!selectBoxArea) newSelect += "<span id='" + objId + "selectBoxArea'>";
	newSelect += "<table cellpadding='0' cellspacing='0' border='0'><tr><td align='left' valign='top' style='padding-top:2px;'>";
	newSelect += "<div id='" + objId + "selectBoxDisabledLayer' style='position:absolute;z-index:99;width:"+selectBoxWidth+"px;height:"+selectBoxHeight+"px;background-color:#878787;filter:alpha(opacity=40);display:none;'></div>";
	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:pointer;' onClick=\"hideOptionLayer('"+ objId + "')\"></td>";
	coverHTML += "	</tr>";
	if (!isPutup) newSelect += coverHTML; // 옵션항목 레이어가 아래로 보여질경우.
	
	newSelect += "	<tr>";
	newSelect += "		<td style='border-top:1px solid #c4c4c4; border-left:1px solid #c4c4c4; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;'>";
	//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+2) + "px;'>";
	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.escapeXml();
		var nowText = obj.options[i].text.escapeXml();
		if (((!hideNullValue)||nowValue != null)&&((!hideNullValue)||nowValue != "")) {
			newSelect += "			<tr>";
			newSelect += "				<td>";
			newSelect += "				<div style='height:"+optionHeight+"px;overflow-y:hidden;'>";
			newSelect += "					<div class='"+ classNameHeader +"Option' onMouseOver=\"this.className='"+ classNameHeader +"OptionOver'\" onMouseOut=\"this.className='"+ classNameHeader +"Option'\" onClick=\"selectThisValue('"+ objId + "'," + i + ",'" + nowValue + "','" + nowText + "','" + classNameHeader + "')\" style='cursor:pointer;'>" + nowText + "</div>";
			newSelect += "				</div>";
			newSelect += "				</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='" + objId + "selectBoxFocusArea' cellpadding='0' cellspacing='0' border='1' style='border-top:1px solid #c4c4c4; border-left:1px solid #c4c4c4; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:pointer;' onMouseOut=\"setMousePosition('out')\">";
	newSelect += "	<tr>";
	newSelect += "		<td bgcolor='#FFFFFF'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0'>";
	newSelect += "			<tr>";
	newSelect += "				<td>";
	newSelect += "				<div style='width:" + (selectBoxWidth - downArrowSrcWidth - 2) + "px;height:" + (selectBoxHeight - 2) + "px;overflow:hidden;'>";
	newSelect += "					<div id='" + objId + "selectBoxSelectedValue' class='"+ classNameHeader +"SelectedArea' onBlur=\"selectBoxBlur('" + objId + "','" + classNameHeader + "')\"></div>";
	newSelect += "				</div>";
	newSelect += "				</td>";
	newSelect += "				<td><img src='" + downArrowSrc + "' width='" + downArrowSrcWidth + "' border='0'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		</td>";
	newSelect += "	</tr>";
	newSelect += "</table>";
	newSelect += "</td></tr></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 + "px";
	}
	
	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);
	}
}


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