var fixedX = -1; ////////// 레이어 X축 위치 (-1 : 버튼에 바로 아래에 표시)
var fixedY = -1; ////////////// 레이어 Y축 위치 (-1 : 버튼에 바로 아래에 표시)
var startAt = 0; ///////////// 일요일 표시 부분 / 0 : 일요일(일월화...) / 1 : 월요일(...금토일)
var imgDir = '/images/calendar/'; // 이미지 디렉토리 - ./ : 현재 디렉토리
//var imgDir = '/images/'; // 이미지 디렉토리 - ./ : 현재 디렉토리

/////////////////////////////// 각 변수 선언 ///////////////////
var crossobj, crossMonthObj, crossYearObj, monthSelected, yearSelected, dateSelected, omonthSelected, oyearSelected, odateSelected, monthConstructed, yearConstructed, intervalID1, intervalID2, timeoutID1, timeoutID2, ctlToPlaceValue, ctlNow, dateFormat, nStartingMonth, nStartingYear
var calendar_menu_src;	// 작업목록 > 방문희망일(visit_date)에서 클릭한 경우
var calendar_task_type;	// 작업목록 > 1: 집하, 2: 배송

var bPageLoaded = false;
var ie = document.all;
var dom = document.getElementById;
var bShow = false;
var ns4 = document.layers;

var today = new	Date(); /////////////// 날자 변수 선언
var dateNow = today.getDate(); //////////////// 로컬 컴퓨터의 일(day)을 구함
var monthNow = today.getMonth(); ///////////////// 로컬 컴퓨터의 월(month)을 구함
var yearNow = today.getYear(); ///////////////// 로컬 컴퓨터의 년(year)을 구함

var	monthName =	new	Array("1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월");
var	monthName2 = new Array("1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월");

if(startAt==0) {
	dayName = new Array("일","월","화","수","목","금","토");
} else {
	dayName = new Array("월","화","수","목","금","토","일");
}
var oPopup = window.createPopup();
var oPopBody = oPopup.document.body;
var strCalendar;
var cleft;
var ctop;

if(dom) {
	strCalendar = "<div id='calendar' style='z-index:+999;position:absolute;'>";
	strCalendar += "	<table width='180' height='150' border='0' cellspacing='0' cellpadding='0'>";
	strCalendar += "		<tr>";
	strCalendar += "			<td width='180' height='10' colspan='3'><img src='" + imgDir + "scalendar_top.gif' border='0'></td>";
	strCalendar += "		</tr>";
	strCalendar += "		<tr>";
	strCalendar += "			<td width='6' height='124' rowspan='3' background='" + imgDir + "scalendar_bg_left.gif'></td>";
	strCalendar += "			<td width='168' height='20' align='center' valign='top'>";
	strCalendar += "				<table width='160' border='0' cellspacing='0' cellpadding='0'>";
	strCalendar += "					<tr>";
	strCalendar += "						<td width='12'><img src='" + imgDir + "arrow_scalendar_prev.gif' border='0' onClick='parent.movedecMonth()'></a></td><td width='10'></td>";
	strCalendar += "						<td><div id='caption' align='center'></td>"
	strCalendar += "						<td width='10'></td>";
	strCalendar += "						<td width='12'><img src='" + imgDir + "arrow_scalendar_next.gif' onClick='parent.moveincMonth()' border='0'></td>";
	strCalendar += "					</tr>";
	strCalendar += "				</table>";
	strCalendar += "			</td>";
	strCalendar += "			<td width='6' height='124' rowspan='3' background='" + imgDir + "scalendar_bg_right.gif'></td>";
	strCalendar += "		</tr>";
	strCalendar += "		<tr height=1>";
	strCalendar += "			<td bgcolor='#ffffff'>";
	strCalendar += "				<span id='content'></span>";
	strCalendar += "			</td>";
	strCalendar += "		</tr>";
	strCalendar += "		<tr bgcolor='#f0f0f0' height='20'><td style='padding:5px' align='center'><span id='lblToday'></span></td></tr>";
	strCalendar += "		<tr><td width='180' height='10' colspan='3'><img src='" + imgDir + "scalendar_bottom.gif' border='0'></td></tr>";
	strCalendar += "	</table>";
	strCalendar += "</div>";
	strCalendar += "<div id='selectMonth' style='z-index:+999;position:absolute;display:none;'></div> ";
	strCalendar += "<div id='selectYear' style='z-index:+999;position:absolute;display:none;'></div>";
	oPopBody.innerHTML = strCalendar;
}

