/******************** 달력 만들기 자바 스크립트 ********************/


/* ------------------------------------------------------------ 
		1. 기본 옵션
   ------------------------------------------------------------ */

	// 포멧
	var d_format = new Array('yyyy.mm.dd','yy.mm.dd','yyyy-mm-dd','yy-mm-dd','yyyy/mm/dd','yy/mm/dd','yyyymmdd','yymmdd');
	// 요일 색깔
	var day_color = new Array('red', 'black', 'black', 'black', 'black', 'black', 'blue');
	// 요일, 월 표시
	var num_dayName = new Array(0,1,2,3,4,5,6); 
	var han_dayName = new Array('일','월','화','수','목','금','토'); 
	var eng_dayName = new Array('SUN','MON','TUE','WED','THU','FRI','SAT'); 
	var chi_dayName = new Array('日','月','火','水','木','金','土'); 
	var num_months = new Array('1','2','3','4','5','6','7','8','9','10','11','12');
	var han_months = new Array('1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'); 
	var eng_months = new Array('Jan','Feb','Mar','Apr','Mai','Jun','Jul','Aug','Sep','Oct','Nov','Dec');
	var chi_months = new Array('1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'); 
	var dayNameType = new Array('num_dayName','han_dayName','eng_dayName','chi_dayName');
	var monthsType = new Array('num_months','han_months','eng_months','chi_months');
	// 스타일
	var d_bgcolor = '#FAD9B7';
	var d_bgcolor2 = 'white';
	var d_linecolor = 'silver';
	var d_lineheight = '23px';
	var d_width = '180';
	var d_tfDateLineCol = 'black';
	var d_tfCol = '#FFFFFF';
	var d_focusCol = '#F0EDF0';

/* ------------------------------------------------------------ 
		2. 기타
   ------------------------------------------------------------ */

	var currentDate = new Date();
	var DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];		// Non-Leap year Month days.. 
	var lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];	// Leap year Month days.. 
	var d_formName = "form1";
	var d_name = "cal";
	var d_tfDate = "tfDate";

/* ------------------------------------------------------------ 
		3. Calendar 객체 생성
   ------------------------------------------------------------ */

	// Calendar 객체
	function Calendar(newName, newFormName, newYear, newMonth, newDate, newFormat, newDayName) {
		// Calendar 객체에 속한 함수 등록
		this.setDates = setDates;		// 해당월의 데이터 배열 생성
		this.prev = prev;				// 이전 년월로 세팅	
		this.next = next;				// 다음 년월로 세팅
		this.reload = reload;			// 지정한 년월로 세팅
		this.show = show;				// html 생성
		this.setContent = setContent;	// html의 필드값 세팅
		this.clearContent = clearContent;// html의 필드값 지우기
		this.getYear = getYear			// 조회된 년
		this.getMonth = getMonth		// 조회된 월

		// Calendar 객체의 속성 선언
		this.name;						// Calendar 객체의 이름
		this.myYear;					// 조회할 년
		this.myMonth;					// 조회할 월(month:0~11)
		this.myDate;					// 조회할 일
		this.format;					// 년월일 format
		this.dayName;					// 요일 format
		this.formName;					// form name
		this.method;					// form method
		this.action;					// form action
		this.tfDate;					// 날짜 필드명
		this.bgcolor;					// 요일의 배경 칼라
		this.bgcolor2;					// 내용의 배경 칼라
		this.linecolor;					// 달력 라인 칼라
		this.lineheight;				// 한칸의 높이
		this.width;						// 달력 너비
		this.tfDateLineCol;				// 날짜 필드 라인 색
		this.tfCol;						// 내용 필드 색
		this.focusCol;					// 포커스 필드 색

		// argument 세팅
		if (newName != null) this.name = newName;										// Calendar 객체 이름 세팅
			else this.name = d_name;
		if (newFormName != null) this.formName = newFormName;							// form 이름 세팅
			else this.formName = d_formName;
		if (newYear != null && newYear.length != 0)	this.myYear = newYear;				// 조회할 년 세팅
			else this.myYear = currentDate.getFullYear();
		if (newMonth != null && newMonth.length != 0)	this.myMonth = newMonth - 1 ;	// 조회할 월 세팅
			else this.myMonth = currentDate.getMonth();
		if (newDate != null && newDate.length != 0)	this.myDate = newDate;				// 조회할 일 세팅
			else this.myDate = currentDate.getDate();
		if (newFormat != null && newFormat.length != 0)	this.format = newFormat;		// 날짜 필드 format 세팅
			else this.format = d_format[0];
		if (newDayName != null)	this.dayName = eval(dayNameType[newDayName]);			// 요일 format 세팅
			else this.dayName = eval(dayNameType[1]);

		// 기본값 세팅
		this.tfDate = d_tfDate;	
		this.bgcolor = d_bgcolor;
		this.bgcolor2 = d_bgcolor2;
		this.linecolor = d_linecolor;
		this.lineheight = d_lineheight;
		this.width = d_width;
		this.tfDateLineCol = d_tfDateLineCol;
		this.tfCol = d_tfCol;
		this.focusCol = d_focusCol;
	}


