/** 
 * << Javascript utility functions >>
 *
 * @ Author : Kim Moon Soo 
 * @ D&Tech 7 Consulting 
 *
 */

/**
  * ÀÔ·Â °ªÀÌ Object ÀÎÁö¸¦ ¹ÝÈ¯.
  * returns true if a is an object, and array, or a function.
  * It returns false if a is a string, a number, a boolean, or null, or undefined.
  */
function isObject(input) {
	    return (input && typeof input == 'object') || isFunction(input);
}

/**
  * ÀÔ·Â °ªÀÌ Function ÀÎÁö¸¦ ¹ÝÈ¯.
  */
function isFunction(input) {
	    return typeof input == 'function';
}

/**
* ÇÑ±ÛÀ» 2byte ·Î ÀÎ½ÄÇØ¼­ Á¦´ë·Î µÈ ±æÀÌ¸¦ ±¸ÇÔ
*/
function getByteLength(value) {
	var byteLength = 0;
	for(var inx = 0; inx < value.length; inx++){
		var oneChar = escape(value.charAt(inx));
		if(oneChar.length == 1) byteLength ++;
		else if(oneChar.indexOf("%u") != -1) byteLength += 2;
		else if(oneChar.indexOf("%") != -1) byteLength += oneChar.length/3;
	}
	return byteLength;
}

/**
* ÀÔ·Â°ªÀÌ NULLÀÎÁö Ã¼Å©
*/
function isNull(value) {
   if (value == null || value == "") {
       return true;
   }
   return false;
}

/**
* ÀÔ·Â°ª¿¡ ½ºÆäÀÌ½º ÀÌ¿ÜÀÇ ÀÇ¹ÌÀÖ´Â °ªÀÌ ÀÖ´ÂÁö Ã¼Å©
*/
function isEmpty(value) {
   if (value == null || value.replace(/ /gi,"") == "") {
       return true;
   }
   return false;
}

/**
* ÀÔ·Â°ª¿¡ Æ¯Á¤ ¹®ÀÚ(chars)°¡ ÀÖ´ÂÁö Ã¼Å©
* Æ¯Á¤ ¹®ÀÚ¸¦ Çã¿ëÇÏÁö ¾ÊÀ¸·Á ÇÒ ¶§ »ç¿ë
* ex) if (containsChars(form.name,"!,*&^%$#@~;")) {
*         alert("ÀÌ¸§ ÇÊµå¿¡´Â Æ¯¼ö ¹®ÀÚ¸¦ »ç¿ëÇÒ ¼ö ¾ø½À´Ï´Ù.");
*     }
*/
function containsChars(value,chars) {
   for (var inx = 0; inx < value.length; inx++) {
      if (chars.indexOf(value.charAt(inx)) != -1)
          return true;
   }

   return false;
}

/**
* ÀÔ·Â°ªÀÌ Æ¯Á¤ ¹®ÀÚ(chars)¸¸À¸·Î µÇ¾îÀÖ´ÂÁö Ã¼Å©
* Æ¯Á¤ ¹®ÀÚ¸¸ Çã¿ëÇÏ·Á ÇÒ ¶§ »ç¿ë
* ex) if (!containsCharsOnly(form.blood,"ABO")) {
*         alert("Ç÷¾×Çü ÇÊµå¿¡´Â A,B,O ¹®ÀÚ¸¸ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.");
*     }
*/
function containsCharsOnly(value,chars) {
   for (var inx = 0; inx < value.length; inx++) {
      if (chars.indexOf(value.charAt(inx)) == -1)
          return false;
   }
   return true;
}

/**
* ÀÔ·Â°ªÀÌ ¾ËÆÄºªÀÎÁö Ã¼Å©
* ¾Æ·¡ isAlphabet() ºÎÅÍ isNumComma()±îÁöÀÇ ¸Þ¼Òµå°¡
* ÀÚÁÖ ¾²ÀÌ´Â °æ¿ì¿¡´Â var chars º¯¼ö¸¦
* global º¯¼ö·Î ¼±¾ðÇÏ°í »ç¿ëÇÏµµ·Ï ÇÑ´Ù.
* ex) var uppercase = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
*     var lowercase = "abcdefghijklmnopqrstuvwxyz";
*     var number    = "0123456789";
*     function isAlphaNum(input) {
*         var chars = uppercase + lowercase + number;
*         return containsCharsOnly(input,chars);
*     }
*/
function isAlphabet(value) {
   var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
   return containsCharsOnly(value,chars);
}

