// 달력을 나타낼 위치 컨트롤 ///////////////////////////////////////////////////////////////
function positionInfo(object) {

  var p_elm = object;

  this.getElementLeft = getElementLeft;
  function getElementLeft() {
    var x = 0;
    var elm;
    if(typeof(p_elm) == "object"){
      elm = p_elm;
    } else {
      elm = document.getElementById(p_elm);
    }
    while (elm != null) {
      x+= elm.offsetLeft;
      elm = elm.offsetParent;
    }
    return parseInt(x);
  }

  this.getElementWidth = getElementWidth;
  function getElementWidth(){
    var elm;
    if(typeof(p_elm) == "object"){
      elm = p_elm;
    } else {
      elm = document.getElementById(p_elm);
    }
    return parseInt(elm.offsetWidth);
  }

  this.getElementRight = getElementRight;
  function getElementRight(){
    return getElementLeft(p_elm) + getElementWidth(p_elm);
  }

  this.getElementTop = getElementTop;
  function getElementTop() {
    var y = 0;
    var elm;
    if(typeof(p_elm) == "object"){
      elm = p_elm;
    } else {
      elm = document.getElementById(p_elm);
    }
    while (elm != null) {
      y+= elm.offsetTop;
      elm = elm.offsetParent;
    }
    return parseInt(y);
  }

  this.getElementHeight = getElementHeight;
  function getElementHeight(){
    var elm;
    if(typeof(p_elm) == "object"){
      elm = p_elm;
    } else {
      elm = document.getElementById(p_elm);
    }
    return parseInt(elm.offsetHeight);
  }

  this.getElementBottom = getElementBottom;
  function getElementBottom(){
    return getElementTop(p_elm) + getElementHeight(p_elm);
  }
}
////////////////////////////////////////////////////////////////////////////////////////////////////

