var target;
var pop_top;
var pop_left;
var cal_Day;
// var oPopup = window.createPopup();
var oPopup = window.createPopup() ;

function Calendar_Click(e) 
{
	cal_Day = e.title;
	
	if (cal_Day.length > 6) 
	{
		target.value = cal_Day
	}
	
	oPopup.hide();
}

function Calendar_D(obj) 
{
	var now		= obj.value.split("-");
	target		= obj;
	pop_top		= document.body.clientTop	+ GetObjectTop(obj)		- document.body.scrollTop;
	pop_left	= document.body.clientLeft	+ GetObjectLeft(obj)	-  document.body.scrollLeft;

	if (now.length == 3) 
	{
		Show_cal(now[0],now[1],now[2]);					
	} 
	
	else 
	{
		now = new Date();
		Show_cal(now.getFullYear(), now.getMonth()+1, now.getDate());
	}
}

function Calendar_Clear(obj) 
{
	obj.value = "";	
}

function doOver(el) 
{
	cal_Day = el.title;

	if (cal_Day.length > 7) 
	{
		el.style.borderColor = "#FF0000";
	}
}

function doOut(el) 
{
	cal_Day = el.title;

	if (cal_Day.length > 7) 
	{
		el.style.borderColor = "#FFFFFF";
	}
}

function day2(d) 
{	// 2ÀÚ¸® ¼ýÀÚ·á º¯°æ
	var str = new String();
	
	if (parseInt(d) < 10) 
	{
		str = "0" + parseInt(d);
	} 
	
	else 
	{
		str = "" + parseInt(d);
	}
	
	return str;
}