/**
* ÀÔ·Â°ªÀÌ ¾ËÆÄºª ´ë¹®ÀÚÀÎÁö Ã¼Å©
*/
function isUpperCase(value) {
   var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
   return containsCharsOnly(value,chars);
}

/**
* ÀÔ·Â°ªÀÌ ¾ËÆÄºª ¼Ò¹®ÀÚÀÎÁö Ã¼Å©
*/
function isLowerCase(value) {
   var chars = "abcdefghijklmnopqrstuvwxyz";
   return containsCharsOnly(value,chars);
}

/**
* ÀÔ·Â°ª¿¡ ¼ýÀÚ¸¸ ÀÖ´ÂÁö Ã¼Å©
*/
function isNumber(value) {
   var chars = "0123456789";
   return containsCharsOnly(value,chars);
}

/**
* ÀÔ·Â°ªÀÌ ¾ËÆÄºª,¼ýÀÚ·Î µÇ¾îÀÖ´ÂÁö Ã¼Å©
*/
function isAlphaNum(value) {
   var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
   return containsCharsOnly(value,chars);
}

/**
* ÀÔ·Â°ªÀÌ ¼ýÀÚ,´ë½Ã(-)·Î µÇ¾îÀÖ´ÂÁö Ã¼Å©
*/
function isNumDash(value) {
   var chars = "-0123456789";
   return containsCharsOnly(value,chars);
}

/**
* ÀÔ·Â°ªÀÌ ¼ýÀÚ,ÄÞ¸¶(,)·Î µÇ¾îÀÖ´ÂÁö Ã¼Å©
*/
function isNumComma(value) {
   var chars = ",0123456789";
   return containsCharsOnly(value,chars);
}

/**
* ÀÔ·Â°ª¿¡¼­ ÄÞ¸¶¸¦ ¾ø¾Ø´Ù.
*/
function removeComma(value) {
   return value.replace(/,/gi,"");
}

/**
* ÀÔ·Â°ªÀÌ »ç¿ëÀÚ°¡ Á¤ÀÇÇÑ Æ÷¸Ë Çü½ÄÀÎÁö Ã¼Å©
* ÀÚ¼¼ÇÑ format Çü½ÄÀº ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ 'regular expression'À» ÂüÁ¶
*/
function isValidFormat(value,format) {
   if (value.search(format) != -1) {
       return true; //¿Ã¹Ù¸¥ Æ÷¸Ë Çü½Ä
   }
   return false;
}

/**
* ÀÔ·Â°ªÀÌ ÀÌ¸ÞÀÏ Çü½ÄÀÎÁö Ã¼Å©
*/
function isValidEmail(value) {
   var format = /^((\w|[\-\.])+)@((\w|[\-\.])+)\.([A-Za-z]+)$/;
   return isValidFormat(value, format);
}

/**
* ÀÔ·Â°ªÀÌ ÀüÈ­¹øÈ£ Çü½Ä(¼ýÀÚ-¼ýÀÚ-¼ýÀÚ)ÀÎÁö Ã¼Å©
*/
function isValidPhone(value) {
   var format = /^(\d+)-(\d+)-(\d+)$/;
   return isValidFormat(value,format);
}


/**
 * alert and redirect 
 */
function alertAndRedirect(message, ojumpurl)
{
		alert(message);
		self.location=ojumpurl;
}


/**
 * Scroll bar °¡ ¾ø´Â À©µµ¿ì¸¦ openÇÑ´Ù. 
 */
function open_window(url,width,height)
{
    window.open(url,"popup","width="+width+",height="+height+",scrollbars=no");
}

/**
 * Scroll bar °¡ ÀÖ´Â À©µµ¿ì¸¦ openÇÑ´Ù. 
 */
function open_window_scroll(url,width,height){
    window.open(url,"popup","width="+width+",height="+height+",scrollbars=yes,status=yes");
}

/**
 * confirm ÇÑ ÈÄ¿¡, ÁÖ¾îÁø url ·Î ºÐ±âÇÑ´Ù. 
 */
function myconfirm(msg,url){
    if(confirm(msg)){
	    self.location = url;
	}
}

/**
 * blink()ÀÇ subfunction À¸·Î ´Üµ¶À¸·Î ½ÇÇàµÇÁö ¾Ê´Â´Ù.
 * 1100Ms ´ÜÀ§·Î ½ÇÇàµÇ¸ç 's' ¶ó´Â object ¸¦ blink ½ÃÅ²´Ù 
 */