// 달력 컨트롤 ///////////////////////////////////////////////////////////////////////////////////
function CalendarControl() {

  var calendarId = 'CalendarControl';
  var currentYear = 0;
  var currentMonth = 0;
  var currentDay = 0;

  var selectedYear = 0;
  var selectedMonth = 0;
  var selectedDay = 0;

  var months = ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'];
  var dateField = null;

  var calendarMode = null;		// 날짜 정보 선택 구분(일간, 주간(Weekly))
  var actionForm = null;				// 날짜 지정으로 실행할 폼이 존재한다면 해당 폼 id값
  var controlMode = null;			// 컨트롤 모드 지정(search(검색관련), statistics(통계관련, Top100등등..))

  function getProperty(p_property){
    var p_elm = calendarId;
    var elm = null;

    if(typeof(p_elm) == "object"){
      elm = p_elm;
    } else {
      elm = document.getElementById(p_elm);
    }
    if (elm != null){
      if(elm.style){
        elm = elm.style;
        if(elm[p_property]){
          return elm[p_property];
        } else {
          return null;
        }
      } else {
        return null;
      }
    }
  }

  function setElementProperty(p_property, p_value, p_elmId){
    var p_elm = p_elmId;
    var elm = null;

    if(typeof(p_elm) == "object"){
      elm = p_elm;
    } else {
      elm = document.getElementById(p_elm);
    }
    if((elm != null) && (elm.style != null)){
      elm = elm.style;
      elm[ p_property ] = p_value;
    }
  }

  function setProperty(p_property, p_value) {
    setElementProperty(p_property, p_value, calendarId);
  }

  function getDaysInMonth(year, month) {
    return [31,((!(year % 4 ) && ( (year % 100 ) || !( year % 400 ) ))?29:28),31,30,31,30,31,31,30,31,30,31][month-1];
  }

  function getDayOfWeek(year, month, day) {
    var date = new Date(year,month-1,day)
    return date.getDay();
  }

  // 추가사항 ////////////////////////////////////////////////////////////////////////////////////
  function DateToString(year, month, day) {
	  var dateInfo = [];
  	  dateInfo.push(year);
	  dateInfo.push(month);
	  dateInfo.push(day);
	  return dateInfo.join("");
  }
  //////////////////////////////////////////////////////////////////////////////////////////////////

  this.clearDate = clearDate;
  function clearDate() {
    //dateField.value = '';
	if(typeof dateField == 'string') {
		  targetField = document.getElementById(dateField);
	  } else {
		  targetField = dateField;
	 }
	 targetField.value = '';

    hide();
  }

  this.setDate = setDate;
  function setDate(year, month, day) {

	var today = new Date();
	var yesterday = new Date(today.getFullYear(), today.getMonth(), today.getDate()-1);
	var targetDay = new Date(year, month-1, day);

	// 현재 달력 사용컨트롤 용도가 Top100등의 통계(statistics)일경우 그전날 기준으로 비교하고
	// 일반 검색시에는 당일까지 범위를 지정할 수 있어야 하므로
	var dateCheck = (controlMode == 'statistics') ? (yesterday >= targetDay) : (today > targetDay);

	// 이동하려는 날짜가 미래일 경우 제어
//	if(new Date() > new Date(year, month-1, day)) {
//	if(yesterday >= targetDay) {
	if(dateCheck) {

		if (dateField) {
		  if (month < 10) {month = "0" + month;}
		  if (day < 10) {day = "0" + day;}
		  //var dateString = year+"-"+month+"-"+day;

		  var dateString = DateToString(year, month, day);

		//dateField.value = dateString;
		  if(typeof dateField == 'string') {
			  targetField = document.getElementById(dateField);
		  } else {
			  targetField = dateField;
		 }
		 targetField.value = dateString;

		// 추가 /////////////////////////////////////////////////////////////////////////////////////////////
		if(document.getElementById('broad_date_txt')) {
			document.getElementById('broad_date_txt').value = year + "년 " + month + "월 " + day + "일";
		}

		// 날짜선택으로 submit할 폼이 설정되어 있으면 submit함.
		if(actionForm != null) {
			document.getElementById(actionForm).submit();
		}
		/////////////////////////////////////////////////////////////////////////////////////////////////////

//		  hide();
		}

	} else {
		alert('선택하신 일자 정보로 검색할 수 없습니다.');
		return;
	}

      hide();

    return;
  }

	/* 추가--------------------------------------------------- */
	// 버튼으로 날짜 변경
  this.changeDay = changeDay;
  function changeDay(change) {
	dateField = (typeof dateField == 'string') ? document.getElementById(dateField) : dateField;

	dateString = dateField.value;

	currentMonth = parseInt(dateString.substr(4,2),10);
    currentDay = parseInt(dateString.substr(6,2),10);
    currentYear = parseInt(dateString.substr(0,4),10);

	daysInMonth = getDaysInMonth(currentYear, currentMonth);

    currentDay += change;

	if(currentDay > daysInMonth) {
		currentDay = 1;
		currentMonth++;
	} else if(currentDay < 1) {
		currentMonth--;		
	}

	if(currentMonth > 12) {
      currentMonth = 1;
      currentYear++;
    } else if(currentMonth < 1) {
      currentMonth = 12;
      currentYear--;
    }
	
	if(currentDay < 1) {
		currentDay = getDaysInMonth(currentYear, currentMonth);
	}

	setDate(currentYear, currentMonth, currentDay);

  }

  this.setCalendarMode = setCalendarMode;
  function setCalendarMode(cMode) {
	calendarMode = cMode;
  }

  this.getWeek = getWeek;
  function getWeek(year, month, day) {

	// 선택한 날짜 /////////////////////////////////////////////////////////////////////////////
	var select_day = new Date(year, month-1, day);

	var sYear = select_day.getFullYear();
	var sMonth = select_day.getMonth()+1;
	var sDay = select_day.getDate();

	if(sMonth  < 10) { sMonth = "0" + sMonth; }
	if(sDay  < 10) { sDay = "0" + sDay; }

     if(typeof dateField == 'string') {
		  targetField = document.getElementById(dateField);
	  } else {
		  targetField = dateField;
	 }
	 targetField.value = DateToString(sYear, sMonth, sDay);
	 //////////////////////////////////////////////////////////////////////////////////////////////

	// 해당 주차의 시작 날짜와 끝날짜 ////////////////////////////////////////////////////////
	var selectDay = select_day.getDay();

	if(selectDay == 0) {				// 일요일이면 지정일을 마지막으로 설정
		var search_first_day = new Date(year, month-1, day-6);
		var search_end_day = select_day;
	} else {
		var search_first_day = (selectDay > 0 ) ? new Date(year, month-1, day-selectDay+1) : new Date(year, month-1, day);
		var search_end_day = (selectDay < 7 ) ? new Date(year, month-1, day+(7-selectDay)) : new Date(year, month-1, day);
	}

	// 시작 날짜
	var sdYear = search_first_day.getFullYear();
	var sdMonth = search_first_day.getMonth()+1;
	var sdDay = search_first_day.getDate();

	// 끝날짜
	var edYear = search_end_day.getFullYear();
	var edMonth = search_end_day.getMonth()+1;
	var edDay = search_end_day.getDate();

	var today = new Date();
	var yesterday = new Date(today.getFullYear(), today.getMonth(), today.getDate()-1);
	var lastDayOfLastWeek = new Date(yesterday.getFullYear(), yesterday.getMonth(), (yesterday.getDate()-7)+(7-yesterday.getDay()));
	var firstDayOfTargetWeek = new Date(sdYear, sdMonth-1, sdDay);

	// 지난주 마지막날짜보다 선택한 주의 첫날짜가 나중이면 결과조회 방지
	if(firstDayOfTargetWeek < lastDayOfLastWeek) {

		if(sdMonth  < 10) { sdMonth = "0" + sdMonth; }
		if(sdDay  < 10) { sdDay = "0" + sdDay; }

		if(document.getElementById('start_date')) {
			document.getElementById('start_date').value = DateToString(sdYear, sdMonth, sdDay);
		}

		if(edMonth  < 10) { edMonth = "0" + edMonth; }
		if(edDay  < 10) { edDay = "0" + edDay; }

		if(document.getElementById('end_date')) {
			document.getElementById('end_date').value = DateToString(edYear, edMonth, edDay);
		}
	  
		if(document.getElementById('start_date_txt') && document.getElementById('end_date_txt')) {
			document.getElementById('start_date_txt').value = sdYear + "년 " + sdMonth + "월 " + sdDay + "일";
			document.getElementById('end_date_txt').value = edYear + "년 " + edMonth + "월 " + edDay + "일";
		}
		//////////////////////////////////////////////////////////////////////////////////////////////

		// 날짜선택으로 submit할 폼이 설정되어 있으면 submit함. ///////////////////////////
		if(actionForm != null) {
			document.getElementById(actionForm).submit();
		}
		//////////////////////////////////////////////////////////////////////////////////////////////

	} else {
		alert('선택하신 일자 정보로 검색할 수 없습니다.');
		return;
	}

	hide();

  }

  // 버튼으로 주차 변경 ///////////////////////////////////////////////////////////////////////
  this.changeWeek = changeWeek;
  function changeWeek(change) {

	if(typeof change == 'undefined') { change = 0; }

	dateField = (typeof dateField == 'string') ? document.getElementById(dateField) : dateField;

	dateString = dateField.value;

	currentMonth = parseInt(dateString.substr(4,2),10);
    currentDay = parseInt(dateString.substr(6,2),10);
    currentYear = parseInt(dateString.substr(0,4),10);

	daysInMonth = getDaysInMonth(currentYear, currentMonth);

    currentDay = currentDay + change;

	if(currentDay > daysInMonth) {
		currentDay = 1;
		currentMonth++;
	} else if(currentDay < 1) {
		currentMonth--;
		if(currentMonth < 1) {
			currentYear--;
			currentMonth = 12;
		}
		currentDay = getDaysInMonth(currentYear, currentMonth) + currentDay;
	}

	if(currentMonth > 12) {
      currentMonth = 1;
      currentYear++;
    } else if(currentMonth < 1) {
      currentMonth = 12;
      currentYear--;
    }

	this.getWeek(currentYear, currentMonth, currentDay);

  }
  //////////////////////////////////////////////////////////////////////////////////////////////

  // 날짜 지정후 실행할 폼 id값 설정 ////////////////////////////////////////////////////////
  this.setActionForm = setActionForm;
  function setActionForm(formID) {
	actionForm = formID;
  }
  //////////////////////////////////////////////////////////////////////////////////////////////

 // 날짜 지정시 구분할 컨트롤 모드(search(검색관련), statistics(통계관련, Top100등등..)) //
  this.setControlMode = setControlMode;
  function setControlMode(cMode) {
	controlMode = cMode;
  }
  //////////////////////////////////////////////////////////////////////////////////////////////
  /*------------------------------------------------------------*/

  this.changeMonth = changeMonth;
  function changeMonth(change) {
//    currentMonth += change;
	currentMonth = parseInt(change, 10);
    currentDay = 0;
    if(currentMonth > 12) {
      currentMonth = 1;
      currentYear++;
    } else if(currentMonth < 1) {
      currentMonth = 12;
      currentYear--;
    }

    calendar = document.getElementById(calendarId);
    calendar.innerHTML = calendarDrawTable();
  }

  this.changeYear = changeYear;
  function changeYear(change) {
	//currentYear += change;
	currentYear = change;
    currentDay = 0;
    calendar = document.getElementById(calendarId);
    calendar.innerHTML = calendarDrawTable();
  }

  function getCurrentYear() {
    var year = new Date().getYear();
    if(year < 1900) year += 1900;
    return year;
  }

  function getCurrentMonth() {
    return new Date().getMonth() + 1;
  } 

  function getCurrentDay() {
    return new Date().getDate();
  }

  function calendarDrawTable() {

    var dayOfMonth = 1;
    var validDay = 0;
    var startDayOfWeek = getDayOfWeek(currentYear, currentMonth, dayOfMonth);
    var daysInMonth = getDaysInMonth(currentYear, currentMonth);
    var css_class = null; //CSS class for each day

	var thisYear = getCurrentYear();			// 추가 변경사항(년도 정보 지정을 위한)

	var targetYear = Math.max(thisYear, currentYear);

	var table = '<div>';
	table += '		<select id="" onchange="changeCalendarControlYear(this.value)">';

	if(controlMode == 'statistics') {			// 통계
		var search_Start = targetYear;
		var search_End = targetYear + 5;
	} else {												// 검색
		var search_Start = targetYear - 10;
		var search_End = targetYear;
	}

	for(var y=search_Start; y<=search_End; y++) {
		var selected = (currentYear == y) ? " selected='selected'" : "";
		table += '			<option value="' + y + '"' + selected + '>' + y + '년</option>';
	}

	table += '		</select>';
	table += '		<select id="" onchange="changeCalendarControlMonth(this.value)">';

	for(var m=1; m<=12; m++) {
		var selected = (currentMonth == m) ? " selected='selected'" : "";
		table += '			<option value="' + m + '"' + selected + '>' + m + '월</option>';
	}	

	table += '		</select>';
	table += '		<a href="#" onclick="hideCalendarControl();return false;"><img src="../images/popup/btn_close1.gif" alt="닫기" /></a>';
	table += '	</div>';

	if(calendarMode == 'Week') {
		table += '	<table class="calendarTblType1 weeklyCalendarType" summary="">';
	} else {
		table += '	<table class="calendarTblType1" summary="">';
	}

	table += '		<thead>';
	table += '		<tr>';
	table += '			<th>월</th><th>화</th><th>수</th><th>목</th><th>금</th><th>토</th><th>일</th>';
	table += '		</tr>';
	table += '		</thead>';
	table += '		<tbody>';


    for(var week=0; week < 6; week++) {

	  if(calendarMode == 'Week') {
	      table = table + "<tr onmouseover=\"this.className='over'\" onmouseout=\"this.className='';\" onclick=\"\">";
	  } else {
		table = table + "<tr>";
	  }

      for(var dayOfWeek=1; dayOfWeek <= 7; dayOfWeek++) {
        if(week == 0) {
			if(startDayOfWeek == 0 && dayOfWeek == 7 || startDayOfWeek == dayOfWeek) {
	          validDay = 1;
			}
        } else if (validDay == 1 && dayOfMonth > daysInMonth) {
          validDay = 0;
        }

        if(validDay) {

			if(calendarMode == 'Week') {

   	          table += "<td><a href=\"javascript:getWeekInfo("+currentYear+","+currentMonth+","+dayOfMonth+")\" onfocus=\"this.blur();\">"+dayOfMonth+"</a></td>";

			} else {

			  if (dayOfMonth == selectedDay && currentYear == selectedYear && currentMonth == selectedMonth) {
				css_class = 'on';				//'current';
			  } else if (dayOfWeek == 0 || dayOfWeek == 6) {
				css_class = 'weekend';
			  } else {
				css_class = 'weekday';
			  }

			  table += "<td class='"+css_class+"'><a href=\"javascript:setCalendarControlDate("+currentYear+","+currentMonth+","+dayOfMonth+")\">"+dayOfMonth+"</a></td>";

			}

          dayOfMonth++;
        } else {
          table += "<td class='empty'>&nbsp;</td>";
        }
      }
      table += "</tr>";
    }
	table += '		</tbody>';
    table += "</table>";

    return table;
  }

  this.show = show;
  function show(field, clickObj, mode) {
  
    // If the calendar is visible and associated with
    // this field do not do anything.
    if (dateField == field) {
      return;
    } else {
      dateField = field;
    }

	// 추가 /////////////////////////////////////////////////////////////////////
	if(typeof dateField == 'string') {
		dateField = document.getElementById(dateField);
	};

	if(typeof clickObj == 'string') {
		clickObj = document.getElementById(clickObj);
	};
	////////////////////////////////////////////////////////////////////////////

    if(dateField) {
      try {
        var dateString = new String(dateField.value);

		selectedMonth = parseInt(dateString.substr(4,2),10);
        selectedDay = parseInt(dateString.substr(6,2),10);
        selectedYear = parseInt(dateString.substr(0,4),10);

      } catch(e) {}
    }

    if (!(selectedYear && selectedMonth && selectedDay)) {
      selectedMonth = getCurrentMonth();
      selectedDay = getCurrentDay();
      selectedYear = getCurrentYear();
    }

    currentMonth = selectedMonth;
    currentDay = selectedDay;
    currentYear = selectedYear;

	if(mode != 'hidden') {				// 날짜만 변경시 달력이 안나오도록.. 추가함

		if(document.getElementById){

		  calendar = document.getElementById(calendarId);
		  calendar.innerHTML = calendarDrawTable(currentYear, currentMonth);

		  setProperty('display', 'block');

		  //var fieldPos = new positionInfo(dateField);
		  var fieldPos = (clickObj == null) ? new positionInfo(dateField) : new positionInfo(clickObj);
		  var calendarPos = new positionInfo(calendarId);

		  // 공통 인클루드 파일로 인해 좌표값이 변경되어 부득이하게 변경
		  var x = fieldPos.getElementLeft() - 210;
		  var y = fieldPos.getElementBottom() -20;

		  setProperty('left', x + "px");
		  setProperty('top', y + "px");
		}

	}
  }

  this.hide = hide;
  function hide() {
    if(dateField) {
      setProperty('display', 'none');
      dateField = null;
    }
  }

  this.visible = visible;
  function visible() {
    return dateField
  }
}
////////////////////////////////////////////////////////////////////////////////////////////////////