function Show_cal(sYear, sMonth, sDay) 
{
	var Months_day	= new Array(0,31,28,31,30,31,30,31,31,30,31,30,31)
	var Month_Val	= new Array("01","02","03","04","05","06","07","08","09","10","11","12");
	var intThisYear = new Number(), intThisMonth = new Number(), intThisDay = new Number();

	datToday		= new Date();													// ÇöÀç ³¯ÀÚ ¼³Á¤
	
	intThisYear		= parseInt(sYear,10);
	intThisMonth	= parseInt(sMonth,10);
	intThisDay		= parseInt(sDay,10);
	
	if (intThisYear == 0)	intThisYear		= datToday.getFullYear();				// °ªÀÌ ¾øÀ» °æ¿ì
	if (intThisMonth == 0)	intThisMonth	= parseInt(datToday.getMonth(),10)+1;	// ¿ù °ªÀº ½ÇÁ¦°ª º¸´Ù -1 ÇÑ °ªÀÌ µÅµ¹·Á Áø´Ù.
	if (intThisDay == 0)	intThisDay		= datToday.getDate();
	
	switch(intThisMonth) 
	{
		case 1:
				intPrevYear = intThisYear -1;
				intPrevMonth = 12;
				intNextYear = intThisYear;
				intNextMonth = 2;
				break;
		case 12:
				intPrevYear = intThisYear;
				intPrevMonth = 11;
				intNextYear = intThisYear + 1;
				intNextMonth = 1;
				break;
		default:
				intPrevYear = intThisYear;
				intPrevMonth = parseInt(intThisMonth,10) - 1;
				intNextYear = intThisYear;
				intNextMonth = parseInt(intThisMonth,10) + 1;
				break;
	}
	
	intPPyear		= intThisYear-1
	intNNyear		= intThisYear+1

	NowThisYear		= datToday.getFullYear();										// ÇöÀç ³â
	NowThisMonth	= datToday.getMonth()+1;										// ÇöÀç ¿ù
	NowThisDay		= datToday.getDate();											// ÇöÀç ÀÏ
	
	datFirstDay		= new Date(intThisYear, intThisMonth-1, 1);						// ÇöÀç ´ÞÀÇ 1ÀÏ·Î ³¯ÀÚ °´Ã¼ »ý¼º(¿ùÀº 0ºÎÅÍ 11±îÁöÀÇ Á¤¼ö(1¿ùºÎÅÍ 12¿ù))
	intFirstWeekday = datFirstDay.getDay();											// ÇöÀç ´Þ 1ÀÏÀÇ ¿äÀÏÀ» ±¸ÇÔ (0:ÀÏ¿äÀÏ, 1:¿ù¿äÀÏ)
	intThirdWeekday = intFirstWeekday;
	
	datThisDay		= new Date(intThisYear, intThisMonth, intThisDay);				// ³Ñ¾î¿Â °ªÀÇ ³¯ÀÚ »ý¼º
	
	intPrintDay		= 1;															// ´ÞÀÇ ½ÃÀÛ ÀÏÀÚ
	secondPrintDay	= 1;
	thirdPrintDay	= 1;

	Stop_Flag		= 0
	
	if ((intThisYear % 4)==0) 
	{																				// 4³â¸¶´Ù 1¹øÀÌ¸é (»ç·Î³ª´©¾î ¶³¾îÁö¸é)
		if ((intThisYear % 100) == 0) 
		{
			if ((intThisYear % 400) == 0) 
			{
				Months_day[2] = 29;
			}
		} 
		
		else 
		{
			Months_day[2] = 29;
		}
	}
	
	intLastDay		= Months_day[intThisMonth];										// ¸¶Áö¸· ÀÏÀÚ ±¸ÇÔ

Cal_HTML  = "<html>";
Cal_HTML += "<body>";

Cal_HTML += "<form name='calendar'>";

Cal_HTML += "<table id='calTable' width='210' border='0' align='center' cellpadding='0' cellspacing='0' bgcolor='#ffffff' onmouseover='parent.doOver(window.event.srcElement)' onmouseout='parent.doOut(window.event.srcElement)'>";
Cal_HTML += "	<tr>"; 
Cal_HTML += "		<td height='43' colspan='3' background='/images/calendar//diary_top.gif' valign='top'>";
Cal_HTML += "			<table width='195' border='0' align='center' cellpadding='0' cellspacing='0'>";
Cal_HTML += "				<tr>";
Cal_HTML += "					<td height='3' colspan='3'></td>";
Cal_HTML += "				</tr>";
Cal_HTML += "				<tr>";
Cal_HTML += "					<td colspan='3' align='center'>";
Cal_HTML += "						<img src='/images/calendar//diary_3.gif' width='8' height='7' border=0 style='cursor:hand;' OnClick='parent.Show_cal("+(intThisYear-10)+","+intThisMonth+","+intThisDay+");'>";
Cal_HTML += "						<img src='/images/calendar//diary_1.gif' width='8' height='7' border=0 style='cursor:hand;' OnClick='parent.Show_cal("+(intThisYear-1)+","+intThisMonth+","+intThisDay+");'>";
Cal_HTML += "						<font face='Dotum,Verdana,Arial' color='592492' size='2'><strong>" + intThisYear + "³â</strong></font>";
Cal_HTML += "						<img src='/images/calendar//diary_2.gif' width='8' height='7' border=0 style='cursor:hand;' OnClick='parent.Show_cal("+(intThisYear+1)+","+intThisMonth+","+intThisDay+");'>";
Cal_HTML += "						<img src='/images/calendar//diary_4.gif' width='8' height='7' border=0 style='cursor:hand;' OnClick='parent.Show_cal("+(intThisYear+10)+","+intThisMonth+","+intThisDay+");'>&nbsp;&nbsp;&nbsp;";
Cal_HTML += "						<img src='/images/calendar//diary_1.gif' width='8' height='7' border=0 style='cursor:hand;' OnClick='parent.Show_cal("+intPrevYear+","+intPrevMonth+","+intThisDay+");'>";
Cal_HTML += "						<font face='Dotum,Verdana,Arial' color='592492' size='2'><strong>"+ intThisMonth + "¿ù</strong></font>";
Cal_HTML += "						<img src='/images/calendar//diary_2.gif' width='8' height='7' border=0 style='cursor:hand;' OnClick='parent.Show_cal("+intNextYear+","+intNextMonth+","+intThisDay+");'>";
Cal_HTML += "					</td>";
Cal_HTML += "				</tr>";
Cal_HTML += "			</table>";
Cal_HTML += "		</td>";
Cal_HTML += "	</tr>";

Cal_HTML += "	<tr>";
Cal_HTML += "		<td width='7'><img src='/images/calendar//diary_m.gif' width='6' height='109'></td>";
Cal_HTML += "		<td width='197'>";
Cal_HTML += "			<table width='190' border='0' align='center' cellpadding='0' cellspacing='1' bgcolor='#ffffff'>";	
				
				for (intLoopWeek=1; intLoopWeek < 7; intLoopWeek++) {	// ÁÖ´ÜÀ§ ·çÇÁ ½ÃÀÛ, ÃÖ´ë 6ÁÖ
		Cal_HTML += "<tr align='center' bgcolor='white'>";
		for (intLoopDay=1; intLoopDay <= 7; intLoopDay++) {	// ¿äÀÏ´ÜÀ§ ·çÇÁ ½ÃÀÛ, ÀÏ¿äÀÏ ºÎÅÍ
			if (intThirdWeekday > 0) {											// Ã¹ÁÖ ½ÃÀÛÀÏÀÌ 1º¸´Ù Å©¸é
				Cal_HTML += "<td width='23' height='17' style='font-family:Dotum,Verdana,Arial;font-size:11px;color:#666666;line-height:16px;'>";
				intThirdWeekday--;
			} else {
				if (thirdPrintDay > intLastDay) {								// ÀÔ·Â ³¯Â¦ ¿ù¸»º¸´Ù Å©´Ù¸é
					Cal_HTML += "<td width='23' height='17' style='font-family:Dotum,Verdana,Arial;font-size:11px;color:#666666;line-height:16px;'>";
				} else {																// ÀÔ·Â³¯Â¥°¡ ÇöÀç¿ù¿¡ ÇØ´ç µÇ¸é
					Cal_HTML += "<td width='23' height='17' align='center' bgcolor='ECEBEF' onClick=parent.Calendar_Click(this); title="+intThisYear+"-"+day2(intThisMonth).toString()+"-"+day2(thirdPrintDay).toString()+" style=\"cursor:hand;font-family:Dotum,Verdana,Arial;font-size:11px;color:#666666;line-height:16px;";
					
					if (thirdPrintDay==intThisDay) {
						Cal_HTML += "background-color:cyan;";
					}
					
					switch(intLoopDay) {
						case 1:															// ÀÏ¿äÀÏÀÌ¸é »¡°£ »öÀ¸·Î
							Cal_HTML += "color:red;"
							break;
						//case 7:
						//	Cal_HTML += "color:blue;"
						//	break;
						default:
							Cal_HTML += "color:black;"
							break;
					}
					Cal_HTML += "\">"+thirdPrintDay;
				}
				thirdPrintDay++;
				
				if (thirdPrintDay > intLastDay) {								// ¸¸¾à ³¯Â¥ °ªÀÌ ¿ù¸» °ªº¸´Ù Å©¸é ·çÇÁ¹® Å»Ãâ
					Stop_Flag = 1;
				}
			}
			Cal_HTML += "</td>";
		}
		Cal_HTML += "</tr>";
		if (Stop_Flag==1) break;
	}


Cal_HTML += "			</table>";
Cal_HTML += "		</td>";
Cal_HTML += "		<td width='6' style='font-family:Dotum,Verdana,Arial;font-size:11px;color:#666666;line-height:16px;'><img src='/images/calendar//diary_m.gif' width='6' height='109'></td>";
Cal_HTML += "	</tr>";

Cal_HTML += "	<tr>";
Cal_HTML += "		<td height='11' colspan='3' style='font-family:Dotum,Verdana,Arial;font-size:11px;color:#666666;line-height:16px;'><img src='/images/calendar//diary_foot.gif' width='210' height='11'></td>";
Cal_HTML += "	</tr>";		
Cal_HTML += "</table>";

Cal_HTML += "</form>";

Cal_HTML += "</body>";
Cal_HTML += "</html>";

var oPopBody					= oPopup.document.body;
	//oPopBody.style.backgroundColor	= "lightyellow";
	//oPopBody.style.border			= "solid black 1px";
	oPopBody.innerHTML				= Cal_HTML;

	var calHeight					= oPopBody.document.all.calTable.offsetHeight;
	
	
	//ÇàÀÌ 6°³ ÇàÀÎÁö, 5°³ÀÎÁö ±¸ºÐ
	if (intLoopWeek == 6)	calHeight = 173;
	else					calHeight = 173;
	oPopup.show(pop_left, (pop_top + target.offsetHeight), 210, calHeight, document.body);
}