function count() {

	var now = new Date();
	var seconds = now.getSeconds();
	if(seconds%2==1) {
		s.style.visibility="visible";
	} else { 
		s.style.visibility="hidden";
	}

	setTimeout("count()",150);
}
/**
 * Text ¸¦ ±ôºýÀÌ¸ç, count() ¿Í ¿¬µ¿µÇ¾î µ¹¾Æ°£´Ù. ( Netscape ÀÇ <blink> ÅÂ±×¸¦ simulate ) 
 */
function blink(text) {
	if(document.layers) {
		document.write('<span class=normal><blink>'+text+'</blink></span>');
	} 
	else { 
		document.write('<span class=normal id="s">'+text+'</span>');
	}
	count();
}

/**
 * Cookie ¸¦ ¼ÂÆÃÇÑ´Ù. 
 */
function setCookieOneDay(name, value) {
	var expDate = new Date();

	//valid one minute
	expDate.setTime(expDate.getTime() + (24 * 60 * 60 * 1000));
	setCookie(name,value,expDate,'/');
}

function setCookieDay(name, value, day) {
	var expDate = new Date();

	//valid one minute
	expDate.setTime(expDate.getTime() + (day * 24 * 60 * 60 * 1000));
	setCookie(name,value,expDate,'/');
}
function setCookie (name, value){  
	var argv = setCookie.arguments;  
	var argc = setCookie.arguments.length;  
	var expires = (argc > 2) ? argv[2] : null;  
	var path = (argc > 3) ? argv[3] : '/';  
	var domain = (argc > 4) ? argv[4] : null;  
	var secure = (argc > 5) ? argv[5] : false;  

	document.cookie = name + "=" + escape (value) 
					+ ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) 
					+ ((path == null) ? "" : ("; path=" + path)) 
					+ ((domain == null) ? "" : ("; domain=" + domain)) 
					+ ((secure == true) ? "; secure" : "");
}
/**
 * Cookie °ªÀ» °¡Á®¿Â´Ù. 
 */
function getCookie(name){
    var nameOfCookie = name + "=";
    var x = 0;
    while (x <= document.cookie.length){
        var y = (x+nameOfCookie.length);
        if ( document.cookie.substring( x, y ) == nameOfCookie ) {
            if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
                endOfCookie = document.cookie.length;
            return unescape( document.cookie.substring( y, endOfCookie ) );
        }
        x = document.cookie.indexOf( " ", x ) + 1;
        if ( x == 0 )
            break;
    }
    return "";
}

/**
 * ¿øº»À¸·Î º¹¿øÇÑ´Ù.  
 */
function restore(object){
	if(object){
		object.src=object.altsrc;
		object.altsrc=null;
	}
}

/**
 * ÀÌ¹ÌÁöÀÇ src ¸¦ º¯°æÇÑ´Ù. 
 */
function change(object, dest){
	if(object){
		object.altsrc = object.src;
		object.src = dest;
	}
}

/**
 * ÁÖ¾îÁø ÅØ½ºÆ®¸¦ Å¬¸³º¸µå·Î º¹»çÇÑ´Ù. ÀÍ½ºÇÃ·Î¾î¿¡¼­¸¸ µ¿ÀÛ 
 */
function copy(copyStr){
	if(window.clipboardData.setData) {
		fResult = window.clipboardData.setData("Text", copyStr);
		if(fResult){
			alert('Å¬¸³º¸µå¿¡ º¹»çµÇ¾ú½À´Ï´Ù.');
		}
	}
}

/**
* ¹Ý¿Ã¸²ÇÑ´Ù -- ¼Ò¼ýÁ¡ X ÀÚ¸®±îÁö ³²±è( X+1 ÀÚ¸®¿¡¼­ ¹Ý¿Ã¸² )
*/
function round(number,X){
	return Math.round(number*Math.pow(10,X))/Math.pow(10,X);
}

/**
* POPUP Resize
*/
function resize_pop() {
	var obj = navigator.appVersion;
	var hei = 29;
	if (navigator.appVersion.indexOf("NT") != -1) {
		os = obj.substr(obj.indexOf("NT"),6);
		if (os > "NT 5.0") {
			hei = 35;
		}
	}
	wid = document.body.scrollWidth+10;
	hei = document.body.scrollHeight+hei;
	self.resizeTo(wid,hei);
	this.focus();
}
/**
*POPUP Resize2 ÀÌ¹ÌÁö¸¦ ¿øº»Å©±â·Î º¸¿©ÁØ´Ù.(ÆË¾÷Ã¢)
*/
function AutoResize(img){
	foto1 = new Image();
	foto1.src=(img);
	Controlla(img);
}