function init() {
	if(!ns4) {
		if(!ie) {
			yearNow += 1900;
		}

		crossobj = oPopBody.all.calendar;
		crossMonthObj = oPopBody.all.selectMonth;
		crossYearObj = oPopBody.all.selectYear;
		monthConstructed = false;
		yearConstructed = false;

		oPopup.document.getElementById("lblToday").innerHTML = "<div style='font-size:8pt;'>오늘 날짜 : "+yearNow+"년 " + monthName[monthNow].substring(0,3) + " " + dateNow+ "일</div>"

		sHTML1="<span id='spanYear' style='font-size:8pt;' onclick='parent.popUpYear()' title='년도 선택' onMouseover=\"window.status='년도 선택'\" onMouseout=\"window.status=''\"></span>&nbsp;"
		sHTML1+="<span id='spanMonth' style='font-size:8pt;' onclick='parent.popUpMonth()' title='월 선택' onMouseover=\"window.status='월 선택'\" onMouseout=\"window.status=''\"></span>"

		oPopup.document.getElementById("caption").innerHTML = sHTML1;
		bPageLoaded = true;
	}
}

function HolidayRec(d, m, y, desc) {
	this.d = d;
	this.m = m;
	this.y = y;
	this.desc = desc;
}

var HolidaysCounter = 0;
var Holidays = new Array();

function addHoliday(d, m, y, desc) {
	Holidays[HolidaysCounter++] = new HolidayRec ( d, m, y, desc );
}

var styleAnchor = "text-decoration:none;color:black;cursor:hand;width:100%;height:100%";
var styleLightBorder = "border-style:solid;border-width:1px;border-color:#a0a0a0;text-decoration:underline;font-weight:bold;cursor:hand;width:100%;height:100%";

function padZero(num) {
	return (num < 10)? '0' + num : num;
}

function constructDate(d,m,y) {
	sTmp = dateFormat
	sTmp = sTmp.replace("dd","<e>");
	sTmp = sTmp.replace("d","<d>");
	sTmp = sTmp.replace("<e>",padZero(d));
	sTmp = sTmp.replace("<d>",d);
	sTmp = sTmp.replace("mmmm","<p>");
	sTmp = sTmp.replace("mmm","<o>");
	sTmp = sTmp.replace("mm","<n>");
	sTmp = sTmp.replace("m","<m>");
	sTmp = sTmp.replace("<m>",m+1);
	sTmp = sTmp.replace("<n>",padZero(m+1));
	sTmp = sTmp.replace("<o>",monthName[m]);
	sTmp = sTmp.replace("<p>",monthName2[m]);
	sTmp = sTmp.replace("yyyy",y);

	return sTmp.replace("yy",padZero(y%100));
}

function closeCalendar() {
	oPopup.hide();
	ctlToPlaceValue.value =	constructDate(dateSelected,monthSelected,yearSelected);
}

function moveincMonth() {
	monthSelected++;

	if (monthSelected>11) {
		monthSelected=0;
		yearSelected++;
	}
	constructCalendar();
}

function movedecMonth() {
	monthSelected--;

	if (monthSelected<0) {
		monthSelected=11;
		yearSelected--;
	}
	constructCalendar();
}

function incMonth() {
	if (nStartingMonth + 6 == 12) return;
	for(i = 0; i < 7; i++) {
		newMonth = (i + nStartingMonth) + 1;

		if (newMonth > 12) {nStartingMonth--; break;}
		if (newMonth == monthSelected + 1) {
			txtMonth = " <B>"+ newMonth +"월</B> ";
		} else {
			txtMonth = " " + newMonth + "월";
		}
		oPopup.document.getElementById("m"+i).innerHTML = txtMonth;
	}
	nStartingMonth++;
	bShow = true;
}