// HTML °³Ã¼¿ë À¯Æ¿¸®Æ¼ ÇÔ¼ö
// objectÀÇ topÀ» °¡Á®¿Â´Ù.
function GetObjectTop(obj)
{
	if (obj.offsetParent == document.body)
		return obj.offsetTop;
	else
		return obj.offsetTop + GetObjectTop(obj.offsetParent);
}

// objectÀÇ left°ªÀ» °¡Á®¿Â´Ù.
function GetObjectLeft(obj)
{
	if (obj.offsetParent == document.body)
		return obj.offsetLeft;
	else
		return obj.offsetLeft + GetObjectLeft(obj.offsetParent);
}



// °­»çÀÔ·Â¶§¹®¿¡ ¸¸µå´Â ºÎºÐ.

function Calendar_E(obj) 
{
	var now		= obj.value.split("-");
	target		= obj;
	pop_top		= document.body.clientTop	+ GetObjectTop(obj)		- document.body.scrollTop;
	pop_left	= document.body.clientLeft	+ GetObjectLeft(obj)	-  document.body.scrollLeft;

	if (now.length == 3) 
	{
		Show_cal_E(now[0],now[1],now[2]);					
	} 
	
	else 
	{
		now = new Date();
		Show_cal_E(now.getFullYear(), now.getMonth()+1, now.getDate());
	}
}