function Controlla(img){
	if((foto1.width!=0)&&(foto1.height!=0)){
		viewFoto(img);
	}
	else{
		funzione="Controlla('"+img+"')";
		intervallo=setTimeout(funzione,20);
	}
}

function viewFoto(img){
	largh=foto1.width;
	altez=foto1.height;
	stringa="width="+largh+",height="+altez;
	finestra=window.open("/IBS/chinaclub/blog/info/imageZoom.jsp?url=" + img,"",stringa);
}
/**
*ºí·Î±× ÇÁ·¹ÀÓ È£Ãâ
*/
function goPage(pageurl,frametype,target)
{
	if(frametype=='top')
	{
		top.keb.location=pageurl;
	}
	else if(frametype=='AdminMenu')
	{
		top.keb.location=pageurl+"&location=AdminMenu&mainFrameUrl="+target;
	}
	else if(frametype=='front')
	{
		top.keb.location=pageurl+"&location=front&mainFrameUrl="+target;
	}
	else
	{
		top.keb.mainFrame.location=pageurl;
	}
}

function onlyNumeric(){
	//alert(event.keyCode);
	if(event.keyCode==8||event.keyCode==46||event.keyCode==9){	//¹é½ºÆäÀÌ½º,DELETE,TAB Çã¿ë
	}else if((event.keyCode >= 48) && (event.keyCode <= 57)){
	}else if((event.keyCode >= 96) && (event.keyCode <= 105)){
	}else{
		event.returnValue=false;
	}
}

function trans(id,after) 
{ 
	eval(id+'.filters.blendTrans.stop();'); 
	eval(id+'.filters.blendTrans.Apply();'); 
	eval(id+'.src="'+after+'";'); 
	eval(id+'.filters.blendTrans.Play();'); 
} 
function Find_Obj(n, d) { 
	var p,i,x;  
	if(!d) d=document; 
	if((p=n.indexOf("?"))>0&&parent.frames.length) {
		d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
	}
	if(!(x=d[n])&&d.all) x=d.all[n]; 
	for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
	for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=Find_Obj(n,d.layers[i].document);
	if(!x && document.getElementById) x=document.getElementById(n); return x;
}
// ºÎ¸Þ´º ·¹ÀÌ¾î ¼û±è/º¸ÀÌ±â ÇÔ¼ö
function Show_Hide() { 
	var i,p,v,obj,args=Show_Hide.arguments;
		for (i=0; i<(args.length-2); i+=3) if ((obj=Find_Obj(args[i]))!=null) { v=args[i+2];
		if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
	obj.visibility=v; }
}

function getFileExtension(filename){
	var idx = filename.lastIndexOf(".");
	if(idx<0){
		return "";
	}
	else{
		return filename.substring(idx+1);
	}
}

function isValidFile(filename){
	var extn = getFileExtension(filename);
	var inhibit = "jsp,js,php,asp,exe".split(",");

	for(var i=0; i<inhibit.length; i++){
		if(extn==inhibit[i]){
			return false
		}
	}
	return true;
}
function head_select(sel) {
    var idx = sel.selectedIndex;
	if (sel.value != '') {
		self.location.href=sel.value;
    }
}

function changeMonth(prefix)
{
	var year;
	var month;
	var day;
	var loop;
	year = eval("document.all."+prefix+"_year.value");
	month = eval("document.all."+prefix+"_month.value");
	day = eval("document.all."+prefix+"_day");
	
	if(year==''){
		alert("³âµµ¸¦ ¼±ÅÃÇÏ¼¼¿ä.");
		return;
	}
	if(month==''){
		alert("¿ùÀ» ¼±ÅÃÇÏ¼¼¿ä.");
		return;
	}

	if(month==2){
		if((year % 4 == 0) && ((year % 100 != 0) || (year % 400 == 0))){
			loop = 29;
		}
		else{
			loop = 28;
		}
	}
	else if(month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12){
		loop = 31;
	}
	else{
		loop = 30;
	}
	for(i=1;i<day.length;i++){
		day[i] = null;
	}
	for(i=1; i<=loop; i++){
		day[i]=new Option(i,i);
	}

}