/* ------------------------------------------------------------ 
		4. 날짜 관련된 함수 구현
   ------------------------------------------------------------ */

	// 조회 년월의 일수 구함
	function getDaysOfMonth(year, month) { 
			/* 
			Check for leap year .. 
			1.Years evenly divisible by four are normally leap years, except for... 
			2.Years also evenly divisible by 100 are not leap years, except for... 
			3.Years also evenly divisible by 400 are leap years. 
			*/ 
			if ((year % 4) == 0) { 
					if ((year % 100) == 0 && (year % 400) != 0) 
							return DOMonth[month]; 
			 
					return lDOMonth[month]; 
			} else 
					return DOMonth[month]; 
	} 
	
	// 첫번째 요일 구하기
	function getFirstDay(year, month) {
		var tmpDate = new Date(); 
        tmpDate.setDate(1); 
        tmpDate.setMonth(month); 
        tmpDate.setFullYear(year); 

        return tmpDate.getDay(); 
	}

	// 마지막 요일 구하기
	function getLastDay(year, month) {
		var tmpDate = new Date(); 
        tmpDate.setDate( getDaysOfMonth(year, month) ); 
        tmpDate.setMonth(month); 
        tmpDate.setFullYear(year); 

        return tmpDate.getDay(); 
	}

	// 날짜 감소(incr:-1), 증가(incr:1)
	function calcMonthYear(p_Year, p_Month, incr) { 
			/* 
			Will return an 1-D array with 1st element being the calculated month 
			and second being the calculated year 
			after applying the month increment/decrement as specified by 'incr' parameter. 
			'incr' will normally have 1/-1 to navigate thru the months. 
			*/ 
			var ret_arr = new Array(); 
			 
			if (incr == -1) { 
					// B A C K W A R D 
					if (p_Month == 0) { 
							ret_arr[1] = 11; 
							ret_arr[0] = parseInt(p_Year) - 1; 
					} 
					else { 
							ret_arr[1] = parseInt(p_Month) - 1; 
							ret_arr[0] = parseInt(p_Year); 
					} 
			} else if (incr == 1) { 
					// F O R W A R D 
					if (p_Month == 11) { 
							ret_arr[1] = 0; 
							ret_arr[0] = parseInt(p_Year) + 1; 
					} 
					else { 
							ret_arr[1] = parseInt(p_Month) + 1; 
							ret_arr[0] = parseInt(p_Year); 
					} 
			} else if (incr == 0) {
					// C U R R E N T
							ret_arr[1] = parseInt(p_Month); 
							ret_arr[0] = parseInt(p_Year); 
			}
			 
			return ret_arr; 
	} 