function decMonth() {
	if (nStartingMonth == 1) return;
	for (i=0; i<7; i++) {
		newMonth	= (i+nStartingMonth)-1;

		if (newMonth < 1) {nStartingMonth++; break;}
		if (newMonth==monthSelected + 1) {
			txtMonth = " <B>"+ newMonth +"월</B> ";
		} else {
			txtMonth = " " + newMonth + "월";
		}
		oPopup.document.getElementById("m"+i).innerHTML = txtMonth;
	}
	nStartingMonth--;
	bShow = true;
}

function selectMonth(nMonth) {
	monthSelected = parseInt(nMonth + nStartingMonth - 1);
	monthConstructed = false;
	constructCalendar();
	popDownMonth();
}

function constructMonth() {
	popDownYear();
	sHTML =	"";

	if(!monthConstructed) { // 월 이전 월 링크
		sHTML ="<tr><td align='center' style='cursor:pointer'	 "
		sHTML +="	onmouseover='this.style.backgroundColor=\"#FFCC99\"' "
		sHTML +="	onmouseout='clearInterval(parent.intervalID1);this.style.backgroundColor=\"\"'  "
		sHTML +="	onmousedown='clearInterval(parent.intervalID1);parent.intervalID1=setInterval(\"parent.decMonth()\",30)' "
		sHTML +="	onmouseup='clearInterval(parent.intervalID1)'> "
		sHTML +="	▲</td></tr>";
		j = 0;

		var nSelectedMonth = monthSelected + 1;

		nStartingMonth = (nSelectedMonth - 3) < 1 ? 1 : nSelectedMonth - 3; //시작월 - 3 이 1보다 작으면 1로 고정
		nStartingMonth = nStartingMonth > 6 ? 6 : nStartingMonth; //시작월이 6보다 크면 6로 고정 (6 시작 월 + 목록 숫자 6 = 12 종료 월)

		var nEndMonth = (nSelectedMonth + 3) > 12 ? 12 : (nSelectedMonth + 3); // 종료월 + 3이 12보다 크면 12로 고정
		nEndMonth = nEndMonth < 7 ? 7 : nEndMonth; //종료 월이 7보다 작으면 7로 고정

		for (i = nStartingMonth; i <= nEndMonth; i++) {
			sName =	i;

			//////////////// 현재 월 ////////////////////////
			if (i == nSelectedMonth) { sName = "<b>" + sName + "</b>" }
			sHTML +="<tr><td height='15' id='m" + j + "' onmouseover='this.style.backgroundColor=\"#FFCC99\"' onmouseout='this.style.backgroundColor=\"\"' "
			sHTML +=" style='cursor:pointer' onClick='parent.selectMonth("+j+");event.cancelBubble=true'> " + sName + "월"
			sHTML +="</td></tr>";
			j ++;
		}

		 // 월 다음 월 링크
		sHTML += "<tr><td align='center' onmouseover='this.style.backgroundColor=\"#FFCC99\"' style='cursor:pointer' "
		sHTML += " onmouseout='clearInterval(parent.intervalID2);this.style.backgroundColor=\"\"' "
		sHTML += " onmousedown='clearInterval(parent.intervalID2);parent.intervalID2=setInterval(\"parent.incMonth()\",30)'	"
		sHTML += " onmouseup='clearInterval(parent.intervalID2)'> "
		sHTML += " ▼</td></tr>";

		  /////// 월 표 크기 ///////////////////////////////
		oPopup.document.getElementById("selectMonth").innerHTML	= ""+
		"<table width='50' style='font-family:굴림; font-size:11px; border-width:1; border-style:solid; border-color:#a0a0a0;' bgcolor='#FFFFDD' "+
		" onmouseover='clearTimeout(parent.timeoutID2)' "+
		" onmouseout='clearTimeout(parent.timeoutID2);parent.timeoutID2=setTimeout(\"parent.popDownMonth()\",100)' cellspacing=0>"+
		""+ sHTML	+ ""+
		"</table>";
		monthConstructed	= true;
	}
}

function popUpMonth() {
	constructMonth();
	crossMonthObj.style.display = "";


	crossMonthObj.style.left = crossobj.style.left + (30 + oPopup.document.getElementById("spanMonth").offsetLeft) + "px";
	crossMonthObj.style.top = crossobj.style.top + 35;
}