/**
 * µÎ ³¯Â¥ÀÇ Â÷ÀÌ¸¦ ÀÏÀÚ·Î ±¸ÇÑ´Ù.(Á¶È¸ Á¾·áÀÏ - Á¶È¸ ½ÃÀÛÀÏ)
 *
 * @param val1 - Á¶È¸ ½ÃÀÛÀÏ(³¯Â¥ ex.2002-01-01)
 * @param val2 - Á¶È¸ Á¾·áÀÏ(³¯Â¥ ex.2002-01-01)
 * @return ±â°£¿¡ ÇØ´çÇÏ´Â ÀÏÀÚ
 */
function calDateRange(val1, val2)
{
	var FORMAT = "-";

	// FORMATÀ» Æ÷ÇÔÇÑ ±æÀÌ Ã¼Å©
	if (val1.length != 10 || val2.length != 10)
		return null;

	// FORMATÀÌ ÀÖ´ÂÁö Ã¼Å©
	if (val1.indexOf(FORMAT) < 0 || val2.indexOf(FORMAT) < 0)
		return null;

	// ³âµµ, ¿ù, ÀÏ·Î ºÐ¸®
	var start_dt = val1.split(FORMAT);
	var end_dt = val2.split(FORMAT);

	// ¿ù - 1(ÀÚ¹Ù½ºÅ©¸³Æ®´Â ¿ùÀÌ 0ºÎÅÍ ½ÃÀÛÇÏ±â ¶§¹®¿¡...)
	// Number()¸¦ ÀÌ¿ëÇÏ¿© 08, 09¿ùÀ» 10Áø¼ö·Î ÀÎ½ÄÇÏ°Ô ÇÔ.
	start_dt[1] = (Number(start_dt[1]) - 1) + "";
	end_dt[1] = (Number(end_dt[1]) - 1) + "";

	var from_dt = new Date(start_dt[0], start_dt[1], start_dt[2]);
	var to_dt = new Date(end_dt[0], end_dt[1], end_dt[2]);

	return (to_dt.getTime() - from_dt.getTime()) / 1000 / 60 / 60 / 24;
}

/***********************************************************************************
**** Select Box Design Script ******************************************************
**** Start *************************************************************************
************************************************************************************/

var nowOpenedSelectBox = "";
var mousePosition = "";

function selectThisValue(thisId,thisIndex,thisValue,thisString) {
	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);
	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) {
	var objId = thisId;
	var obj = document.getElementById(objId + "selectBoxSelectedValue");
	obj.className = "selectBoxSelectedAreaFocus";
	obj.focus();
}

function selectBoxBlur(thisId) {
	var objId = thisId;
	var obj = document.getElementById(objId + "selectBoxSelectedValue");
	obj.className = "selectBoxSelectedArea";
}