function Show_cal_E(sYear, sMonth, sDay) 
{
	var Months_day	= new Array(0,31,28,31,30,31,30,31,31,30,31,30,31)
	var Month_Val	= new Array("01","02","03","04","05","06","07","08","09","10","11","12");
	var intThisYear = new Number(), intThisMonth = new Number(), intThisDay = new Number();

	datToday		= new Date();													// ÇöÀç ³¯ÀÚ ¼³Á¤
	
	intThisYear		= parseInt(sYear,10);
	intThisMonth	= parseInt(sMonth,10);
	intThisDay		= parseInt(sDay,10);
	
	if (intThisYear == 0)	intThisYear		= datToday.getFullYear();				// °ªÀÌ ¾øÀ» °æ¿ì
	if (intThisMonth == 0)	intThisMonth	= parseInt(datToday.getMonth(),10)+1;	// ¿ù °ªÀº ½ÇÁ¦°ª º¸´Ù -1 ÇÑ °ªÀÌ µÅµ¹·Á Áø´Ù.
	if (intThisDay == 0)	intThisDay		= datToday.getDate();
	
	switch(intThisMonth) 
	{
		case 1:
				intPrevYear = intThisYear -1;
				intPrevMonth = 12;
				intNextYear = intThisYear;
				intNextMonth = 2;
				break;
		case 12:
				intPrevYear = intThisYear;
				intPrevMonth = 11;
				intNextYear = intThisYear + 1;
				intNextMonth = 1;
				break;
		default:
				intPrevYear = intThisYear;
				intPrevMonth = parseInt(intThisMonth,10) - 1;
				intNextYear = intThisYear;
				intNextMonth = parseInt(intThisMonth,10) + 1;
				break;
	}
	
	intPPyear		= intThisYear-1
	intNNyear		= intThisYear+1

	NowThisYear		= datToday.getFullYear();										// ÇöÀç ³â
	NowThisMonth	= datToday.getMonth()+1;										// ÇöÀç ¿ù
	NowThisDay		= datToday.getDate();											// ÇöÀç ÀÏ
	
	datFirstDay		= new Date(intThisYear, intThisMonth-1, 1);						// ÇöÀç ´ÞÀÇ 1ÀÏ·Î ³¯ÀÚ °´Ã¼ »ý¼º(¿ùÀº 0ºÎÅÍ 11±îÁöÀÇ Á¤¼ö(1¿ùºÎÅÍ 12¿ù))
	intFirstWeekday = datFirstDay.getDay();											// ÇöÀç ´Þ 1ÀÏÀÇ ¿äÀÏÀ» ±¸ÇÔ (0:ÀÏ¿äÀÏ, 1:¿ù¿äÀÏ)
	intThirdWeekday = intFirstWeekday;
	
	datThisDay		= new Date(intThisYear, intThisMonth, intThisDay);				// ³Ñ¾î¿Â °ªÀÇ ³¯ÀÚ »ý¼º
	
	intPrintDay		= 1;															// ´ÞÀÇ ½ÃÀÛ ÀÏÀÚ
	secondPrintDay	= 1;
	thirdPrintDay	= 1;

	Stop_Flag		= 0
	
	if ((intThisYear % 4)==0) 
	{																				// 4³â¸¶´Ù 1¹øÀÌ¸é (»ç·Î³ª´©¾î ¶³¾îÁö¸é)
		if ((intThisYear % 100) == 0) 
		{
			if ((intThisYear % 400) == 0) 
			{
				Months_day[2] = 29;
			}
		} 
		
		else 
		{
			Months_day[2] = 29;
		}
	}
	
	intLastDay		= Months_day[intThisMonth];										// ¸¶Áö¸· ÀÏÀÚ ±¸ÇÔ

Cal_HTML  = "<html>";
Cal_HTML += "<body>";

Cal_HTML += "<form name='calendar'>";

Cal_HTML += "<table id='calTable' width='210' border='0' align='center' cellpadding='0' cellspacing='0' bgcolor='#ffffff' onmouseover='parent.doOver(window.event.srcElement)' onmouseout='parent.doOut(window.event.srcElement)'>";
Cal_HTML += "	<tr>"; 
Cal_HTML += "		<td height='43' colspan='3' background='/images/calendar//diary_top.gif' valign='top'>";
Cal_HTML += "			<table width='195' border='0' align='center' cellpadding='0' cellspacing='0'>";
Cal_HTML += "				<tr>";
Cal_HTML += "					<td height='3' colspan='3'></td>";
Cal_HTML += "				</tr>";
Cal_HTML += "				<tr>";
Cal_HTML += "					<td colspan='3' align='center'>";
Cal_HTML += "						<img src='/images/calendar//diary_3.gif' width='8' height='7' border=0 style='cursor:hand;' OnClick='parent.Show_cal_E("+(intThisYear-10)+","+intThisMonth+","+intThisDay+");'>";
Cal_HTML += "						<img src='/images/calendar//diary_1.gif' width='8' height='7' border=0 style='cursor:hand;' OnClick='parent.Show_cal_E("+(intThisYear-1)+","+intThisMonth+","+intThisDay+");'>";
Cal_HTML += "						<font face='Dotum,Verdana,Arial' color='592492' size='2'><strong>" + intThisYear + "³â</strong></font>";
Cal_HTML += "						<img src='/images/calendar//diary_2.gif' width='8' height='7' border=0 style='cursor:hand;' OnClick='parent.Show_cal_E("+(intThisYear+1)+","+intThisMonth+","+intThisDay+");'>";
Cal_HTML += "						<img src='/images/calendar//diary_4.gif' width='8' height='7' border=0 style='cursor:hand;' OnClick='parent.Show_cal_E("+(intThisYear+10)+","+intThisMonth+","+intThisDay+");'>&nbsp;&nbsp;&nbsp;";
Cal_HTML += "						<img src='/images/calendar//diary_1.gif' width='8' height='7' border=0 style='cursor:hand;' OnClick='parent.Show_cal_E("+intPrevYear+","+intPrevMonth+","+intThisDay+");'>";
Cal_HTML += "						<font face='Dotum,Verdana,Arial' color='592492' size='2'><strong>"+ intThisMonth + "¿ù</strong></font>";
Cal_HTML += "						<img src='/images/calendar//diary_2.gif' width='8' height='7' border=0 style='cursor:hand;' OnClick='parent.Show_cal_E("+intNextYear+","+intNextMonth+","+intThisDay+");'>";
Cal_HTML += "					</td>";
Cal_HTML += "				</tr>";
Cal_HTML += "			</table>";
Cal_HTML += "		</td>";
Cal_HTML += "	</tr>";

Cal_HTML += "	<tr>";
Cal_HTML += "		<td width='7'><img src='/images/calendar//diary_m.gif' width='6' height='109'></td>";
Cal_HTML += "		<td width='197'>";
Cal_HTML += "			<table width='190' border='0' align='center' cellpadding='0' cellspacing='1' bgcolor='#ffffff'>";	
				
				for (intLoopWeek=1; intLoopWeek < 7; intLoopWeek++) {	// ÁÖ´ÜÀ§ ·çÇÁ ½ÃÀÛ, ÃÖ´ë 6ÁÖ
		Cal_HTML += "<tr align='center' bgcolor='white'>";
		for (intLoopDay=1; intLoopDay <= 7; intLoopDay++) {	// ¿äÀÏ´ÜÀ§ ·çÇÁ ½ÃÀÛ, ÀÏ¿äÀÏ ºÎÅÍ
			if (intThirdWeekday > 0) {											// Ã¹ÁÖ ½ÃÀÛÀÏÀÌ 1º¸´Ù Å©¸é
				Cal_HTML += "<td width='23' height='17' style='font-family:Dotum,Verdana,Arial;font-size:11px;color:#666666;line-height:16px;'>";
				intThirdWeekday--;
			} else {
				if (thirdPrintDay > intLastDay) {								// ÀÔ·Â ³¯Â¦ ¿ù¸»º¸´Ù Å©´Ù¸é
					Cal_HTML += "<td width='23' height='17' style='font-family:Dotum,Verdana,Arial;font-size:11px;color:#666666;line-height:16px;'>";
				} else {																// ÀÔ·Â³¯Â¥°¡ ÇöÀç¿ù¿¡ ÇØ´ç µÇ¸é
					Cal_HTML += "<td width='23' height='17' align='center' bgcolor='ECEBEF' onClick=parent.Calendar_Click_E(this); title="+intThisYear+"-"+day2(intThisMonth).toString()+"-"+day2(thirdPrintDay).toString()+" style=\"cursor:hand;font-family:Dotum,Verdana,Arial;font-size:11px;color:#666666;line-height:16px;";
					
					if (thirdPrintDay==intThisDay) {
						Cal_HTML += "background-color:cyan;";
					}
					
					switch(intLoopDay) {
						case 1:															// ÀÏ¿äÀÏÀÌ¸é »¡°£ »öÀ¸·Î
							Cal_HTML += "color:red;"
							break;
						//case 7:
						//	Cal_HTML += "color:blue;"
						//	break;
						default:
							Cal_HTML += "color:black;"
							break;
					}
					Cal_HTML += "\">"+thirdPrintDay;
				}
				thirdPrintDay++;
				
				if (thirdPrintDay > intLastDay) {								// ¸¸¾à ³¯Â¥ °ªÀÌ ¿ù¸» °ªº¸´Ù Å©¸é ·çÇÁ¹® Å»Ãâ
					Stop_Flag = 1;
				}
			}
			Cal_HTML += "</td>";
		}
		Cal_HTML += "</tr>";
		if (Stop_Flag==1) break;
	}


Cal_HTML += "			</table>";
Cal_HTML += "		</td>";
Cal_HTML += "		<td width='6' style='font-family:Dotum,Verdana,Arial;font-size:11px;color:#666666;line-height:16px;'><img src='/images/calendar//diary_m.gif' width='6' height='109'></td>";
Cal_HTML += "	</tr>";

Cal_HTML += "	<tr>";
Cal_HTML += "		<td height='11' colspan='3' style='font-family:Dotum,Verdana,Arial;font-size:11px;color:#666666;line-height:16px;'><img src='/images/calendar//diary_foot.gif' width='210' height='11'></td>";
Cal_HTML += "	</tr>";		
Cal_HTML += "</table>";

Cal_HTML += "</form>";

Cal_HTML += "</body>";
Cal_HTML += "</html>";

var oPopBody					= oPopup.document.body;
	//oPopBody.style.backgroundColor	= "lightyellow";
	//oPopBody.style.border			= "solid black 1px";
	oPopBody.innerHTML				= Cal_HTML;

	var calHeight					= oPopBody.document.all.calTable.offsetHeight;
	
	
	//ÇàÀÌ 6°³ ÇàÀÎÁö, 5°³ÀÎÁö ±¸ºÐ
	if (intLoopWeek == 6)	calHeight = 173;
	else					calHeight = 173;
	oPopup.show(pop_left, (pop_top + target.offsetHeight), 210, calHeight, document.body);
}



function Calendar_Click_E(e) 
{
	cal_Day = e.title;
	
	if (cal_Day.length > 6) 
	{
		target.value = cal_Day
	}
	
	oPopup.hide();
	plan_detail();
}