// JavaScript Document
// Date dropdown updating from calendar controls

// Begin calendar functions
function callCalendar1() {
    //Return the height and width of the screen, divide by 2, 
    // then subtract 1/2 of the new window width and height.
    var x = parseInt(screen.availHeight/2) - 100
    var y = parseInt(screen.availWidth/2) - 110
    var sField = "document.forms[0].txtFromDate" // set this to HTML form's id attribute value
    var dtFrom = document.forms[0].ddlFromMonth.value+"/"+
        document.forms[0].ddlFromDay.value+"/"+
        document.forms[0].ddlFromYear.value;
    var dtTo = document.forms[0].ddlToMonth.value+"/"+
        document.forms[0].ddlToDay.value+"/"+
        document.forms[0].ddlToYear.value;

    //alert("Calendar being called with: "+sField+", "+dtFrom+", "+dtTo);
    calendar_window = window.open('calendar.aspx?formname='+ sField +'&DateFrom='+ dtFrom + '&DateTo=' + dtTo + '', 'CalendarWindow1', 'resizable=yes, scrollbars=no, status=no, menubar=no, toolbar=no, width=220, height=220, top=' + x + ',left=' + y);
    calendar_window.focus();
}

function callCalendar2() {
    //Return the height and width of the screen, divide by 2, 
    // then subtract 1/2 of the new window width and height.
    var x = parseInt(screen.availHeight/2) - 100
    var y = parseInt(screen.availWidth/2) - 110
    var sField = "document.forms[0].txtToDate" // set this to HTML form's id attribute value
    var dtFrom = document.forms[0].ddlFromMonth.value+"/"+
        document.forms[0].ddlFromDay.value+"/"+
        document.forms[0].ddlFromYear.value;
    var dtTo = document.forms[0].ddlToMonth.value+"/"+
        document.forms[0].ddlToDay.value+"/"+
        document.forms[0].ddlToYear.value;

    //alert("Calendar being called with: "+sField+", "+dtFrom+", "+dtTo);
    calendar_window = window.open('calendar.aspx?formname='+ sField +'&DateFrom='+ dtFrom + '&DateTo=' + dtTo + '', 'CalendarWindow2', 'resizable=yes, scrollbars=no, status=no, menubar=no, toolbar=no, width=220, height=220, top=' + x + ',left=' + y);
    calendar_window.focus();
}

function fixCalendar1() {
    var vField = new String(document.forms[0].txtFromDate.value);
    var vFieldFinal = new String(vField.match(/\d+\/\d+\/\d\d\d\d/));
    var nMonthField = new Number(vFieldFinal.charAt(0)+vFieldFinal.charAt(1));
    nMonthField -= 1; //in Date object, month is zero-based
    var dField = new Date(
        vFieldFinal.charAt(6)+vFieldFinal.charAt(7)+vFieldFinal.charAt(8)+vFieldFinal.charAt(9), 
        nMonthField.toString(),
        vFieldFinal.charAt(3)+vFieldFinal.charAt(4));

//    alert("Called fixCalendar1: "+vField+", "+vFieldFinal+", "+dField);
//    alert("dField is: "+dField.getMonth()+", "+dField.getDate()+", "+dField.getFullYear());
    
    document.forms[0].ddlFromMonth.selectedIndex = dField.getMonth();
    document.forms[0].ddlFromDay.selectedIndex = dField.getDate()-1;
    setSelectValue(document.forms[0].ddlFromYear, dField.getFullYear());
    
    var dField7 = new Date(dField.valueOf() + 612000000);
    
    document.forms[0].ddlToMonth.selectedIndex = dField7.getMonth();
    document.forms[0].ddlToDay.selectedIndex = dField7.getDate()-1;
    setSelectValue(document.forms[0].ddlToYear, dField7.getFullYear());
    setToCalendar();
}

function fixCalendar2() {
    var vField = new String(document.forms[0].txtToDate.value);
    var vFieldFinal = new String(vField.match(/\d+\/\d+\/\d\d\d\d/));
    var nMonthField = new Number(vFieldFinal.charAt(0)+vFieldFinal.charAt(1));
    nMonthField -= 1; //in Date object, month is zero-based
    var dField = new Date(
        vFieldFinal.charAt(6)+vFieldFinal.charAt(7)+vFieldFinal.charAt(8)+vFieldFinal.charAt(9), 
        nMonthField.toString(),
        vFieldFinal.charAt(3)+vFieldFinal.charAt(4));

    //alert("Called fixCalendar2: "+vField+", "+vFieldFinal+", "+dField);
    //alert("dField is: "+dField.getMonth()+", "+dField.getDate()+", "+dField.getFullYear());
    document.forms[0].ddlToMonth.selectedIndex = dField.getMonth();
    document.forms[0].ddlToDay.selectedIndex = dField.getDate()-1;
    setSelectValue(document.forms[0].ddlToYear, dField.getFullYear());
}