var calendarControl = new CalendarControl();

// textField : 날짜정보가 입력되는 input 요소의 id
// clickObj : 달력 로드를 위한 클릭요소(a태그 등)의 객체 정보나 달력이미지의 id 값(이 값을 지정하지 않으면 textField의 위치 정보를 참조함)
// mode : 달력이미지의 클릭이 아닌 좌우버튼을 통한 날짜 이동시 달력을 보여주지 않기 위한 값(hidden이면 안보여줌)
// cMode : 날짜선택 구분(주간(Week), 일간은 미정)
function showCalendarControl(textField, clickObj, mode, cMode) {
  if(cMode) {
	  setCalendarMode(cMode);
  }
  calendarControl.show(textField, clickObj, mode);
}

function clearCalendarControl() {
  calendarControl.clearDate();
}

// 달력 감추기
function hideCalendarControl(flag) {
  if (calendarControl.visible()) {
    if (flag) {
      calendarControl.hide();
    } else {
      window.setTimeout('hideCalendarControl(true)',200);
    }
  }
}

// 날짜지정
function setCalendarControlDate(year, month, day) {
  calendarControl.setDate(year, month, day);
}

// 년도 정보 변경
function changeCalendarControlYear(change) {
  calendarControl.changeYear(change);
}

// 월 정보 변경
function changeCalendarControlMonth(change) {
  calendarControl.changeMonth(change);
}