/* ------------------------------------------------------------ 
		5. Calendar 객체의 함수 구현
   ------------------------------------------------------------ */

	// 해당월의 데이터 배열 생성
	function setDates() {
		var dates = new Array();										// dates = { '&npsp;', '', 1, 2, 3, 4, ...27,.. '&npsp;' };
		var firstDay = getFirstDay(this.myYear, this.myMonth);			// 첫번째 요일의 숫자값
		var lastDay = getLastDay(this.myYear, this.myMonth);			// 마지막 요일의 숫자값
		var daysOfMonth = getDaysOfMonth(this.myYear, this.myMonth);	// 28, 29, 30, 31 중 하나
		var firstDate = 1;

		for (var i = 0; i < firstDay; i++) dates[i] = '';
		for (var i = firstDay; i < daysOfMonth + firstDay ; i++) {
			dates[i] = firstDate;
			firstDate ++;
		}

		var len = dates.length;
		for (var i = 0; i < (6-lastDay); i++) {	dates[ len + i] = '';	}
		return dates;
	}

	// 이전 년월로 세팅	
	function prev() {
		var tmp = calcMonthYear(this.myYear, this.myMonth, -1);
		this.myYear = tmp[0];
		this.myMonth = tmp[1];
		this.setContent();
	}

	// 다음 년월로 세팅	
	function next() {
		var tmp = calcMonthYear(this.myYear, this.myMonth, 1);
		this.myYear = tmp[0];
		this.myMonth = tmp[1];
		this.setContent();
	}

	// 지정한 년월로 세팅
	function reload() {
		var obj = eval("document." + this.formName + "." + this.tfDate);

		if ( obj.value.length < 6) { return; }
		for (var i=0; i < d_format.length; i++) {
			if (d_format[i] == this.format) {
				if ( i == 0 || i == 2 || i == 4 ) {
					this.myYear = obj.value.substring(0,4);
					this.myMonth = obj.value.substring(5,7) - 1;
					this.myDate = obj.value.substring(8);
				} else if ( i == 1 || i == 3 || i == 5 ) {
					this.myYear = setYearLength( obj.value.substring(0,2), 4);
					this.myMonth = obj.value.substring(3,5) - 1;
					this.myDate = obj.value.substring(6);
				} else if ( i == 6 ) {
					this.myYear = obj.value.substring(0,4);
					this.myMonth = obj.value.substring(4,6) - 1;
					this.myDate = obj.value.substring(6);
				} else if ( i == 7 ) {
					this.myYear = setYearLength( obj.value.substring(0,2), 4);
					this.myMonth = obj.value.substring(2,4) - 1;
					this.myDate = obj.value.substring(4);
				}
			}
		}
		this.setContent();
	}

	// html의 필드값 세팅
	function setContent() {
		this.clearContent();
		
		var tmp = getFormatDate(this.format, this.myYear, (this.myMonth + 1), this.myDate);
		setTextField(this.formName, this.tfDate, tmp);

		var dates = this.setDates();
		for ( var i = 0; i < dates.length; i++) {
			for ( var j = 0; j < 7; j++) {
				setTextField(this.formName, "tf" + i, dates[i] );
				if (dates[i] == currentDate.getDate() && this.myYear == currentDate.getFullYear() && this.myMonth == currentDate.getMonth() ) setTodayStyle(this.formName, i);
				i++;
				if (i == dates.length ) break;
			}
			i--;
		}
	}

	// html의 필드값 지우기
	function clearContent() {
		eval( "document."+ this.formName + ".reset();");
		var frm = eval( "document."+ this.formName);
		for (var i = 0; i < frm.elements.length ; i++) {
			frm.elements[i].style.fontWeight = 'normal';
		}
	}

	// 년월일을 지정된 format 형태로 바꾸어 리턴
	function getFormatDate(format, year, month, date) {
		var gubunja = '';
		for (var i=0; i < d_format.length; i++) {
			if (d_format[i] == format) {
				if ( i == 0 || i == 2 || i == 4 ) {
					gubunja = d_format[i].substring(4,5)
					return setYearLength(year, 4) + gubunja + setLength(month, 2) + gubunja + setLength(date, 2);
				} else if ( i == 1 || i == 3 || i == 5 ) {
					gubunja = d_format[i].substring(2,3)
					return setYearLength(year, 2) + gubunja + setLength(month, 2) + gubunja + setLength(date, 2);
				} else if ( i == 6 ) {
					return setYearLength(year, 4) + setLength(month, 2) + setLength(date, 2);
				} else if ( i == 7 ) {
					return setYearLength(year, 2) + setLength(month, 2) + setLength(date, 2);
				}
			}
		}
		return 'no format';
	}
	
	// year 자리수 맞추기
	function setYearLength(data, length) {
		data = data + '';
		if (length == data.length) {
			return data;
		} else if ( length == 4 && data.length == 2) {
			return "20" + data;
		} else if ( length == 2 && data.length == 4) {
			return data.substring(2);
		}
		return data;
	}

	// month 자리수 맞추기
	function setLength(data, length) {
		for (var i = new String(data).length; i < length; i++) {
			data = '0' + data;
		}
		return data;
	}

	// 일자 세팅
	function setTextField(formName, name, value) {
		eval( formName + "." + name + ".value = '" + value + "';" );
	}

	// 오늘 날짜 스타일
	function setTodayStyle(formName, gb) {
		eval( formName + ".tf" + gb + ".style.fontWeight = 'bold';" );
	}

	// 조회된 년
	function getYear() {
		return this.myYear;
	}

	function getMonth() {
		return (this.myMonth + 1);
	}

	// html 생성
	function show() {
		printForm(0,this.formName, this.method, this.action);
		
		// 조회 날짜 출력
		printTable(0, this.width, '30', 0, 0, 0, '');
		printTr(0, "center");
			printTd(0, '', '', 7);
			printPrev(this.name);
			print('&nbsp;');
			printDateTF(this.name, this.tfDate, 10, 10, 'border-width:1px; border-color:'+ this.tfDateLineCol + '; border-style:solid; background-color:#FFFFFF; text-align:center');
			printSearch(this.name);
			print('&nbsp;');
			printNext(this.name);
			printTd();
		printTr();
		printTable();


		// 요일 출력
		printTable(0, this.width, '', 0, 1, 0, 'background-color:'+ this.linecolor +'; line-height:' + this.lineheight);
		printTr(0, 'center', 'background-color:'+ this.bgcolor);
		for (var i=0; i < 7; i++) {
			printTd(0);
			printDay(this.dayName, i);
			printTd();
		}
		printTr();
		printTable();

		// 달력 textfield 출력
		printTable(0, this.width, '', 0, 1, 0, 'background-color:'+ this.bgcolor2 +'; line-height:' + this.lineheight);
		for (var i = 0; i < 42; i++) {
			printTr(0, 'center', 'background-color:'+ this.bgcolor2);
			for (var j=0; j < 7; j++) {
				printTd(0);
				printTextField( i, 2, 2, 'color:'+day_color[j] + '; cursor:hand; border-width:1px; border-color:'+this.tfCol+'; border-style:solid; background-color:'+this.tfCol+'; text-align:center', "alert(" + this.name + ".getYear() + '.' + "+ this.name+".getMonth() + '.' + this.value);", this.tfCol, this.focusCol);
				printTd();
				i++;
				if (i == 42 ) break;
			}
			i--;
			printTr();
		}
		printTable();
		printForm();

		// 내용 넣기
		this.setContent();

	}