function fixCalendar() {
  if (document.forms[0].txtDepartDate.value != "") {
      fixCalendar1();
  }
  if (document.forms[0].txtReturnDate.value != "") {
      fixCalendar2();
  }
  document.forms[0].txtDepartDate.value = "";
  document.forms[0].txtReturnDate.value = "";
}


function setToCalendar() {
    var vField = new String(document.forms[0].ddlFromMonth.value+"/"+
    document.forms[0].ddlFromDay.value+"/"+
    document.forms[0].ddlFromYear.value);
    
    var vFieldFinal = new String(vField.match(/\d+\/\d+\/\d\d\d\d/));
	var nMonthField = new Number(vFieldFinal.charAt(0)+vFieldFinal.charAt(1));
	var nYearField;
	var nDayField;
	
    if (isNaN(nMonthField)) {
		nMonthField = vFieldFinal.charAt(0);
		nDayField = new Number(vFieldFinal.charAt(2)+vFieldFinal.charAt(3));
		if (isNaN(nDayField)) {
			nDayField = vFieldFinal.charAt(2);
			nYearField = new Number(vFieldFinal.charAt(4)+vFieldFinal.charAt(5)+vFieldFinal.charAt(6)+vFieldFinal.charAt(7));
		}
		else
		{
		    nYearField = new Number(vFieldFinal.charAt(5)+vFieldFinal.charAt(6)+vFieldFinal.charAt(7)+vFieldFinal.charAt(8));
		}
    }
    else
    {
		nDayField = new Number(vFieldFinal.charAt(3)+vFieldFinal.charAt(4));
		if (isNaN(nDayField)) {
			nDayField = vFieldFinal.charAt(3);
			nYearField = new Number(vFieldFinal.charAt(5)+vFieldFinal.charAt(6)+vFieldFinal.charAt(7)+vFieldFinal.charAt(8));
		}
		else
		{
			nYearField = new Number(vFieldFinal.charAt(6)+vFieldFinal.charAt(7)+vFieldFinal.charAt(8)+vFieldFinal.charAt(9));
		}
    }

	nNights=7;
    nMonthField -= 1; //in Date object, month is zero-based
    
    var dField = new Date(
        nYearField.toString(), 
        nMonthField.toString(),
        nDayField.toString());

    var dField7 = new Date(dField.valueOf() + (nNights*24*60*60*1000)+7200000);
    document.forms[0].ddlToMonth.selectedIndex = dField7.getMonth();
    document.forms[0].ddlToDay.selectedIndex = dField7.getDate()-1;
     setSelectValue(document.forms[0].ddlToYear, dField7.getFullYear());
}

function setNights() {
	var nYearField = new String(document.forms[0].ddlFromYear.value);
	var nMonthField = new String(document.forms[0].ddlFromMonth.value - 1);
	var nDayField = new String(document.forms[0].ddlFromDay.value);

    var vFieldArv = new Date(
        nYearField.toString(), 
        nMonthField.toString(),
        nDayField.toString());
        
	nYearField = new String(document.forms[0].ddlToYear.value);
	nMonthField = new String(document.forms[0].ddlToMonth.value - 1);
	nDayField = new String(document.forms[0].ddlToDay.value);
    
    var vFieldDept = new Date(
        nYearField.toString(), 
        nMonthField.toString(),
        nDayField.toString());
    
    var nNights = new Number(vFieldDept.valueOf() - vFieldArv.valueOf());

    nNights = (nNights/24/60/60/1000);
	document.forms[0].txtNights.value = nNights;
}
// End calendar functions