function selectBoxOptionRefresh(thisId) {
	var optionHeight = 17; // option ÇÏ³ªÀÇ ³ôÀÌ
	var optionMaxNum = 6; // ÇÑ¹ø¿¡ º¸¿©Áö´Â optionÀÇ °¹¼ö
	var objId = thisId;
	var obj = document.getElementById(objId);
	var trgObj = document.getElementById(objId+"SelectBoxOptionArea");
	var newOption = "";

	newOption += "		<table cellpadding='0' cellspacing='0' border='0' width='100%' style='table-layout:fixed;word-break:break-all;'>";
	for (var i=0 ; i < obj.options.length ; i++) {
		var nowValue = obj.options[i].value;
		var nowText = obj.options[i].text;
		newOption += "			<tr>";
		newOption += "				<td height='" + optionHeight + "' class='selectBoxOption' onMouseOver=\"this.className='selectBoxOptionOver'\" onMouseOut=\"this.className='selectBoxOption'\" onClick=\"selectThisValue('"+ objId + "'," + i + ",'" + nowValue + "','" + nowText + "')\" style='cursor:hand;'>" + nowText + "</td>";
		newOption += "				<input type='hidden' id='"+ objId + "SelectBoxOptionValue" + i + "' value='" + nowValue + "'>";
		newOption += "			</tr>";
	}
	newOption += "		</table>";

	if(trgObj) {
		if (obj.options.length > optionMaxNum) trgObj.style.height = (optionHeight * optionMaxNum) + "px";
		else trgObj.style.height = (optionHeight * obj.options.length) + "px";
		trgObj.innerHTML = newOption;
		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 makeSelectBox(thisId) {
	var downArrowSrc = "/images/com/icon/selectbox_bu02.gif";	//¿À¸¥ÂÊ È­»ìÇ¥ÀÌ¹ÌÁö
	var downArrowSrcWidth = 15;	//¿À¸¥ÂÊ È­»ìÇ¥ÀÌ¹ÌÁö width
	var optionHeight = 17; // option ÇÏ³ªÀÇ ³ôÀÌ
	var optionMaxNum = 6; // ÇÑ¹ø¿¡ º¸¿©Áö´Â optionÀÇ °¹¼ö
	var optionInnerLayerHeight = "";
	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 = "height:"+ (optionHeight * optionMaxNum) + "px";
	newSelect  = "<table id='" + objId + "selectBoxOptionLayer' cellpadding='0' cellspacing='0' border='0' style='position:absolute;z-index:100;display:none;' onMouseOver=\"viewOptionLayer('"+ objId + "')\" onMouseOut=\"setMousePosition('out')\">";
	newSelect += "	<tr>";
	newSelect += "		<td height='" + (selectBoxHeight - 1) + "' style='cursor:hand;' onClick=\"hideOptionLayer('"+ objId + "')\"></td>";
	newSelect += "	</tr>";
	newSelect += "	<tr>";
	newSelect += "		<td bgcolor='#CECEC7' style='padding:0px 1px 1px 1px'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
	newSelect += "			<tr>";
	newSelect += "				<td height='3' bgcolor='#FFFFFF'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		<div class='selectBoxOptionInnerLayer' style='width:" + (selectBoxWidth-2) + "px;" + optionInnerLayerHeight + "'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%' style='table-layout:fixed;word-break:break-all;'>";
	for (var i=0 ; i < obj.options.length ; i++) {
		var nowValue = obj.options[i].value;
		var nowText = obj.options[i].text;
		if (typeof(obj.options[i].separator) == "undefined") {
			newSelect += "			<tr>";
			newSelect += "				<td height='" + optionHeight + "' class='selectBoxOption' onMouseOver=\"this.className='selectBoxOptionOver'\" onMouseOut=\"this.className='selectBoxOption'\" onClick=\"selectThisValue('"+ objId + "'," + i + ",'" + nowValue + "','" + nowText + "')\" style='cursor:hand;padding-left:15px;'>" + nowText + "</td>";
			newSelect += "				<input type='hidden' id='"+ objId + "SelectBoxOptionValue" + i + "' value='" + nowValue + "'>";
			newSelect += "			</tr>";
		} else {
			/*
			   newSelect += "			<tr>";
			   newSelect += "				<td height='" + optionHeight + "' class='selectBoxOption' onMouseOver=\"this.className='selectBoxOptionOver'\" onMouseOut=\"this.className='selectBoxOption'\" onClick=\"selectThisValue('"+ objId + "'," + i + ",'" + nowValue + "','" + nowText + "')\" style='cursor:hand;'>" + nowText + "</td>";
			   newSelect += "				<input type='hidden' id='"+ objId + "SelectBoxOptionValue" + i + "' value='" + nowValue + "'>";
			   newSelect += "			</tr>";
			 */
		}
	}
	newSelect += "		</table>";
	newSelect += "		</div>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
	newSelect += "			<tr>";
	newSelect += "				<td height='4' bgcolor='#FFFFFF'></td>";
	newSelect += "			</tr>";
	newSelect += "		</table>";
	newSelect += "		</td>";
	newSelect += "	</tr>";
	newSelect += "</table>";
	newSelect += "<table cellpadding='0' cellspacing='1' border='0' bgcolor='#CECEC7' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:hand;' onMouseOut=\"setMousePosition('out')\">";
	newSelect += "	<tr>";
	newSelect += "		<td bgcolor='#FFFFFF'>";
	newSelect += "		<table cellpadding='0' cellspacing='0' border='0'>";
	newSelect += "			<tr>";
	newSelect += "				<td><div id='" + objId + "selectBoxSelectedValue' class='selectBoxSelectedArea' style='width:" + (selectBoxWidth - downArrowSrcWidth - 2) + "px;height:" + (selectBoxHeight - 2) + "px;overflow:hidden;' onBlur=\"selectBoxBlur('" + objId + "')\"></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);

	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 ***************************************************************************
************************************************************************************/