/* ------------------------------------------------------------ 
		6. HTML 생성 함수 구현
   ------------------------------------------------------------ */
	// 실제 HTML 생성
	function print(str) {
		document.writeln( str );
	}

	// Form tag
	function printForm(gb, formName, method, action) {
		if (gb == null) {
			print("</form>");
		} else if(gb == 0) {
			print("<form name='" + formName + "' method='" + method + "' action='"+ action +"'>");
		}
	}

	// Table Tag
	function printTable(gb, width, height, border, cellspacing, cellpadding, style) {
		if (gb == null) {
			print("</table>");
		} else if(gb == 0) {
			print("<table width='"+ width +"' height='"+ height +"' border='"+ border +"' cellspacing='"+ cellspacing +"' cellpadding='"+ cellpadding +"' style='"+ style +"'>");
		}
	}

	// Tr Tag
	function printTr(gb, align, style) {
		if (gb == null) {
			print("</tr>");
		} else if(gb == 0) {
			print("<tr align='"+ align +"' style='"+ style +"'>");
		}
	}

	// Td Tag
	function printTd(gb, width, height, colspan, id) {
		if (gb == null) {
			print("</td>");
		} else if(gb == 0) {
			print("<td width='"+ width +"' height='"+ height +"' colspan='"+ colspan +"' id='"+ id +"'>");
		} 
	}
	
	// 날짜 필드
	function printDateTF(calObj, name, size, maxlength, style) {
		print("<input type='text' name='" + name + "' size='"+ size +"' maxlength='"+ maxlength +"' style='"+ style +"' onFocus='this.select()' onKeyUp='if (event.keyCode == 13) { "+ calObj +".reload(this);this.select(); }'>");
	}

	// 날짜 조회 버튼
	function printSearch(calObj) {
		print("<a href=\"javascript:" + calObj + ".reload();\"><img src='search_01.gif' border='0' align='absmiddle'></a>");
	}

	// 이전달 링크
	function printPrev(calObj) {
		print("<a href=\"javascript:" + calObj + ".prev();\"><font color='#000000'>◀</font></a>");
	}		

	// 다음달 링크
	function printNext(calObj) {
		print("<a href=\"javascript:" + calObj + ".next();\"><font color='#000000'>▶</font></a>");
	}
	
	// 요일 (gb: 0 ~ 6) ===> 일 ~ 토
	function printDay(dayName, gb) {
		print( dayName[gb] );
	}

	// 일자 필드(gb: 0 ~ 41)
	function printTextField(gb, size, maxlength, style, event, tfCol, focusCol) {
		print ("<input type='text' name='tf" + gb + "' size='"+ size +"' maxlength='"+ maxlength + "' style='" + style + "' readonly tabindex=-1 onClick=\""+ event +"\" onMouseOver=\"this.style.backgroundColor = '"+ focusCol+"';this.style.borderColor='"+ focusCol+"';\" onMouseOut=\"this.style.backgroundColor = '"+ tfCol+"';this.style.borderColor='"+ tfCol+"'\">");
	}