var target;
var pop_top;
var pop_left;
var cal_Day;
//var oPopup = window.createPopup();

function Calendar_Click(e) {
    cal_Day = e.title;
    if (cal_Day.length > 6) {
        target.value = cal_Day
    }
  
  
  var cal = document.getElementById("kCalendar");
 cal.style.display='none';  
  
    //oPopup.hide();
}

function Calendar_D(obj) {
var obj;
    if(obj == "txtsDate"){
         obj = document.getElementById("txtsDate");
     }else{
        obj = document.getElementById("txteDate");
     }
     
    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_M(obj) {
   
   var obj;
   var flag;
    if(obj == "txtsDate"){
         obj = document.getElementById("txtsDate");
     }else{
        obj = document.getElementById("txteDate");
     }
    
    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 == 2) {
        Show_cal_M(now[0], now[1]);
    } else {
        now = new Date();
        Show_cal_M(now.getFullYear(), now.getMonth() + 1);
    }
}

function doOver(e) {


    if (document.all)
		el = window.event.srcElement;
	else if (document.getElementById)
		el=e.target
	
	cal_Day = el.title;

	if (cal_Day.length > 7) {													// 날자 값이 있으면.
		 el.style.borderColor = "#FF0000";
	}
	
}

function doOut(e) {
	var el;
	
	if (document.all)
		el = window.event.srcElement;
	else if (document.getElementById)
		el=e.target
	cal_Day = el.title;

	if (cal_Day.length > 7) {
		el.style.borderColor = "white";
	}
}

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:월요일)
    //intSecondWeekday = intFirstWeekday;
    intThirdWeekday = intFirstWeekday;

    datThisDay = new Date(intThisYear, intThisMonth, intThisDay); // 넘어온 값의 날자 생성
    //intThisWeekday = datThisDay.getDay();										// 넘어온 날자의 주 요일

    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><body>";
   // Cal_HTML += "<form name='calendar'>";
   
   
    
    //Cal_HTML += "<table id='Cal_Table' border='0' bgcolor='#f4f4f4' cellpadding='1' cellspacing='1' width='100%' onmouseover='parent.doOver(event)' onmouseout='parent.doOut(event)' style='font-size : 12;font-family:굴림;'>";
    
    
    
    
    if (window.addEventListener) { // W3C 이벤트 모델
        Cal_HTML = "<TABLE WIDTH=160 BORDER=0 CELLPADDING=0 CELLSPACING=0 ONMOUSEOVER='javascript:doOver(event);' ONMOUSEOUT='javascript:doOut(event);' STYLE='font-size:8pt;font-family:Tahoma;'>"  
    } else if (window.attachEvent) { // IE
        Cal_HTML = "<TABLE WIDTH=160 BORDER=0 CELLPADDING=0 CELLSPACING=0 ONMOUSEOVER='javascript:doOver(event);' ONMOUSEOUT='javascript:doOut(event);' STYLE='font-size:8pt;font-family:Tahoma;'>"  
    }
    
    
    
    
    
    Cal_HTML += "<tr height='35' align=center bgcolor='#f4f4f4'>";
    Cal_HTML += "<td colspan=7 align=center>";
    //Cal_HTML += "	<select name='selYear' STYLE='font-size:11;' OnChange='javascript:fnChangeYearD(calendar.selYear.value, calendar.selMonth.value, " + intThisDay + ");'>";
    Cal_HTML += "  <select name='selYear' STYLE='font-size:11; height:18' OnChange='javascript:fnChangeYearD(this.value, "+intThisMonth+", " + intThisDay + ");'>";
    
    for (var optYear = (intThisYear - 2); optYear < (intThisYear + 2); optYear++) {
        Cal_HTML += "		<option value='" + optYear + "' ";
        if (optYear == intThisYear) Cal_HTML += " selected>\n";
        else Cal_HTML += ">\n";
        Cal_HTML += optYear + "</option>\n";
    }
    Cal_HTML += "	</select>";
    Cal_HTML += "&nbsp;&nbsp;&nbsp;<a style='cursor:hand;' OnClick='Show_cal(" + intPrevYear + "," + intPrevMonth + "," + intThisDay + ");'>◀</a> ";
    Cal_HTML += "  <select name='selYear' STYLE='font-size:11; height: 18;' OnChange='javascript:fnChangeYearD("+intThisYear+", this.value, " + intThisDay + ");'>";
    for (var i = 1; i < 13; i++) {
        Cal_HTML += "		<option value='" + Month_Val[i - 1] + "' ";
        if (intThisMonth == parseInt(Month_Val[i - 1], 10)) Cal_HTML += " selected>\n";
        else Cal_HTML += ">\n";
        Cal_HTML += Month_Val[i - 1] + "</option>\n";
    }
    Cal_HTML += "	</select>&nbsp;";
    Cal_HTML += "<a style='cursor:hand;' OnClick='Show_cal(" + intNextYear + "," + intNextMonth + "," + intThisDay + ");'>▶</a>";
    Cal_HTML += "</td></tr>";
    Cal_HTML += "<tr align=center bgcolor='#87B3D6' style='color:#2065DA;' height='25'>";
    Cal_HTML += "	<td style='padding-top:3px;' width='24'><font color=black>일</font></td>";
    Cal_HTML += "	<td style='padding-top:3px;' width='24'><font color=black>월</font></td>";
    Cal_HTML += "	<td style='padding-top:3px;' width='24'><font color=black>화</font></td>";
    Cal_HTML += "	<td style='padding-top:3px;' width='24'><font color=black>수</font></td>";
    Cal_HTML += "	<td style='padding-top:3px;' width='24'><font color=black>목</font></td>";
    Cal_HTML += "	<td style='padding-top:3px;' width='24'><font color=black>금</font></td>";
    Cal_HTML += "	<td style='padding-top:3px;' width='24'><font color=black>토</font></td>";
    Cal_HTML += "</tr>";

    for (intLoopWeek = 1; intLoopWeek < 7; intLoopWeek++) {	// 주단위 루프 시작, 최대 6주
        Cal_HTML += "<tr height='24' align=right bgcolor='white'>"
        for (intLoopDay = 1; intLoopDay <= 7; intLoopDay++) {	// 요일단위 루프 시작, 일요일 부터
            if (intThirdWeekday > 0) {											// 첫주 시작일이 1보다 크면
                Cal_HTML += "<td>";
                intThirdWeekday--;
            } else {
                if (thirdPrintDay > intLastDay) {								// 입력 날짝 월말보다 크다면
                    Cal_HTML += "<td>";
                } else {																// 입력날짜가 현재월에 해당 되면
                    Cal_HTML += "<td onClick=Calendar_Click(this); title=" + intThisYear + "-" + day2(intThisMonth).toString() + "-" + day2(thirdPrintDay).toString() + " style=\"cursor:Hand;border:1px solid white;";
                    if (intThisYear == NowThisYear && intThisMonth == NowThisMonth && thirdPrintDay == intThisDay) {
                        Cal_HTML += "background-color:#C6F2ED;";
                    }

                    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 += "</table></form></body></html>";
 
 
 
 var cal = document.getElementById("kCalendar");
 cal.style.display='';
 cal.style.position = "absolute";
 cal.style.border = "solid black 1px";
 
 
 var cal = document.getElementById("kCalendar");
 cal.style.display='';
 cal.style.position = "absolute";
 cal.style.border = "solid black 1px";
 
 
 if (window.addEventListener) { // W3C 이벤트 모델
    cal.style.top = (pop_top + 19) + 'px';
    cal.style.left = pop_left + 'px';
   
 } else if (window.attachEvent) { // IE
    cal.style.top = (pop_top + 19) + 'px';
    cal.style.left = pop_left + 'px';
 }
 
 
 
 cal.innerHTML = Cal_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.Cal_Table.offsetHeight;
//    //행이 6개 행인지, 5개인지 구분
//    if (intLoopWeek == 6) calHeight = 214;
//    else calHeight = 189;

//    oPopup.show(pop_left, (pop_top + target.offsetHeight), 170, calHeight, document.body);
    
   
}


function Show_cal_M(sYear, sMonth) {
    var intThisYear = new Number(), intThisMonth = new Number()
    datToday = new Date(); 												// 현재 날자 설정

    intThisYear = parseInt(sYear, 10);
    intThisMonth = parseInt(sMonth, 10);

    if (intThisYear == 0) intThisYear = datToday.getFullYear(); 			// 값이 없을 경우
    if (intThisMonth == 0) intThisMonth = parseInt(datToday.getMonth(), 10) + 1; // 월 값은 실제값 보다 -1 한 값이 돼돌려 진다.

    switch (intThisMonth) {
        case 1:
            intPrevYear = intThisYear - 1;
            intNextYear = intThisYear;
            break;
        case 12:
            intPrevYear = intThisYear;
            intNextYear = intThisYear + 1;
            break;
        default:
            intPrevYear = intThisYear;
            intNextYear = intThisYear;
            break;
    }
    intPPyear = intThisYear - 1
    intNNyear = intThisYear + 1

//    Cal_HTML = "<html><head>\n";
//    Cal_HTML += "</head><body>\n";
//    
    Cal_HTML += "<table id='Cal_Table' border='1' bgcolor='#f4f4f4' cellpadding='1' cellspacing='1' width='100%' onmouseover='javascript:doOver(event)' onmouseout='javascript:doOut(event)' style='font-size : 12;font-family:굴림;'>\n";
    Cal_HTML += "<tr height='30' align=center bgcolor='#f4f4f4'>\n";
    Cal_HTML += "<td colspan='4' align='center'>\n";
    Cal_HTML += "<a style='cursor:hand;' OnClick='Show_cal_M(" + intPPyear + "," + intThisMonth + ");'>◀</a>&nbsp;";
    Cal_HTML += "<select name='selYear' STYLE='font-size:11; height:18;' OnChange='fnChangeYearM(this.value, " + intThisMonth + ")';>";
    for (var optYear = (intThisYear - 2); optYear < (intThisYear + 2); optYear++) {
        Cal_HTML += "		<option value='" + optYear + "' ";
        if (optYear == intThisYear) Cal_HTML += " selected>\n";
        else Cal_HTML += ">\n";
        Cal_HTML += optYear + "</option>\n";
    }
    Cal_HTML += "	</select>\n";
    Cal_HTML += "<a style='cursor:hand;' OnClick='Show_cal_M(" + intNNyear + "," + intThisMonth + ");'>▶</a>";
    Cal_HTML += "</td></tr>\n";
    Cal_HTML += "<tr><td colspan=4 height='1' bgcolor='#000000'></td></tr>";
    Cal_HTML += "<tr height='20' align=center bgcolor=white>";
    Cal_HTML += "<td onClick=parent.Calendar_Click(this); title=" + intThisYear + "-01" + " style=\"cursor:Hand;\">1월</td>";
    Cal_HTML += "<td onClick=parent.Calendar_Click(this); title=" + intThisYear + "-02" + " style=\"cursor:Hand;\">2월</td>";
    Cal_HTML += "<td onClick=parent.Calendar_Click(this); title=" + intThisYear + "-03" + " style=\"cursor:Hand;\">3월</td>";
    Cal_HTML += "<td onClick=parent.Calendar_Click(this); title=" + intThisYear + "-04" + " style=\"cursor:Hand;\">4월</td>";
    Cal_HTML += "</tr>\n";
    Cal_HTML += "<tr height='20' align=center bgcolor=white>";
    Cal_HTML += "<td onClick=parent.Calendar_Click(this); title=" + intThisYear + "-05" + " style=\"cursor:Hand;\">5월</td>";
    Cal_HTML += "<td onClick=parent.Calendar_Click(this); title=" + intThisYear + "-06" + " style=\"cursor:Hand;\">6월</td>";
    Cal_HTML += "<td onClick=parent.Calendar_Click(this); title=" + intThisYear + "-07" + " style=\"cursor:Hand;\">7월</td>";
    Cal_HTML += "<td onClick=parent.Calendar_Click(this); title=" + intThisYear + "-08" + " style=\"cursor:Hand;\">8월</td>";
    Cal_HTML += "</tr>\n";
    Cal_HTML += "<tr height='20' align=center bgcolor=white>";
    Cal_HTML += "<td onClick=parent.Calendar_Click(this); title=" + intThisYear + "-09" + " style=\"cursor:Hand;\">9월</td>";
    Cal_HTML += "<td onClick=parent.Calendar_Click(this); title=" + intThisYear + "-10" + " style=\"cursor:Hand;\">10월</td>";
    Cal_HTML += "<td onClick=parent.Calendar_Click(this); title=" + intThisYear + "-11" + " style=\"cursor:Hand;\">11월</td>";
    Cal_HTML += "<td onClick=parent.Calendar_Click(this); title=" + intThisYear + "-12" + " style=\"cursor:Hand;\">12월</td>";
    Cal_HTML += "</tr>\n";
    Cal_HTML += "</table>\n";
   
    
 
 var cal = document.getElementById("kCalendar");
 cal.style.display='';
 cal.style.position = "absolute";
 cal.style.border = "solid black 1px";
 
 if (window.addEventListener) { // W3C 이벤트 모델
    cal.style.top = (pop_top + 19) + 'px';
    cal.style.left = pop_left + 'px';
   
 } else if (window.attachEvent) { // IE
    cal.style.top = (pop_top + 19) + 'px';
    cal.style.left = pop_left + 'px';
 }
 
 cal.innerHTML = Cal_HTML;
 
//   Cal_HTML += "</body></html>";

//    var oPopBody = oPopup.document.body;
//    oPopBody.style.backgroundColor = "lightyellow";
//    oPopBody.style.border = "solid black 1px";
//    oPopBody.innerHTML = Cal_HTML;

//   oPopup.show(pop_left, (pop_top + target.offsetHeight), 160, 99, document.body);
   
}


//----------------------------------
//	일달력 년도리스트에서 년도 선택
//----------------------------------
function fnChangeYearD(sYear, sMonth, sDay) {
  
    Show_cal(sYear, sMonth, sDay);
}


//----------------------------------
//	월달력 년도리스트에서 년도 선택
//----------------------------------
function fnChangeYearM(sYear, sMonth) {

   
    Show_cal_M(sYear, sMonth);
    
}





/**
HTML 개체용 유틸리티 함수
**/
function GetObjectTop(obj) {
    if (obj.offsetParent == document.body)
        return obj.offsetTop;
    else
        return obj.offsetTop + GetObjectTop(obj.offsetParent);
}

function GetObjectLeft(obj) {
    if (obj.offsetParent == document.body)
        return obj.offsetLeft;
    else
        return obj.offsetLeft + GetObjectLeft(obj.offsetParent);
}