function popDownMonth()	{
	crossMonthObj.style.display = "none";
}

function incYear() {
	for(i=0; i<7; i++) {
		newYear	= (i+nStartingYear)+1;

		if (newYear==yearSelected) {
			txtYear = " <B>"+ newYear +"년  </B> ";
		} else {
			txtYear = " " + newYear + "년  ";
		}
		oPopup.document.getElementById("y"+i).innerHTML = txtYear;
	}
	nStartingYear++;
	bShow = true;
}

function decYear() {
	for (i=0; i<7; i++) {
		newYear	= (i+nStartingYear)-1;

		if (newYear==yearSelected) {
			txtYear = " <B>"+ newYear +"년  </B> ";
		} else {
			txtYear = " " + newYear + "년  ";
		}
		oPopup.document.getElementById("y"+i).innerHTML = txtYear;
	}
	nStartingYear--;
	bShow = true;
}

function selectYear(nYear) {
	yearSelected = parseInt(nYear+nStartingYear);
	yearConstructed = false;
	constructCalendar();
	popDownYear();
}

function constructYear() {
	popDownMonth();
	sHTML =	"";

	if(!yearConstructed) { // 년도 이전 년도 링크
		sHTML ="<tr><td align='center' style='cursor:pointer'	 "
		sHTML +="	onmouseover='this.style.backgroundColor=\"#FFCC99\"' "
		sHTML +="	onmouseout='clearInterval(parent.intervalID1);this.style.backgroundColor=\"\"'  "
		sHTML +="	onmousedown='clearInterval(parent.intervalID1);parent.intervalID1=setInterval(\"parent.decYear()\",30)' "
		sHTML +="	onmouseup='clearInterval(parent.intervalID1)'> "
		sHTML +="	▲</td></tr>";
		j = 0;
		nStartingYear =	yearSelected-3;

		for (i=(yearSelected-3); i<=(yearSelected+3); i++) {
			sName =	i;

			if (i==yearSelected) { sName =	"<b>" +	sName +	"</b>" }
			sHTML +="<tr><td height='15' id='y" + j + "' onmouseover='this.style.backgroundColor=\"#FFCC99\"' onmouseout='this.style.backgroundColor=\"\"' "
			sHTML +=" style='cursor:pointer' onClick='parent.selectYear("+j+");event.cancelBubble=true'> " + sName + "년  "
			sHTML +="</td></tr>";
			j ++;
		}

		 // 년도 다음 년도 링크
		sHTML += "<tr><td align='center' onmouseover='this.style.backgroundColor=\"#FFCC99\"' style='cursor:pointer' "
		sHTML += " onmouseout='clearInterval(parent.intervalID2);this.style.backgroundColor=\"\"' "
		sHTML += " onmousedown='clearInterval(parent.intervalID2);parent.intervalID2=setInterval(\"parent.incYear()\",30)'	"
		sHTML += " onmouseup='clearInterval(parent.intervalID2)'> "
		sHTML += " ▼</td></tr>";

		 /////// 년도 표 크기 ///////////////////////////////
		oPopup.document.getElementById("selectYear").innerHTML	= ""+
		"<table width='55' style='font-family:굴림; font-size:11px; border-width:1; border-style:solid; border-color:#a0a0a0;' bgcolor='#FFFFDD' "+
		" onmouseover='clearTimeout(parent.timeoutID2)' "+
		" onmouseout='clearTimeout(parent.timeoutID2);parent.timeoutID2=setTimeout(\"parent.popDownYear()\",100)' cellspacing=0>"+
		""+ sHTML	+ ""+
		"</table>";
		yearConstructed	= true;
	}
}

function popDownYear() {
	clearInterval(intervalID1);
	clearTimeout(timeoutID1);
	clearInterval(intervalID2);
	clearTimeout(timeoutID2);
	crossYearObj.style.display = "none";
}

function popUpYear() {
	constructYear();
	crossYearObj.style.display = "";
	crossYearObj.style.left = crossobj.style.left + (25 + oPopup.document.getElementById("spanYear").offsetLeft) + "px";
	crossYearObj.style.top = crossobj.style.top + 35;
}