function setSelectValue(fname, fvalue) {
  for (i=0; i < fname.length; i++) {
    if (fname.options[i].value == fvalue) {
      fname.selectedIndex = i;
      return;
    }
  }
  fname.selectedIndex = -1;
}

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 = ['January','February','March','April','May','June','July','August','September','October','November','December'];
  var dateField = null;

  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();
  }

  this.clearDate = clearDate;
  function clearDate() {
    dateField.value = '';
    hide();
  }

  this.setDate = setDate;
  function setDate(year, month, day) {
    if (dateField) {
      if (month < 10) {month = "0" + month;}
      if (day < 10) {day = "0" + day;}
      
      var dateFormat = new String(dateField.attributes[2].value);
      var doPostBack = new String(dateField.attributes[1].value);
      
       if(dateFormat == "uk") {
             var dateString = day+"/"+month+"/"+year;
        } else {
             var dateString = month+"/"+day+"/"+year;
        }
      dateField.value = dateString;
      hide();
    }
    return;
  }

  this.changeMonth = changeMonth;
  function changeMonth(change) {
    currentMonth += change;
    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;
    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 monthName = null;
    
    if(months[currentMonth-1].length > 4) {
        monthName = months[currentMonth-1].substring(0,3);
    } else {
        monthName = months[currentMonth-1];
    }
        
    

    var table = "<table cellspacing='0' cellpadding='0' border='0'>";
    table = table + "<tr class='header'>";
    table = table + "  <td colspan='2' class='previous'><a href='javascript:changeCalendarControlMonth(-1);'>&lt;</a>&nbsp;<a href='javascript:changeCalendarControlYear(-1);'>&laquo;</a></td>";
    table = table + "  <td colspan='3' class='title'>" + monthName + " " + currentYear + "</td>";
    table = table + "  <td colspan='2' class='next'><a href='javascript:changeCalendarControlYear(1);'>&raquo;</a>&nbsp;<a href='javascript:changeCalendarControlMonth(1);'>&gt;</a></td>";
    table = table + "</tr>";
    table = table + "<tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr>";

    for(var week=0; week < 6; week++) {
      table = table + "<tr>";
      for(var dayOfWeek=0; dayOfWeek < 7; dayOfWeek++) {
        if(week == 0 && startDayOfWeek == dayOfWeek) {
          validDay = 1;
        } else if (validDay == 1 && dayOfMonth > daysInMonth) {
          validDay = 0;
        }

        if(validDay) {
          if (dayOfMonth == selectedDay && currentYear == selectedYear && currentMonth == selectedMonth) {
            css_class = 'current';
          } else if (dayOfWeek == 0 || dayOfWeek == 6) {
            css_class = 'weekend';
          } else {
            css_class = 'weekday';
          }

          table = table + "<td><a class='"+css_class+"' href=\"javascript:setCalendarControlDate("+currentYear+","+currentMonth+","+dayOfMonth+")\">"+dayOfMonth+"</a></td>";
          dayOfMonth++;
        } else {
          table = table + "<td class='empty'>&nbsp;</td>";
        }
      }
      table = table + "</tr>";
    }

    table = table + "<tr class='header'><th colspan='3' style='padding: 2px;text-align:left;' ><a href='javascript:clearCalendarControl();'>Clear</a></th><th colspan='4' style='padding: 2px;text-align:right;' ><a href='javascript:hideCalendarControl();'>Close</a></td></tr>";
    table = table + "</table>";

    return table;
  }

  this.show = show;
  function show(field) {
    can_hide = 0;
  
    // If the calendar is visible and associated with
    // this field do not do anything.
    if (dateField == field) {
      return;
    } else {
      dateField = field;
    }

    if(dateField) {
      try {
        var dateString = new String(dateField.value);
        var dateFormat = new String(dateField.attributes[1].value);
        var dateParts = dateString.split("/");
        
        if(dateFormat == "uk") {
            selectedMonth = parseInt(dateParts[1],10);
            selectedDay = parseInt(dateParts[0],10);
            selectedYear = parseInt(dateParts[2],10);
        } else {
            selectedMonth = parseInt(dateParts[0],10);
            selectedDay = parseInt(dateParts[1],10);
            selectedYear = parseInt(dateParts[2],10);
        }
      } catch(e) {}
    }

    if (!(selectedYear && selectedMonth && selectedDay)) {
      selectedMonth = getCurrentMonth();
      selectedDay = getCurrentDay();
      selectedYear = getCurrentYear();
    }

    currentMonth = selectedMonth;
    currentDay = selectedDay;
    currentYear = selectedYear;

    if(document.getElementById){

      calendar = document.getElementById(calendarId);
      calendar.innerHTML = calendarDrawTable(currentYear, currentMonth);

      setProperty('display', 'inline');

      var fieldPos = new positionInfo(dateField);
      var calendarPos = new positionInfo(calendarId);

      var x = fieldPos.getElementLeft();
      var y = fieldPos.getElementBottom();

      setProperty('left', x + "px");
      setProperty('top', y + "px");
 
      if (document.all) {
        setElementProperty('display', 'block', 'CalendarControlIFrame');
        setElementProperty('left', x + "px", 'CalendarControlIFrame');
        setElementProperty('top', y + "px", 'CalendarControlIFrame');
        setElementProperty('width', calendarPos.getElementWidth() + "px", 'CalendarControlIFrame');
        setElementProperty('height', calendarPos.getElementHeight() + "px", 'CalendarControlIFrame');
      }
    }
  }

  this.hide = hide;
  function hide() {
    if(dateField) {
      setProperty('display', 'none');
      setElementProperty('display', 'none', 'CalendarControlIFrame');
      dateField = null;
    }
  }

  this.visible = visible;
  function visible() {
    return dateField
  }

  this.can_hide = can_hide;
  var can_hide = 0;
}

var calendarControl = new CalendarControl();

function showCalendarControl(textField) {
  //textField.onblur = hideCalendarControl;
  calendarControl.show(textField);
}

function clearCalendarControl() {
  calendarControl.clearDate();
}

function hideCalendarControl() {
  if (calendarControl.visible()) {
    calendarControl.hide();
  }
}

function setCalendarControlDate(year, month, day) {
  calendarControl.setDate(year, month, day);
}

function changeCalendarControlYear(change) {
  calendarControl.changeYear(change);
}

function changeCalendarControlMonth(change) {
  calendarControl.changeMonth(change);
}

document.write("<iframe id='CalendarControlIFrame' src='javascript:false;' frameBorder='0' scrolling='no'></iframe>");
document.write("<div id='CalendarControl'></div>");