// 추가 /////////////////////////////////////////////////////////////////////
// 일자 정보 변경 by 좌우 버튼
function changeCalendarControlDay(change) {
  showCalendarControl('broad_date', null, 'hidden');
  calendarControl.changeDay(change);
}

// 날짜 정보 선택 구분(일간, 주간)
function setCalendarMode(cMode) {
	calendarControl.setCalendarMode(cMode);
}

// 주간 정보 지정
function getWeekInfo(year, month, day) {
	calendarControl.getWeek(year, month, day);
}

// 주간 정보 변경 by 좌우 버튼
function changeWeekInfo(change) {
	showCalendarControl('broad_date', null, 'hidden');
	calendarControl.changeWeek(change);
}

// 날짜 지정으로 실행할 폼이 존재한다면 해당 폼 id값 지정
function setActionForm(formID) {
	calendarControl.setActionForm(formID);
}

// 컨트롤 모드 지정(search(검색관련), statistics(통계관련, Top100등등..))
function setControlMode(cMode) {
	calendarControl.setControlMode(cMode);
}
/////////////////////////////////////////////////////////////////////////////

document.write("<div id='CalendarControl' style='position:absolute;background-color:#FFF;margin:0;padding:5px;display:none;z-index: 100;border: 1px solid #737373;'></div>");