/** * jsslib/jsslib.js * Javascript 집소성 라이브러리 * 요구사항 * prototype.js (tested 1.6) * jsslib.css */ /** * 집소성 라이브러리 기본 정보 */ var JSSLib = { version: '1.0', init: function() { if (typeof(Prototype) == 'undefined') alert('JSSLib requires prototype.js.'); var scripts = document.getElementsByTagName('script'); for (var i = 0; i < scripts.length; i++) { var s = scripts[i]; if (s.src != null && s.src.match(/jsslib\.js$/i)) { JSSLib.base = s.src.replace(/\/[^\/]*$/, ''); break; } } }, a: function() { var a = null; a.merong(); } }; JSSLib.init(); /* * 페이지 로딩시에 초기화 수행 */ var AutoInitializer = { mapping: {}, add: function(className, autoClass) { this.mapping[className] = autoClass; }, handleLoad: function(event) { // TODO DOM 스캔을 1회만 하도록 for (var className in this.mapping) { var autoClass = this.mapping[className]; if (autoClass != null && autoClass.autoInit) { var elements = document.getElementsByClassName(className); for (var i = 0; i < elements.length; i++) { var options = null, os = elements[i].getAttribute("jss:options"); if (os != null && os != '') { try { options = os.evalJSON(); } catch (e) {} } if (autoClass.doAutoInit != null) autoClass.doAutoInit(elements[i], options); else if (typeof(autoClass) == 'function') new autoClass(elements[i], options); } } } } }; Event.observe(window, 'load', AutoInitializer.handleLoad.bind(AutoInitializer)); /** * 레이어 표시/숨김 관련 유틸리티 메소드 모음 * TODO onresize, onmove 등 지원 */ var LayerUtils = { /** * IE 6 이하의 경우 ' 버그가 있다. */ hasSelectBug: (Prototype.Browser.IE && navigator.appVersion.match(/MSIE\s(\d+)\./) && Number(RegExp.$1) <= 6), /** * 레이어를 표시한다. */ show: function(layer, options) { Element.show(layer); if (options != null && options.target != null) this.moveTo(layer, options.target, options); if (this.hasSelectBug) this.hideSelects(layer); }, /** * 레이어를 숨긴다. */ hide: function(layer) { Element.hide(layer); if (this.hasSelectBug) this.restoreSelects(layer); }, /** * 레이어를 지정한 대상 엘리먼트 근처로 옮긴다. * TODO position 지원 */ moveTo: function(layer, target, options) { target = $(target); if (target == null) return; var pos = DOMUtils.cumulativeOffset(target); //var pos = Element.cumulativeOffset(target); var cWidth = Element.getWidth(layer); var top = pos.top + Element.getHeight(target); var left = pos.left; if (left + cWidth > document.body.offsetWidth) left = document.body.offsetWidth - cWidth + DOMUtils.getStyleNumber(document.body, 'margin-left'); layer.style.top = top + 'px'; layer.style.left = left + 'px'; }, /** * 무적 를 찾아 visibility: hidden 으로 설정한다. */ hideSelects: function(layer) { if (layer.hidedSelects != null && layer.hidedSelects.length > 0) this.restoreSelects(layer); var selects = document.getElementsByTagName('select'); layer.hidedSelects = []; for (var i = 0; i < selects.length; i++) { var select = selects[i]; if (DOMUtils.isOverlaps(layer, select)) { DOMUtils.addClass(select, 'HiddenSelect'); layer.hidedSelects[layer.hidedSelects.length] = select; } } }, /** * hideSelects()로 숨겼던 ,

,
 * 배열(radio, checkbox) 등를 말한다.
 */
var FormUtils = {
	/**
	 * input 객체의 값을 조회한다.
	 *
	 * <input type="checkbox">의 경우
	 * 체크가 되어있으면 value 값을 리턴하고,
	 * 체크가 안되어 있으면 null을 리턴한다.
	 * 그 밖에도 null이 리턴되는 경우가 몇가지 있다.
	 *
	 * 스크립트 작업시 null이 리턴되면 곤란한 경우에는
	 * defaultValue를 사용하면 된다.
	 * FormUtils.get(form.someFlag, 'N')
	 */
	get: function(input, defaultValue) {
		// Firefox에서 DOM tree에서 제거된 checkbox 가 <form>의 참조는 남아있는 문제가 있는듯함 2009-03-26
		if (input == null || (input.nodeType == 1 && input.parentNode == null))
			return defaultValue;
		else if (input.tagName == null && input.length != null) { // radio
			for (var i = 0; i < input.length; i++) {
				if (input[i].checked)
					return input[i].value;
			}
			return defaultValue;
		}
		else {
			var tagName = input.tagName.toLowerCase();
			if (tagName == 'select')
				return (input.selectedIndex < 0)?
					defaultValue: input.options[input.selectedIndex].value;
			else if (tagName == 'input' &&
						(input.type == 'checkbox' || input.type == 'radio'))
				return (input.checked)? input.value: defaultValue;
			else
				return input.value;
		}
	},
	/**
	 * input 객체의 값을 설정한다.
	 *
	 * 다중 checkbox, radio(배열인 경우)의 경우 input.value 와 value가 같은경우
	 * input.checked를 true로 설정한다.
	 *
	 * 단일 checkbox, radio 의 경우
	 * value가 참이면 input.checked를 true로 설정한다.
	 */
	set: function(input, value) {
		if (input == null)
			return;
		else if (input.tagName == null && input.length != null) { // radio
			for (var i = 0; i < input.length; i++) {
				input[i].checked = (input[i].value == value);
			}
		}
		else {
			var tagName = input.tagName.toLowerCase();
			if (tagName == 'select') {
				input.selectedIndex = -1;
				for (var i = 0; i < input.options.length; i++) {
					if (input.options[i].value == value) {
						input.selectedIndex = i;
						break;
					}
				}
			}
			else if (tagName == 'input' &&
						(input.type == 'checkbox' || input.type == 'radio'))
				input.checked = (value)? true: false;
			else
				input.value = value;
		}
	},
	/**
	 * input 객체의 값을 제거한다.
	 */
	clear: function(input) {
		if (input == null)
			return;
		else if (input.tagName == null && input.length != null) { // radio
			for (var i = 0; i < input.length; i++)
				input[i].checked = false;
		}
		else {
			var tagName = input.tagName.toLowerCase();
			if (tagName == 'select')
				input.selectedIndex = 0;
			else if (tagName == 'input' &&
						(input.type == 'checkbox' || input.type == 'radio'))
				input.checked = false;
			else
				input.value = '';
		}
	},
	/**
	 * input 객체를 수정할 수 없도록 하거나
	 * 다시 수정할 수 있도록 해제한다.
	 * 유형에 따라서 readOnly 또는 diabled 를 사용 한다.
	 */
	setReadOnly: function(input, readOnly) {
		if (input == null)
			return;
		else if (input.tagName == null && input.length != null) { // radio
			for (var i = 0; i < input.length; i++)
				input[i].disabled = readOnly;
		}
		else {
			var tagName = input.tagName.toLowerCase();
			if (tagName == 'select')
				input.disabled = readOnly;
			else if (tagName == 'input' &&
						(input.type == 'checkbox' || input.type == 'radio'))
				input.disabled = readOnly;
			else
				input.readOnly = readOnly;
		}
	},
	/**
	 * checkbox 의 배열에서 모든 체크된 값을 배열로 리턴한다.
	 */
	getAll: function(checkList) {
		if (checkList == null)
			return [];
		else if (checkList.tagName == null &&
					checkList.length != null) {	// radio
			var a = [];
			for (var i = 0; i < checkList.length; i++) {
				if (checkList[i].checked)
					a[a.length] = checkList[i].value;
			}
			return a;
		}
		else {
			var value = this.get(checkList, null);
			return (value != null)? [value]: [];
		}
	},
	/**
	 * checkbox 의 배열을 전체 선택 하거나 전체 해제한다.
	 * <input type="checkbox" value="1"
	 *	onclick="FormUtils.checkAll(this.form.checkboxFields, this)" />
	 */
	checkAll: function(checkList, master) {
		var checked = (typeof(master) == 'object')? master.checked: master;
		if (checkList == null)
			return;
		else if (checkList.length == null)
			checkList.checked = checked;
		else {
			for (var i = 0; i < checkList.length; i++)
				checkList[i].checked = checked;
		}
	},
	/**
	 * select 박스 선택시 option에 설정된
	 * 배경색과 글자색을 동기화
	 * example:
	 *   <select onchange="FormUtils.syncSelectColors(event)">
	 *   OR
	 *   Event.observe(selectObj, 'change', FormUtils.syncSelectColors);
	 */
	syncSelectColors: function(selectOrEvent) {
		var select = (event.tagName != null &&
						event.tagName.toLowerCase() == 'select')?
				selectOrEvent: Event.element(selectOrEvent);
		var selectedIndex = select.selectedIndex;
		if (selectedIndex == -1) {
			select.style.backgroundColor = '';
			select.style.color = '';
		}
		else {
			var option = select.options[selectedIndex];
			select.style.backgroundColor = option.style.backgroundColor;
			select.style.color = option.style.color;
		}
	}
};

/**
 * 쿠키 조작 유틸리티
 */
var CookieUtils = {
	/**
	 * 쿠키를 설정한다.
	 * CookieUtils.set('name', 'value', '24h');
	 * CookieUtils.set('name', 'value', {
	 *		domain: 'merong.com',
	 *		path: '/',
	 *		expires: '24h'
	 * });
	 */
	set: function(name, value, options) {
		if (options == null)
			options = {};
		else if (typeof(options) == 'string' ||
				typeof(options) == 'number' ||
			(typeof(options) == 'object' && options.constructor == Date)) {
			options = { expires: options };
		}
		var domain = options.domain;
		var path = (options.path || '/');
		var expires = (options.expires != null)?
						this.parseExpires(options.expires): null;
		var cookie = name + "=" + encodeURIComponent(value);
		if (domain != null)
			cookie += "; domain=" + domain;
		cookie += "; path=" + path;
		if (expires != null)
			cookie += "; expires=" + expires.toGMTString();
		document.cookie =  cookie;
	},
	/**
	 * 특정 이름의 쿠키를 조회한다.
	 * var value = CookieUtils.get('name');
	 */
	get: function(name) {
		var cookies = document.cookie.split(/\s*;\s*/);
		var pattern = new RegExp("^" + name + "=");
		for (var i = 0; i < cookies.length; i++) {
			if (pattern.test(cookies[i])) {
				var pair = cookies[i].split(/=/);
				return decodeURIComponent(pair[1]);
			}
		}
	},
	/**
	 * 모든 쿠키를 조회한다.
	 * var cookies = CookieUtils.getAll();
	 * var value = cookies['name'];
	 */
	getAll: function(name) {
		var cookies = document.cookie.split(/\s*;\s*/);
		var map = {};
		for (var i = 0; i < cookies.length; i++) {
			var pair = cookies[i].split(/=/);
			map[pair[0]] = decodeURIComponent(pair[1]);
		}
		return map;
	},
	/*
	 * private methods
	 */
	parseExpires: function(expires) {
		var t = typeof(expires);
		if (t == 'null' || t == 'undefined')
			return null;
		else if (t == 'object' && expires.constructor == Date)
			return expires;

var date = new Date();
		if (t == 'number') {	// 숫자인경우 시간으로 간주
			date.setHours(date.getHours() + t);
			return date;
		}
		else if (expires.toLowerCase() == 'forever') {
			// 영원히, 최대한 오래 유지
			date.setYear(9999);
			return date;
		}
		else if (expires.match(/^(\d+)\s*([ymwdh])$/i)) {
			var value = Number(RegExp.$1);
			var unit = RegExp.$2.toLowerCase();
			if (unit == 'y')
				date.setYear(date.getYear() + value);
			else if (unit == 'm')
				date.setMonth(date.getMonth() + value);
			else if (unit == 'w')
				date.setDate(date.getDate() + value * 7);
			else if (unit == 'd')
				date.setDate(date.getDate() + value);
			else if (unit == 'h')
				date.setHours(date.getHours() + value);
			else {
				return null;
			}
			return date;
		}
	}
};

/**
 * Ajax.Request 를 사용하기 편하도록 재정의함.
 * 결과 JSON은 항상 다음과 같은 형식이어야 한다.
 * {
 *    code: -1,     // 0일 경우 성공 그 이외에는 오류
 *    message: '오류가 발생했습니다.',
 *                  // 최종 사용자에게 보여줄 오류
 *    debugMessage: '파일이 없다는둥...',
 *                  // 개발자에게 보여줄 오류
 *                  // (debug 모드에만 보여줌)
 *    result: ...   // 서버에서 리턴된 처리 결과 객체
 * }
 */
var AjaxUtils = {
	/**
	 * 자세한 오류 메시지를 표시할 것인지 여부
	 */
	debug: false,
	/**
	 * 이벤트 핸들러 - 새로운 요청이 실행되었음
	 * Ajax 요청이 진행되는 동안 무언가 화면에 표시할 때 사용 가능함
	 */
	requestStarted: null,
	/**
	 * 이벤트 핸들러 - 모든 요청이 끝났음
	 * Ajax 요청이 진행되는 동안 무언가 화면에 표시할 때 사용 가능함
	 */
	allRequestCompleted: null,
	/** 마지막으로 받은 JSON */
	lastJSON: null,
	/** 마지막으로 받은 오류 */
	lastError: null,
	/** 마지막으로 발생한 예외(callback 스크립트 처리중) */
	lastException: null,
	/** 진행중인 요청들 */
	activeRequests: [],
	/**
	 * AJAX 요청을 수행한다.
	 */
	requestAjax: function(url, options) {
		var method = (options.method || 'post');
		var parameters = this.serializeParamters(options.parameters);
		if (this.debug && typeof(DebugUtils) == 'object')
			DebugUtils.log("requestAjax(" + url + ")\n\tmethod: " + method + "\n\tparameters: " + parameters);
		var uid = ++this.requestUid;
		var request = new Ajax.Request(url, {
			method : method,
			parameters : parameters,
			onSuccess: AjaxUtils.requestOnSuccess,
			onException: AjaxUtils.requestOnException,
			onFailure: AjaxUtils.requestOnFailure,
			onComplete: AjaxUtils.requestOnComplete
		});
		request.customOnSuccess =
				(options.onSuccess || this.defaultOnSuccess);
		request.customOnError = (options.onError || this.defaultOnError);
		this.activeRequests[this.activeRequests.length] = request;
		if (typeof(AjaxUtils.requestStarted) == 'function')
			AjaxUtils.requestStarted();
	},
	serializeParamters: function(parameters) {
		if (parameters == null || parameters == '')
			return "";
		else if (typeof(parameters) == 'string')
			return parameters;
		var arr = [];
		for (var name in parameters) {
			if (typeof(parameters[name]) == 'object' && parameters[name].constructor == Array) {
				var name2 = encodeURIComponent(name) +
						((JSSLib.Server != null && JSSLib.Server.arrayParamSuffix)?
							JSSLib.Server.arrayParamSuffix: '');
				for (var i = 0; i < parameters[name].length; i++)
					arr[arr.length] = name2 + "=" + encodeURIComponent(parameters[name][i])
			}
			else {
				arr[arr.length] = encodeURIComponent(name) + '=' + encodeURIComponent(parameters[name]);
			}
		}
		return arr.join('&');
	},
	/**
	 * Ajax 요청이 성공(HTTP 2xx)했을 경우 실행
	 */
	requestOnSuccess: function(response) {
		var result = response.responseText.evalJSON();
		var request = response.request;
		if (result.code == 0) {	// 성공
			AjaxUtils.lastJSON = result.result;
			request.customOnSuccess(result.result);
		}
		else {	// 실패
			AjaxUtils.lastError = result;
			request.customOnError(result);
		}
	},
	/**
	 * Ajax 요청이 실패(!HTTP 2xx)했을 경우 실행
	 */
	requestOnFailure: function(transport) {
		alert('HTTP 요청 실패: ' + transport.status);
	},
	/**
	 * 요청 처리 과정에서 스크립트 예외가 발생할 경우 실행
	 */
	requestOnException: function(request, e) {
		if (AjaxUtils.debug) {
			alert("Exception:\n\n" + e.message +
					((e.stack != null)? "\n\n" + e.stack: ""));
		}
		AjaxUtils.lastException = e;
	},
	/**
	 * 요청 처리가 완료된 경우 실행
	 */
	requestOnComplete: function(transport) {
		var pos = AjaxUtils.activeRequests.indexOf(transport.request);
		if (pos >= 0)
			AjaxUtils.activeRequests.splice(pos, 1);
		if (AjaxUtils.activeRequests.length == 0 &&
				typeof(AjaxUtils.allRequestCompleted) == 'function')
			AjaxUtils.allRequestCompleted();
	},
	/**
	 * 디폴트 성공 핸들러
	 */
	defaultOnSuccess: function(result) {
		alert(result);
	},
	/**
	 * 디폴트 실패 핸들러
	 */
	defaultOnError: function(result) {
		if (result.debugMessage != null && AjaxUtils.debug)
			alert(result.debugMessage);
		else
			alert(result.message);
	}
};

var DateUtils = {
	timezoneOffset: (new Date()).getTimezoneOffset() * 60000,
	trunc: function(date) {
		var t = date.valueOf() + this.timezoneOffset;
		return new Date(Math.floor(t / 86400000) * 86400000 +
										this.timezoneOffset);
	},
	format: function(date) {
		return DateFormat.format(date);
	},
	getToday: function() {
		return this.trunc(new Date());
	},
	/**
	 * 지정한 연도가 윤년(양력)인가?
	 * @param year 연도
	 * @return 윤년 여부
	 */
	isLeapYear: function(year) {
		return (
			((year % 400) == 0) ||
			((year % 4) == 0 && (year % 100) != 0)
		);
	},
	locale: {
		'en': {
			monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
			monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
			wdayNames: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
			wdayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
		},
		'ko': {
			monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
			monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
			wdayNames: ['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일'],
			wdayNamesShort: ['일', '월', '화', '수', '목', '금', '토']
		}
	}
};

var NumberUtils = {
	pad: function(number, length, padChar) {
		if (length == null)
			return String(number);
		else {
			var s = String(number);
			return (padChar || '0').times(length - s.length) + s;
		}
	}
};

/**
 * 포맷 객체 프로토타입
 */
var Format = function(name, options) {
	this.name = name;
	if (options != null)
		Object.extend(this, options);
};
Object.extend(Format.prototype, {
	format: function(value) {
		return value;
	},
	parse: function(str) {
		return str;
	}
});
Format.Collection = function(options) {
	if (options != null)
		Object.extend(this, options);
};
Object.extend(Format.Collection.prototype, {
	format: function(value, format) {
		var formatObj = (format == null || format == 'auto')?
							null: this[format];
		if (formatObj == null)
			formatObj = this[this.auto[0]];
		var args = [value];
		for (var i = 2; i < arguments.length; i++)
			args[args.length] = arguments[i];
		return formatObj.format.apply(formatObj, args);
	},
	parse: function(str, format) {
		var formatObj = (format == null || format == 'auto')?
							null: this[format];
		var args = [str];
		for (var i = 2; i < arguments.length; i++)
			args[args.length] = arguments[i];
		if (formatObj != null)
			return formatObj.parse.apply(formatObj, args);
		else {
			for (var i = 0; i < this.auto.length; i++) {
				formatObj = this[this.auto[i]];
				var date = formatObj.parse.apply(formatObj, args);
				if (date != null)
					return date;
			}
			return null;
		}
	},
	add: function(formatObj) {
		this[formatObj.name] = formatObj;
	}
});

var DateFormat = new Format.Collection({
	auto: ['simpleDateTime', 'raw'],
	/**
	 * 연, 월(1~12), 일, 시(0~23), 분, 초, 밀리초 순서로 되어있는
	 * 날짜 형식을 만들거나 파싱한다.
	 *
	 * 파싱은 각 필드의 순서와 자리수가 제일 중요하다.
	 * 숫자를 연, 월, 일, 시, 분, 초, 밀리초 순으로 읽으며 각 필드를
	 * 설정하므로 순서가 정확해야 한다.
	 *
	 * 필드 중간에 구분자가 없는 경우 연도는 4자리, 밀리초는 3자리,
	 * 그밖의 필드들은 2자리로 패딩되어야 한다.
	 * 중간에 숫자가 아닌 문자가 있는경우 그냥 무시된다.
	 * simpleDateTime, simpleDate, simpleTime 모두 파싱 기능은 같으며
	 * 밀리초 단위까지 지원한다.
	 *
	 * 포매팅 기능은 simpleDateTime 은 초단위까지, simpleDate 는 날짜만,
	 * simpleTime은 시간만 출력한다.
	 */
	simpleDateTime: new Format('simpleDateTime', {
		datePattern: /^(\d{4})\D*(\d{1,2})\D*(\d{1,2})\D*/,
		timePattern: /^(\d{1,2})\D*(\d{2})\D*(\d{2})?\D*(\d{1,3})?/,
		parse: function(str) {
			var date = new Date(1970, 0, 1, 0, 0, 0, 0);
			var matched = false;
			var m = this.datePattern.exec(str);
			if (m != null && m.length > 0) {
				date.setFullYear(Number(m[1]));
				date.setMonth(Number(m[2]) - 1);
				date.setDate(Number(m[3]));
				str = RegExp.rightContext;
				matched = true;
			}
			m = this.timePattern.exec(str);
			if (m != null && m.length > 0) {
				date.setHours(Number(m[1]));
				date.setMinutes(Number(m[2]));
				if (m[3])
					date.setSeconds(Number(m[3]));
				if (m[4])
					date.setMilliseconds(Number(m[4]));
				matched = true;
			}
			return (matched)? date: null;
		},
		format: function(date, delim, level) {
			return DateFormat.simpleDate.format(date, delim) + " " +
								DateFormat.simpleTime.format(date, level);
		}
	}),
	simpleDate: new Format('simpleDate', {
		format: function(date, delim) {
			delim = (delim || '-');
			var y = date.getFullYear();
			var m = date.getMonth() + 1;
			var d = date.getDate();
			return y + delim + NumberUtils.pad(m, 2) +
								delim + NumberUtils.pad(d, 2);
		},
		parse: function(str) {
			return DateFormat.simpleDateTime.parse(str);
		}
	}),
	simpleTime: new Format('simpleTime', {
		/**
		 * @param level 표시할 필드(minute | second | millisecond)
		 */
		format: function(date, level) {
			level = (level || 'second');
			var s = NumberUtils.pad(date.getHours(), 2) +
					':' + NumberUtils.pad(date.getMinutes(), 2);
			if (level == 'minute')
				return s;
			s += ':' + NumberUtils.pad(date.getSeconds(), 2);
			if (level != 'millisecond')
				return s;
			s += '.' + NumberUtils.pad(date.getMilliseconds(), 3);
			return s;
		},
		parse: function(str) {
			return DateFormat.simpleDateTime.parse(str);
		}
	}),
	/**
	 * 자바스크립트 자체의 날짜 포매팅/파싱 기능
	 */
	raw: new Format('raw', {
		format: function(date) {return date.toString();},
		parse: function(str) {return new Date(str);}
	})
});

var NumberFormat = new Format.Collection({
	auto: ['comma', 'fileSize', 'raw'],
	/**
	 * 세자리마다 ','를 추가한 숫자 형식을 만들거나 파싱한다.
	 */
	comma: new Format('comma', {
		format: function(number, fraction) {
			number = (fraction == null)? number:
						((fraction == 0)? Math.round(number):
							Math.round(number * Math.pow(10, fraction)) /
											Math.pow(10, fraction));
			if (Math.abs(number) < 1000)
				return String(number);
			var a = String(number).split(/\./);
			var i = a[0], f = (a[1] || ''), sign = '';
			if (i.match(/^([+-])/)) {
				sign = RegExp.$1;
				i = i.substring(1);
			}
			var s = '', s0 = String(i);
			var p = s0.length % 3;
			if (p > 0)
				s += s0.substring(0, p) + ",";
			while (p < s0.length) {
				s += s0.substring(p, p + 3);
				if (p < s0.length - 3)
					s += ",";
				p += 3;
			}
			return sign + s + ((f != '')? "." + f: '');
		},
		parse: function(str) {
			var s = str.replace(/,/g, '');
			var n = Number(s);
			return (isNaN(n))? null: n;
		}
	}),
	/**
	 * 파일 크기 단위를 포함한 형식을 만들거나 파싱한다.
	 */
	fileSize: new Format('fileSize', {
		format: function(size) {
			if (size == null)
				return "0";
			else if (size < 1024)
				return NumberFormat.comma.format(size, 0);
			else if (size < 1048576)
				return NumberFormat.comma.format(size/1024, 1) + "kB";
			else if (size < 1073741824)
				return NumberFormat.comma.format(size/1048576, 1) + "MB";
			else
				return NumberFormat.comma.format(size/1073741824, 1) + "GB";
		},
		sizePattern: /^([\d,\.-]+)([kmgb])?/i,
		parse: function(str) {
			var m = this.sizePattern.exec(str);
			if (m) {
				var n = NumberFormat.comma.parse(m[1]);
				if (!m[2])
					return n;
				var unit = m[2].toLowerCase();
				if (unit == 'b')
					return n;
				else if (unit == 'k')
					return n * 1024;
				else if (unit == 'm')
					return n * 1048576;
				else if (unit == 'g')
					return n * 1073741824;
			}
			return null;
		}
	}),
	/**
	 * 자바스크립트 자체의 숫자 포매팅/파싱 기능
	 */
	raw: new Format('raw', {
		format: function(number) {return number.toString();},
		parse: function(str) {return new Number(str);}
	})
});

/**
 * 팝업 공지 클래스
 */
var PopupNotice = function(name, url, width, height, options) {
	this.name	= (name == null)? "popup": name;
	this.url	= (url == null)? "about:blank": url;
	this.width	= (width == null)? 300: width;
	this.height	= (height == null)? 400: height;
	this.options = Object.extend({}, options);
	PopupNotice.registry[PopupNotice.registry.length] = this;
};
// static members
Object.extend(PopupNotice, {
	registry: [],
	showAll: function() {
		for (var i = 0; i < this.registry.length; i++) {
			if (this.registry[i] != null)
				this.registry[i].show();
		}
	},
	register: function() {
		var name, url, width, height, options;
		if (arguments.length == 1) {
			options = arguments[0];
			name = options.name; delete options.name;
			url = options.url; delete options.url;
			width = options.width; delete options.width;
			height = options.height; delete options.height;
		}
		else {
			name = arguments[0];
			url = arguments[1];
			width = arguments[2];
			height = arguments[3];
			options = arguments[4];
		}
		new PopupNotice(name, url, width, height, options);
	},
	registerAll: function(array) {
		if (array == null)
			return;
		for (var i = 0; i < array.length; i++)
			this.register(array[i]);
	}
});
// instance members
Object.extend(PopupNotice.prototype, {
	open: function() {
		var features = "width=" + this.width + ",height=" + this.height;
		if (this.options.top)
			features += ",top=" + this.options.top;
		if (this.options.left)
			features += ",left=" + this.options.left;
		if (this.options.scrollbars)
			features += ",scrollbars=" + this.options.scrollbars;
		if (this.options.resizable)
			features += ",resizable=" + this.options.resizable;
		return window.open(this.url, this.name, features);
	},
	show: function() {
		// 게시 기간이 설정되었다면
		if (this.options.showFrom != null && this.options.showTo != null) {
			var showFrom = DateFormat.parse(this.options.showFrom);
			var showTo = DateFormat.parse(this.options.showTo);
			var now = new Date();
			if (showFrom.valueOf() > now.valueOf() ||
					showTo.valueOf() < now.valueOf())
				return false;
		}
		// 쿠키가 설정되었다면
		var cookie = CookieUtils.get(this.name);
		if (cookie != null && cookie != '')
			return false;
		else
			return this.open();
	},
	nothanks: function(hours) {
		CookieUtils.set(this.name, 'nothanks', (hours || '24h'));
	},
	close: function() {
		this.nothanks();
		window.close();
	},
	gotoEvent: function() {
		var url = this.options.linkUrl;
		var target = (this.options.linkUrl || '_self');
		opener.open(url, target);
		window.close();
	}
});

/**
 * input 객체(<input type="text">, <textarea>) 또는
 * 버튼(<a>, <button>, <img>)에 tool 레이어를 연결시켜 입력을 보조하는
 * 방식의 UI 제작을 위한 추상 클래스.
 *
 * input 객체인 경우 tool의 입력이 끝나면 onchange 이벤트를 실행한다.
 * onchange 이벤트 핸들러에서는 this.value 로 입력된 값을 확인할 수 있다.
 *
 * 버튼의 경우는 onclick 이벤트 핸들러가 tool을 호출하는 코드로 교체되며
 * tool의 입력이 끝나면 원래 onclick 이벤트 핸들러가 호출된다.
 * onclick 이벤트 핸들러에서도 this.value 로 입력된 값을 확인할 수 있다.
 * (단, onclick 이 호출되더라도 마우스 이벤트 정보는 전달되지 않는다.
 * 실제로는 클릭 이벤트가 아니기 때문이다.)
 */
var ToolBinder = {
	/**
	 * [사용자 설정 항목]
	 * 페이지 로딩시에 지정한 클래스명을 찾아 자동으로 바인더를 생성할 것인가?
	 */
	autoInit: true,
	/**
	 * [사용자 설정 항목]
	 * input 객체에 focus 이벤트 발생시 tool을 보여줄 것인가?
	 */
	observeFocus: true,
	/**
	 * [사용자 설정 항목]
	 * input 객체에 blur 이벤트 발생시 tool을 닫을 것인가?
	 */
	observeBlur: true,
	/**
	 * [사용자 설정 항목]
	 * input 객체에 tool 토글 버튼을 추가할 것인가?
	 */
	makeButton: true,
	/**
	 * [사용자 설정 항목]
	 * 버튼 객체에 click 이벤트 발생시 토글하도록 할것인가?
	 */
	observeClick: true,
	/**
	 * [상속시 설정 항목 (필수)]
	 * 관련된 tool 레이어 객체
	 */
	tool: null,
	/**
	 * [상속시 설정 항목]
	 * 토글버튼 생성시 이미지 URL
	 */
	buttonImage: '',
	/**
	 * 바인더 인스턴스를 생성한다.
	 */
	initInstance: function(instance, target, options) {
		instance.target = target;
		target.binder = instance;
		var tagName = target.tagName.toLowerCase();
		options = Object.extend({
				observeFocus: this.observeFocus,
				observeBlur: this.observeBlur,
				makeButton: this.makeButton,
				observeClick: this.observeClick
			}, options);

// onchange 이벤트를 가진 input 객체
		if ((tagName == 'input' && target.type == 'text') ||
										tagName == 'textarea') {
			if (options.observeFocus)
				Event.observe(target, 'focus', this.handleFocus.bind(this));
			if (options.observeBlur)
				Event.observe(target, 'blur', this.handleBlur.bind(this));
			if (options.makeButton && this.buttonImage != null &&
											this.buttonImage != '') {
				var button = document.createElement('a');
				Element.insert(target, {after: button});
				button.href = 'javascript:void(0)';
				button.className = 'BinderButton';
				button.tabIndex = -1;
				button.innerHTML = '<img src="' + this.buttonImage + '" />';
				Event.observe(button, 'click',
									this.handleButtonClick.bind(this));
				instance.binderButton = button;
			}
		}
		// onchange 이벤트가 없는 버튼 객체
		else if (tagName == 'a' || tagName == 'button' || tagName == 'img') {
			if (options.observeBlur)
				Event.observe(document, 'click',
								this.handleFocusOther.bind(target));
			if (options.observeClick) {
				if (typeof(target.onclick) == 'function') {	// onclick을 백업
					instance.onchange = target.onclick.bind(target);
					target.onclick = null;
				}
				Event.observe(target, 'click', this.handleClick.bind(this));
			}
		}
		if (options.onchange)
			instance.onchange = options.onchange;
		if (options.onshow)
			instance.onshow = options.onshow;
		if (options.onhide)
			instance.onhide = options.onhide;
		// 추가적인 초기화 절차가 있을 경우를 위해
		if (instance.init != null)
			instance.init();
	},
	/**
	 * input 객체 또는 버튼이 바인더를 가지고 있는지 검사
	 */
	hasBinder: function(target) {
		return (typeof(target.binder) == 'object' &&
						target.binder.constructor == this);
	},
	/**
	 * input 객체의 토글버튼의 click 이벤트 핸들러
	 */
	handleButtonClick: function(event) {
		var button = Event.element(event || window.event);
		while (button != null && button.tagName.toLowerCase != 'a' &&
									button.className != 'BinderButton')
			button = button.parentNode;
		var input = Element.previous(button);
		if (this.hasBinder(input))
			input.binder.toggle();
		button.blur();
	},
	/**
	 * 버튼 객체의 click 이벤트 핸들러
	 */
	handleClick: function(event) {
		var button = Event.element(event || window.event);
		if (this.hasBinder(button))
			button.binder.toggle();
	},
	/**
	 * input 객체의 focus 이벤트 핸들러
	 */
	handleFocus: function(event) {
		var input = Event.element(event || window.event);
		if (this.hasBinder(input))
			input.binder.show();
	},
	/**
	 * input 객체의 blur 이벤트 핸들러
	 */
	handleBlur: function(event) {
		var input = Event.element(event || window.event);
		if (this.hasBinder(input)) {
			// 포커스가 없어진 경우, tool 레이어에 마우스가 있는지 확인
			if (this.tool != null && this.tool.hasMouse())
				return;
			// 아니면 바인더 버튼에 마우스가 있는지
			if (input.binder.binderButton != null &&
					DOMUtils.hasMouse(input.binder.binderButton))
				return;
			input.binder.hide();
		}
	},
	/**
	 * <img>등에 바인더를 만들었을 경우 blur 이벤트를
	 * 받을 수 없으므로 다른 객체의 click 을 모니터한다.
	 * 이 이벤트 핸들러는 대상 <img>객체에 bind()된다.
	 */
	handleFocusOther: function(event) {
		var focused = Event.element(event || window.event);
		//alert((focused == null)? 'null': focused.tagName);
		if (focused == null || focused != this) {
			var tool = this.binder.getTool();
			if (tool != null && !tool.hasMouse() && !DOMUtils.isAncestorOf(tool.layer, focused))
				this.binder.hide();
		}
	}
};

/**
 * ToolBinder 인스턴스용 프로토타입
 */
var ToolBinderPrototype = {
	/**
	 * [상속시 설정 항목]
	 * 현재 대상 객체의 값을 조회한다.
	 * input 객체에서 값(문자열)을 읽어와서
	 * tool 객체에 넘길때 변환이 필요할 경우
	 * 재정의 할 수 있다.
	 */
	getValue: function() {
		return this.target.value;
	},
	/**
	 * [상속시 설정 항목]
	 * 현재 대상 객체의 값을 설정한다.
	 * tool 객체에서 편집이 끝난 값을 input 객체에 저장할때
	 * (문자열로) 변환이 필요할 경우 재정의 할 수 있다.
	 */
	setValue: function(value) {
		this.target.value = value;
	},
	/**
	 * 바인더가 현재 tool 레이어를 사용하고 있는지
	 */
	hasTool: function() {
		return (this.constructor.tool.binder == this);
	},
	/**
	 * 바인더가 현재 사용하고 있는 tool layer
	 */
	getTool: function() {
		return this.constructor.tool;
	},
	/**
	 * tool 레이어를 초기화하고
	 * 대상 input 또는 버튼 객체 근처에 보여준다.
	 */
	show: function() {
		var tool = this.getTool();
		if (!tool.initialized)
			tool.init();
		if (tool.binder != null && tool.binder != this)
			tool.binder.hide();
		tool.binder = this;
		tool.show(this.target);
		tool.setInitialValue(this.getValue());
		if (typeof(this.onshow) == 'function')
			this.onshow();
	},
	/**
	 * tool 레이어를 감춘다.
	 */
	hide: function() {
		var tool = this.getTool();
		if (tool.binder != this)
			return;
		tool.binder = null;
		tool.hide();
		if (typeof(this.onhide) == 'function')
			this.onhide();
	},
	/**
	 * tool 레이어를 보여주거나 감춘다.
	 */
	toggle: function() {
		var tool = this.getTool();
		if (tool.binder == this && tool.active)
			this.hide();
		else
			this.show();
	},
	/**
	 * tool 레이어에서 입력을 마쳤을 경우
	 * 최종 결과를 대상 객체에 설정하기 위해 호출된다.
	 */
	toolCompleted: function(value) {
		// 입력값을 설정하고
		this.setValue(value);
		if (this.onchange != null) {// 원래 onclick을 호출
			this.onchange();
		}
		else { // 실제 onchange 이벤트 발생시킴
			if (this.target.fireEvent != null) {	// MSIE
				this.target.fireEvent('onchange');
			}
			else if (this.target.dispatchEvent != null) { // other browsers
				var evt = document.createEvent('HTMLEvents');
				evt.initEvent('change', true, false);
				this.target.dispatchEvent(evt);
			}
		}
	}
};

/**
 * tool 레이어 클래스
 */
var ToolLayer = function(id, className) {
	this.id = id;
	this.className = className;
	ToolLayer.instances[ToolLayer.instances.length] = this;
};
Object.extend(ToolLayer, {
	/**
	 * [사용자 설정 항목]
	 * 여러개의 tool 레이어가 사용되고 있는 경우
	 * 한 순간에 하나만 표시 하도록 할 것인가?
	 * tool 레이어가 열리면 다른 tool은 모두 닫김
	 */
	showOnlyOne: true,
	/**
	 * 생성되어있는 ToolLayer 인스턴스들
	 */
	instances: [],
	getContainer: function() {
		var container = $('ToolLayers');
		if (container == null) {
			Element.insert(document.body, '<div id="ToolLayers"></div>');
			container = $('ToolLayers');
		}
		return container;
	},
	hideAll: function() {
		for (var i = 0; i < this.instances.length; i++)
			this.instances[i].hide();
	},
	hideOthers: function(toolLayer) {
		for (var i = 0; i < this.instances.length; i++) {
			if (toolLayer != this.instances[i])
				this.instances[i].hide();
		}
	}
});
Object.extend(ToolLayer.prototype, {
	/**
	 * [상속시 설정 항목 (필수)]
	 * 생성될 레이어의 ID 속성.
	 * 다른 레이어나 엘리먼트들과 중복되지 않아야 한다.
	 */
	id: null,
	/**
	 * [상속시 설정 항목 (필수)]
	 * 생성될 레이어의 CSS 클래스명.
	 * <div>는 디폴트로 폭이 설정되지 않으므로 정상적으로 사용하려면
	 * CSS 클래스를 이용해서 폭을 설정해 줘야 한다.
	 */
	className: null,
	/**
	 * [상속시 설정 항목 (필수)]
	 * init()에 의해 레이어 객체(ToolLayer)가 초기화 된 후
	 * 추가적인 tool 기능 초기화를 위해 호출된다.
	 * 이 메소드에서 레이어에 들어갈 HTML을 생성해서
	 * Element.update(this.layer, content) 를 사용해서 적용시킨다.
	 */
	initTool: function() {},
	/**
	 * [상속시 설정 항목]
	 * tool 레이어를 대상 객체의 어느쪽에 표시할 것인가?
	 */
	position: 'bottom',
	/**
	 * [상속시 설정 항목]
	 * 바인더가 show를 호출할 때 초기값을 설정 하기 위해 호출하는 메쏘드
	 */
	setInitialValue: function(value) {},
	/**
	 * tool에서 입력을 마친후 바인더에게 값을 설정하기 위해서는
	 * 이 메소드를 호출하면 된다.
	 */
	setReturn: function(value) {
		var binder = this.binder;
		if (binder != null) {
			binder.toolCompleted(value);
			binder.hide();
		}
		else {
			this.hide();
		}
	},
	/**
	 * tool 레이어가 초기화 되었는지 여부
	 */
	initialized: false,
	/**
	 * 레이어 객체(element)
	 */
	layer: null,
	/**
	 * 바인더와 연결되어서 화면에 표시되고 있는가?
	 */
	active: false,
	/**
	 * 현재 tool을 사용하고 있는 바인더
	 */
	binder: null,
	/**
	 * 마우스가 tool 레이어 위에 있는지 확인
	 */
	hasMouse: function() {
		return DOMUtils.hasMouse(this.layer);
	},
	/**
	 * tool 레이어를 닫는다.
	 */
	hide: function() {
		if (this.binder != null)
			this.binder.hide();
		else {
			if (this.layer != null)
				LayerUtils.hide(this.layer);
			this.active = false;
		}
	},
	/**
	 * tool 레이어를 대상객체 근처에 표시한다.
	 */
	show: function(target) {
		if (ToolLayer.showOnlyOne)
			ToolLayer.hideOthers(this);
		LayerUtils.show(this.layer,
						{target: target, position: this.position});
		this.active = true;
	},
	/**
	 * 레이어를 생성하고 초기화한다.
	 * 이 메소드는 바인더가 최초로 호출될때 실행된다.
	 */
	init: function() {
		Element.insert(ToolLayer.getContainer(),
			'<div id="' + this.id + '" class="ToolLayer' +
				((this.className != null)? ' ' + this.className: '') +
					'" style="display:none"></div>');
		this.layer = $(this.id);
		this.initTool();
		this.initialized = true;
	}
});

var ToolBinderGroup = function() {
	this.binders = [];
};
Object.extend(ToolBinderGroup.prototype, {
	binders: null,
	addBinder: function(binder) {
		this.binders[this.binders.length] = binder;
	},
	hide: function() {
		for (var i = 0; i < this.binders.length; i++)
			this.binders[i].hide();
	}
});

/**
 * <a>요소를 이용한 버튼 UI
 * <a href="..." class="abu"><b><u>버튼</u></b></a>
 * <a href="..." class="abuTiny"><b><u>작은버튼</u></b></a>
 */
var AbuButton = {
	autoInit: true,
	doAutoInit: function(element) {
		if (element.tagName.toLowerCase() == 'a')
			Event.observe(element, 'click', this.handleFocus.bind(element));
	},
	handleFocus: function() {
		this.blur();
	}
};
AutoInitializer.add('abu', AbuButton);
AutoInitializer.add('abuTiny', AbuButton);

/**
 * <tt>요소를 이용한 탭 UI
 * <dl class="ttab">
 *	<dt>
 *		<tt><a href="..."><b>1번째 탭</b></a></tt>
 *		<tt><a href="..."><b>2번째 탭</b></a></tt>
 *		<tt><a href="..."><b>3번째 탭</b></a></tt>
 *	</dt>
 *	<dd>1번째 탭에 대한 컨텐츠...</dd>
 *	<dd>2번째 탭에 대한 컨텐츠...</dd>
 *	<dd>3번째 탭에 대한 컨텐츠...</dd>
 * </dl>
 */
var TTab = function(target, options) {
	this.target = target;
	this.target.ttab = this;
	this.tabs = [];
	this.contents = [];
	this.options = Object.extend({}, options);
	this.init();
};
Object.extend(TTab, {
	autoInit: true
});
Object.extend(TTab.prototype, {
	selectedIndex: 0,
	init: function() {
		if (this.options.selectedIndex != null)
			this.selectedIndex = this.options.selectedIndex;
		this.tabContainer = Element.down(this.target, 'dt');
		if (this.tabContainer == null) {
			this.tabContainer = document.createElement('dt');
			Element.insert(this.target, {top: this.tabContainer});
		}
		Event.observe(this.tabContainer, 'click', this.handleTabClick.bind(this));
		var ttList = this.tabContainer.getElementsByTagName('tt');
		for (var i = 0; i < ttList.length; i++) {
			if (ttList[i].parentNode == this.tabContainer) {
				var index = this.tabs.length;
				this.tabs[index] = ttList[i];
				if (DOMUtils.isClass(ttList[i], 'selected'))
					this.selectedIndex = i;
			}
		}
		var ddList = this.target.getElementsByTagName('dd');
		for (var i = 0; i < ddList.length; i++) {
			if (ddList[i].parentNode == this.target) {
				ddList[i].style.display = 'none';
				this.contents[this.contents.length] = ddList[i];
			}
		}
		this.setTab();
	},
	setTab: function(index) {
		if (index != null)
			this.selectedIndex = index;
		for (var i = 0; i < this.tabs.length; i++) {
			if (i == this.selectedIndex) {
				DOMUtils.addClass(this.tabs[i], 'selected');
				this.contents[i].style.display = '';
			}
			else {
				DOMUtils.removeClass(this.tabs[i], 'selected');
				this.contents[i].style.display = 'none';
			}
		}
	},
	addTab: function(label, content) {
		this.tabs[this.tabs.length] = DOMUtils.appendElement(this.tabContainer, 'tt', {innerHTML: '<a><b>' + label + '</b></a>'});
		this.contents[this.contents.length] = DOMUtils.appendElement(this.target, 'dd', {innerHTML: content}, {display:'none'});
	},
	handleTabClick: function(event) {
		var element = Event.element(event || window.event);
		var index = -1, tab = Element.up(element, 'tt');
		if (tab != null && (index = this.tabs.indexOf(tab)) >= 0 && !DOMUtils.isClass(this.tabContainer, 'locked'))
			this.setTab(index);
	}
});
AutoInitializer.add('ttab', TTab);
AutoInitializer.add('ttabSmall', TTab);
AutoInitializer.add('ttabTiny', TTab);

// 인터페이스 정리가 필요한 ...
var TODO = {
	//
	// 한글 여부 확인
	//
	isHangul: function(str) {
		var len = str.length;
		for (var i = 0; i < len; i++) {
			if (str.charCodeAt(i) != 32 &&
				(str.charCodeAt(i) < 44032 || str.charCodeAt(i) > 55191)) {
					return true;
			}
		}
		return false;
	}
};