function constructCalendar() {

	var aNumDays = Array (31,0,31,30,31,30,31,31,30,31,30,31);
	var dateMessage;
	var startDate =	new Date (yearSelected,monthSelected,1);
	var endDate;
	var intWeekCount = 1;

	if(monthSelected==1) {
		endDate	= new Date (yearSelected,monthSelected+1,1);
		endDate	= new Date (endDate	- (24*60*60*1000));
		numDaysInMonth = endDate.getDate();
	} else {
		numDaysInMonth = aNumDays[monthSelected];
	}

	datePointer = 0;
	dayPointer = startDate.getDay() - startAt;

	if(dayPointer<0) {
		dayPointer = 6;
	}
	sHTML =	"<table	 border=0 style='font-family:verdana;font-size:10px;' cellspacing='0' cellpadding='0'>" +
			"	<tr height=16>" +
			"		<td width='24' height='19'><img src='" + imgDir + "scalendar_day_sun.gif' border='0'></td>" +
			"		<td width='24' height='19'><img src='" + imgDir + "scalendar_day_mon.gif' border='0'></td>" +
			"		<td width='24' height='19'><img src='" + imgDir + "scalendar_day_tue.gif' border='0'></td>" +
			"		<td width='24' height='19'><img src='" + imgDir + "scalendar_day_wen.gif' border='0'></td>" +
			"		<td width='24' height='19'><img src='" + imgDir + "scalendar_day_thu.gif' border='0'></td>" +
			"		<td width='24' height='19'><img src='" + imgDir + "scalendar_day_fri.gif' border='0'></td>" +
			"		<td width='24' height='19'><img src='" + imgDir + "scalendar_day_sat.gif' border='0'></td>" +
			"	</tr>" +
			"	<tr height=16>";

	for(var i=1; i<=dayPointer;i++)	{  // 빈 날짜
		sHTML += "<td class='s_noday' width='24' height='17'></td>";
	}

	for(datePointer=1; datePointer<=numDaysInMonth; datePointer++) {
		dayPointer++;
		sHTML += "<td align='center'>";
		sStyle = styleAnchor;

		if((datePointer==odateSelected) && (monthSelected==omonthSelected) && (yearSelected==oyearSelected)) {
			sStyle += styleLightBorder;
		}
		sHint = "";

		for(k=0;k<HolidaysCounter;k++) {
			if((parseInt(Holidays[k].d)==datePointer)&&(parseInt(Holidays[k].m)==(monthSelected+1))) {
				if((parseInt(Holidays[k].y)==0)||((parseInt(Holidays[k].y)==yearSelected)&&(parseInt(Holidays[k].y)!=0))) {
					sStyle+="background-color:#FFDDDD;";
					sHint+=sHint==""?Holidays[k].desc:"\n"+Holidays[k].desc;
				}
			}
		}
		var regexp= /\"/g;
		sHint=sHint.replace(regexp,"&quot;");
		/////////////// 날짜 선택시 ==> 마우스가 날짜 위로 갔을때 ///////////////////////////////
		dateMessage = "title=' 날짜 선택 : "+ yearSelected + "년 " +	monthName[monthSelected] +" "  + datePointer + "일"+"' onmousemove='window.status=\" 날짜 선택 : "+ yearSelected + "년 " +	monthName[monthSelected] +" "  + datePointer + "일"+"\"' onmouseout='window.status=\"\"' ";

		if((datePointer == dateNow) && (monthSelected == monthNow) && (yearSelected == yearNow)) {  // 현재 오늘 날짜
			sHTML += "<b><div style='"+sStyle+"' onclick='javascript:parent.dateSelected="+datePointer+";parent.closeCalendar();'><font color=#0000C0> " + datePointer + "</font> </div></b>";
		} else
		if(dayPointer % 7 == (startAt * -1)+1) {  // 일요일 일때
			sHTML += "<div style='"+sStyle+"' onclick='javascript:parent.dateSelected="+datePointer + ";parent.closeCalendar();'> <font color=red>" + datePointer + "</font> </div>";
		} else {
			sHTML += "<div style='"+sStyle+"' onclick='javascript:parent.dateSelected="+ datePointer + ";parent.closeCalendar();'>" + datePointer + "</div>";
		}
		sHTML += "";

		if((dayPointer+startAt) % 7 == startAt) {
			sHTML += "</tr><tr height=16>";
			intWeekCount ++;
		}
	}
	sHTML += "</tr>";
	sHTML = sHTML.replace("<tr height=16></tr>", "");
	if (((dayPointer+startAt) % 7) == 0) intWeekCount--;
	oPopup.document.getElementById("content").innerHTML = sHTML;

	//////// 셀릭트 년도 선택
	oPopup.document.getElementById("spanYear").innerHTML =	" " + yearSelected	+ "년  <img src='" + imgDir + "arrow_bottom.gif' id='changeYear' onfocus='this.blur()' align='absmiddle'\">"

	//////// 셀릭트 월 선택
	oPopup.document.getElementById("spanMonth").innerHTML = " " + monthName[monthSelected] + " <img src='" + imgDir + "arrow_bottom.gif' id='changeMonth' onfocus='this.blur()' align='absmiddle'\">"

	//alert(intWeekCount);
	var popHeight;
	if (intWeekCount == 6)
		popHeight = 185;
	else
		popHeight = 170;
	oPopup.show(cleft, ctop, 181, popHeight, document.body);
}

