/*
	sky.calendar.js
	2007-12-11 ~

	Seo, Jaehan <daddyofsky@gmail.com>

    @dependence sky.base.js
    @dependence sky.ajax.js

	# 날짜, 시간 선택 가능. 선택 항목 지정 가능 (date, time, datetime)
	# 시간선택 - select, spin, 시계 모양(?보류)
	# 결과물 포맷 지정 가능 (php date() style)

*/

if (typeof Calendar == 'undefined') {
	var Calendar = Class({
		init : function(options) {
			Class.extend(this, {
				path : Util.getJSPath('sky.calendar.js'),
				id : '__calendar__',
				language: LANG_CODE || 'ko',
				languageText: [],
				skin : 'sunny',
				theme : 'default',
				format : 'Y-m-d',
				applyCallback : null,
				useImageYear : false, // can be changed by use_image_year attibute of #__calendar_box object
				useImageMonth : false, // can be changed by use_image_month attibute of #__calendar_box object
				useImageDay : false, // can be changed by use_image_day attibute of #__calendar_box object
				imgBase : '', // can be changed by image_base attibute of #__calendar_box object
				todayApply : false,
				yearMinTerms : 100
			}, options);

			this.today = new Date();
			this.todayYmd = this.formatDate(this.today, this.format == 'Y-m-d H:i:s' ? 'YmdHis' : 'Ymd');
			//this.todayYmd = this.today.getFullYear() + ('0'+(this.today.getMonth()+1)).slice(-2) + ('0'+this.today.getDate()).slice(-2);
			//if (this.format == 'Y-m-d H:i:s') {
			//	this.todayYmd += ('0'+(this.today.getHours())).slice(-2) + ('0'+this.today.getMinutes()).slice(-2) + ('0'+this.today.getSeconds()).slice(-2);
			//}
			this.setDate(this.today);

			// event bind
			this.evtPrevYear = this.prevYear.bindForEvent(this);
			this.evtNextYear = this.nextYear.bindForEvent(this);
			this.evtPrevMonth = this.prevMonth.bindForEvent(this);
			this.evtNextMonth = this.nextMonth.bindForEvent(this);
			this.evtJumpTo = this.jumpTo.bindForEvent(this);
			this.evtApply = this.apply.bindForEvent(this);
			//this.evtApplyDateTime = this.apply_dt.bindForEvent(this);
			this.evtOpen = this.open.bindForEvent(this);
			this.evtClose = this.close.bindForEvent(this);

			// make layer object
			this.initLayer();
		},
		attach : function(object, handler) {
			if (object instanceof Array) {
				for (var i=0; i<object.length; i++) {
					if (object[i]) {
						$l(object[i], 'focus', this.evtOpen);
					}
				}
			} else {
				object = $id(object);
				if (handler) {
					handler = $a(handler);
					for (var i=0; i<handler.length; i++) {
						var el = $id(handler[i]);
						if (el) {
							el.__calendar__ = object;
							$l(el, 'click', this.evtOpen);
						}
					}
				} else {
					$l(object, 'focus', this.evtOpen);
				}
			}
		},
		open : function(evt, obj) {
			Event.stop(evt);
			if (typeof obj.__calendar__ != 'undefined') {
				this.openCalendar(obj.__calendar__);
			} else {
				this.openCalendar(obj);
			}
		},
		openCalendar : function(obj) {
			this.object = $id(obj);

			this.layer.show();
			var rect = Element.getRect(this.object);
			this.layer.moveTo(rect.left, rect.bottom + 1);

			var value = (typeof this.object.value == 'string') ? this.object.value : this.object.innerHTML;
			if (value) {
				this.setDate(value);
			} else {
				this.setDate(this.today);
			}

			this.display();
		},
		close : function() {
			this.layer.hide();
		},
		setDate : function(value) {
			this.date = this.parseDate(value);
			this.dateYmd = this.formatDate(this.date, this.format == 'Y-m-d H:i:s' ? 'YmdHis' : 'Ymd');
			//this.dateYmd = this.date.getFullYear() + ('0'+(this.date.getMonth()+1)).slice(-2) + ('0'+this.date.getDate()).slice(-2);
			//if (this.format == 'Y-m-d H:i:s') {
			//	this.dateYmd += ('0'+(this.date.getHours())).slice(-2) + ('0'+this.date.getMinutes()).slice(-2) + ('0'+this.date.getSeconds()).slice(-2);
			//}
			this.year   = this.date.getFullYear();
			this.month  = this.date.getMonth() + 1;
			this.day    = this.date.getDate();
			this.hour   = this.date.getHours();
			this.minute = this.date.getMinutes();
			this.second = this.date.getSeconds();
		},
		parseDate : function(value) {
			if (value instanceof Date) {
				return value;
			} else {
				var date = new Date;
				var time = Date.parse(value.replace(/[^0-9a-zA-Z,+:]+/g, ' '));
				if (!isNaN(time)) {
					date.setTime(time);
				}
				return date;
			}
		},
		formatDate : function(date, format) {
			var ret = format || this.format;
			return ret
				.replace('Y', date.getFullYear())
				.replace('m', ('0'+(date.getMonth()+1)).slice(-2))
				.replace('d', ('0'+date.getDate()).slice(-2))
				.replace('H', ('0'+(date.getHours())).slice(-2))
				.replace('i', ('0'+date.getMinutes()).slice(-2))
				.replace('s', ('0'+date.getSeconds()).slice(-2));
		},
		apply : function(evt, el) {
			if (el.id == '__calendar_today' && !this.todayApply) {
				this.setDate(this.today);
				this.display();
				return;
			}


			var date;
			if (this.skin != 'datetime') { //this.format == 'Y-m-d H:i:s') {
				var Ymd = el.getAttribute('Ymd');
				var Y = Ymd.substr(0, 4);
				var m = Ymd.substr(4, 2);
				var d = Ymd.substr(6, 2);
				date = new Date(Y, m-1, d);
			} else {
				var Y = this.getValue($id('__calendar_year'));
				var m = this.getValue($id('__calendar_month'));
				var d = this.getValue($id('__calendar_day'));
				var h = this.getValue($id('__calendar_hour'));
				var i = this.getValue($id('__calendar_minute'));
				var s = this.getValue($id('__calendar_second'));
				date = new Date(Y, m-1, d, h, i, s);
			}
			var value = this.formatDate(date);

			var flag = false;

			if (typeof this.applyCallback == 'function') {
				flag = this.applyCallback.call(this, value);
			} else {
				flag = true;
			}

			if (flag === true) {
				if (typeof this.object.value == 'string') {
					this.object.value = value
				} else {
					this.object.innerHTML = value;
				}
			}
			this.close();
		},
		display : function() {
			if (this.useImageYear) {
				this.setValueImage($id('__calendar_year'), this.year);
			} else {
				this.setValue($id('__calendar_year'), this.year);
			}
			if (this.useImageMonth) {
				this.setValueImage($id('__calendar_month'), this.month);
			} else {
				this.setValue($id('__calendar_month'), this.month);
			}
			if (this.format == 'Y-m-d H:i:s') {
				this.setValue($id('__calendar_day'), this.day);
				this.setValue($id('__calendar_hour'), this.hour);
				this.setValue($id('__calendar_minute'), this.minute);
				this.setValue($id('__calendar_second'), this.second);
			}

			// today
			if ($id('__calendar_today')) {
				var todayDate = this.formatDate(this.today);
				var el = $id('__calendar_today');
				this.setValue(el, todayDate);
				el.setAttribute('Ymd', this.todayYmd);
			}

			var tmp = new Date(this.year, this.month-1, 1);
			var date = new Date(tmp.valueOf() - tmp.getDay() * 86400000);

			for (var i=1; i<=42; i++) {
				var Y = date.getFullYear();
				var m = date.getMonth()+1;
				var d = date.getDate();
				var Ymd = Y + ('0'+m).slice(-2) + ('0'+d).slice(-2);
				var wday = (i - 1) % 7;

				var el = $e('__calendar_day' + ('0'+i).slice(-2));

				if (m == this.month) {
					if (Ymd == this.todayYmd) {
						el.setClass('today day' + wday);
					} else {
						el.setClass('normal day' + wday);
					}
				} else {
					el.setClass('other day' + wday);
				}
				if (this.useImageDay) {
					this.setValueImage(el, date.getDate(), wday);
				} else {
					this.setValue(el, date.getDate(), wday);
				}
				el.setAttribute('Ymd', Ymd);

				// TODO
				// event : click, mouseover, mouseout, etc

				// increase
				date = new Date(date.valueOf() + 86400000);
			}

			// last week
			var check = [29, 36];
			for (var i=0; i<check.length; i++) {
				var cell = $id('__calendar_day' + check[i]);
				var d = parseInt(cell.innerHTML, 10);
				if (d < 15) {
					Element.hide(cell.parentNode);
				} else {
					Element.show(cell.parentNode);
				}
			}
		},
		getValue : function(object) {
			var tagName = object.tagName.toLowerCase();
			if (tagName == 'input' || tagName == 'select') {
				return parseInt($v(object), 10);
			} else {
				return parseInt(object.innerHTML, 10);
			}
		},
		setValue : function(object, value, wday) {
			if (!object) {
				return;
			}
			var tagName = object.tagName.toLowerCase();
			if (tagName == 'input') {
				object.value = value;
			} else if (tagName == 'select') {
				if (object.id == '__calendar_year') {
					object.options.length = 0;
					var max = Math.max(value + 5, this.today.getFullYear());
					var min = value - this.yearMinTerms;
					for (var i=max; i>=min; i--) {
						var option = new Option;
						option.value = i;
						option.text = i;
						if (i == value) {
							option.selected = true;
						}
						object.options.add(option);
					}
				} else {
					for (var i=0; i<object.options.length; i++) {
						if (parseInt(object.options[i].value,10) == parseInt(value,10)) {
							object.options[i].selected = true;
						}
					}
				}
			} else {
				object.innerHTML = value;
			}
		},
		setValueImage : function(object, value, wday) {
			if (!object) {
				return;
			}

			if (object.id == '__calendar_year') {
				// TODO
				object.innerHTML = value;
			} else if (object.id == '__calendar_month') {
				value = ('0'+value).slice(-2);
				object.innerHTML = '<img src="' + this.imgBase + '/month' + value + '.gif">';
			} else {
				value = ('0'+value).slice(-2);
				if (Element.classExists(object, 'today')) {
					object.innerHTML = '<img src="' + this.imgBase + '/' + value + '_on.gif">';
				} else if (wday == 0) {
					object.innerHTML = '<img src="' + this.imgBase + '/sun' + value + '.gif">';
				} else if (wday == 6) {
					object.innerHTML = '<img src="' + this.imgBase + '/sat' + value + '.gif">';
				} else {
					object.innerHTML = '<img src="' + this.imgBase + '/' + value + '.gif">';
				}
			}
		},
		prevYear : function() {
			this.year--;
			this.display();
		},
		prevMonth : function() {
			this.month--;
			if (this.month <= 0) {
				this.year--;
				this.month += 12;
			}
			this.display();
		},
		nextMonth : function() {
			this.month++;
			if (this.month > 12) {
				this.year++;
				this.month -= 12;
			}
			this.display();
		},
		nextYear : function() {
			this.year++;
			this.display();
		},
		jumpTo : function() {
			if (this.skin == 'datetime') return;
			var year = this.getValue($id('__calendar_year'));
			var month = this.getValue($id('__calendar_month'));
			if ((year && year != this.year) || (month && month != this.month)) {
				this.year = year;
				this.month = month;
				this.display();
			}
		},
		initLayer : function() {
			if ($id(this.id)) {
				this.layer = $id(this.id);
				this.layer.attachBlocker('calendar');
				return this.layer;
			}

			this.layer = $e($c('div'));
			this.layer.id = this.id;
			if ( this.target != void 0 ) {
				document.querySelector(this.target).appendChild(this.layer);
			} else {
				document.body.appendChild(this.layer);
			}
			this.layer.setStyle({
				position : 'absolute',
				display : 'none',
				zIndex : 10
			});
			this.layer.attachBlocker('calendar');

			var self = this;

			var ajax = new Ajax({
				url : '/common/js/calendar/' + this.skin + '/calendar.html?dummy=' + Util.random(1, 999),
				calendar : this,
				callback : function(response) {
					if (response.isSuccess()) {
						self.layer.innerHTML = response.value;
						self.initLayerEvent.call(self);

						var langText = self.langText(self.language || 'ko');
						if (langText instanceof Array && langText.length === 7) {
							langText.forEach(function(text, i) {
								self.layer.querySelector('.day' + i).innerHTML = text;
							});
						}

						var box = $id('__calendar_box');
						if (box) {
							if (box.getAttribute('use_image_year') == 'true') {
								self.useImageYear = true;
							}
							if (box.getAttribute('use_image_month') == 'true') {
								self.useImageMonth = true;
							}
							if (box.getAttribute('use_image_day') == 'true') {
								self.useImageDay = true;
							}
							if (box.getAttribute('img_base')) {
								self.imgBase = box.getAttribute('img_base');
							}
						}
					}
				}
			});

			var css = '/common/js/calendar/' + this.skin + '/' + this.theme + '.css' + '?dummy=' + Util.random(1, 999);
			Util.linkCSS(css, '__calendar_css');

			return this.layer;
		},
		initLayerEvent : function() {
			if ($id('__calendar_prev_year')) $l($id('__calendar_prev_year'), 'click', this.evtPrevYear);
			if ($id('__calendar_prev_month')) $l($id('__calendar_prev_month'), 'click', this.evtPrevMonth);
			if ($id('__calendar_next_month')) $l($id('__calendar_next_month'), 'click', this.evtNextMonth);
			if ($id('__calendar_next_year')) $l($id('__calendar_next_year'), 'click', this.evtNextYear);

			if ($id('__calendar_year')) {
				var el = $id('__calendar_year');
				var evtType = (el.tagName.search(/select/i) != -1) ? 'change' : 'blur';
				$l(el, 'change', this.evtJumpTo);
			}
			if ($id('__calendar_month')) {
				var el = $id('__calendar_month');
				var evtType = (el.tagName.search(/select/i) != -1) ? 'change' : 'blur';
				$l(el, 'change', this.evtJumpTo);
			}
			if ($id('__calendar_today')) $l($id('__calendar_today'), 'click', this.evtApply);
			//if ($id('__calendar_apply')) $l($id('__calendar_apply'), 'click', this.evtApplyDateTime);
			if ($id('__calendar_apply')) $l($id('__calendar_apply'), 'click', this.evtApply);
			if ($id('__calendar_close')) $l($id('__calendar_close'), 'click', this.evtClose);

			$l($$('__calendar_day##'), 'click', this.evtApply);
		},
		langText : function(language) {
			if (this.languageText instanceof Array && this.languageText.length === 7) {
				return this.languageText;
			} else if (language === 'cn' || language === 'jp') {
				return ['日', '月', '火', '水', '木', '金', '土'];
			} else if (language !== 'ko') {
				return ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
			}
		}
	});
}