function calendar(ctl, ctl2, format) {	
	calendar_menu_src = "common";

	var leftpos = 0;
	var toppos = 0;

	if(bPageLoaded) {
		ctlToPlaceValue	= ctl2;
		dateFormat=format;
		formatChar = " ";
		aFormat	= dateFormat.split(formatChar);

			if(aFormat.length<3) {
				formatChar = "/";
				aFormat	= dateFormat.split(formatChar);

			if(aFormat.length<3) {
				formatChar = ".";
				aFormat	= dateFormat.split(formatChar);

				if(aFormat.length<3) {
					formatChar = "-";
					aFormat	= dateFormat.split(formatChar);

					if (aFormat.length<3) {
						formatChar="";
					}
				}
			}
		}
		tokensChanged =	'0';

		if(formatChar != "") {
			aData =	ctl2.value.split(formatChar);

			for(i=0;i<3;i++) {
				if ((aFormat[i]=="d") || (aFormat[i]=="dd")) {
					dateSelected = parseInt(aData[i], 10);
					tokensChanged++;
				} else
				if((aFormat[i]=="m") || (aFormat[i]=="mm")) {
					monthSelected =	parseInt(aData[i], 10) - 1;
					tokensChanged++;
				} else
				if(aFormat[i]=="yyyy") {
					yearSelected = parseInt(aData[i], 10);
					tokensChanged++;
				}else
				if(aFormat[i]=="mmm") {

					for(j=0; j<12;	j++) {
						if (aData[i]==monthName[j]) {
							monthSelected=j;
							tokensChanged++;
						}
					}
				} else
				if(aFormat[i]=="mmmm") {
					for(j=0; j<12;	j++) {
						if (aData[i]==monthName2[j]) {
							monthSelected=j;
							tokensChanged ++;
						}
					}
				}
			}
		}
		

		if((tokensChanged!=3) || isNaN(dateSelected) || isNaN(monthSelected) || isNaN(yearSelected)) {
			dateSelected = dateNow;
			monthSelected =	monthNow;
			yearSelected = yearNow;
			
		}
		odateSelected=dateSelected;
		omonthSelected=monthSelected;
		oyearSelected=yearSelected;
		
		aTag = ctl;
		do {
			  aTag = aTag.offsetParent;
			     leftpos += aTag.offsetLeft;
			     toppos += aTag.offsetTop;
			     if(aTag.tagName == "DIV")break;
			    }  while(aTag.tagName!="BODY");

		cleft =	fixedX==-1 ? ctl.offsetLeft	+ leftpos :	fixedX;
		ctop = fixedY==-1 ?	ctl.offsetTop +	ctl.offsetHeight + toppos :	fixedY;

		constructCalendar (1, monthSelected, yearSelected);

		bShow = true;
		ctlNow = ctl;
	}
}

// 달력 input 클릭시 input 값 clear;
function calendar_input(ctl, ctl2, format){	
	ctl.value = "";
	calendar(ctl, ctl2, format);
}

init();