var DateField = new Class({
        initialize: function(input) {
            this.input = input = $(input);

            // get/set ID
            if ((id = input.getProperty('id'))== null || (id = input.getProperty('id')) == '') {
                id = 'date_'+(++dateFields);
                input.setProperty('id', id);
            }
            this.dateID = id;

            // get value
            var date = this.input.value;
            var dates = new Array();
            if(date.length == 10 && date != '00-00-0000') {
                dates = date.split('-');
            }

            // create new inputs
            var inputDD = new Element('input', {
                'type': 'text',
                'name': this.input.getProperty('name')+'DD',
                'id': this.dateID+'DD',
                'class': 'dateDDMM',
                'maxlength': '2',
                'value': (dates.length==3?dates[0]:'')
            });
            inputDD.injectBefore(this.input);
            inputDD.addEvent('keyup', function() {
                autoNextField(inputDD, 2, this.dateID+'MM');
                fillDateField(this.input);
            }.bind(this));

            var inputMM = new Element('input', {
                'type': 'text',
                'name': this.input.getProperty('name')+'MM',
                'id': this.dateID+'MM',
                'class': 'dateDDMM',
                'maxlength': '2',
                'value': (dates.length==3?dates[1]:'')
            });
            inputMM.injectBefore(this.input);
            inputMM.addEvent('keyup', function(){
                autoNextField(inputMM, 2, this.dateID+'YYYY');
                fillDateField(this.input);
            }.bind(this));

            var inputYYYY = new Element('input', {
                'type': 'text',
                'name': this.input.getProperty('name')+'YYYY',
                'id': this.dateID+'YYYY',
                'class': 'dateYYYY',
                'maxlength': '4',
                'value': (dates.length==3?dates[2]:'')
            });
            inputYYYY.injectBefore(this.input);
            inputYYYY.addEvent('keyup', function(){
                fillDateField(this.input);
            }.bind(this));

            // hide original input
            input.addClass('dateHidden');

            var img = new Element('img', {
                'src': URL_ROOT+'gfx/admin_calendar2.gif',
                'styles': {
                    'cursor': 'pointer',
					'margin-top': '6px'
                },
                'alt': 'Kalender',
                'title': 'Open kalender'
            });

            img.addEvent('click', function(){ this.showCalendar(); }.bind(this));
            img.injectAfter(input);
        },

        showCalendar: function() {
            showCalendarControl(this.dateID);
        }

    });


    // fill the datefield with the separate datefield values
    function fillDateField(el) {
        var id = $(el).getProperty('id');
        var DD = $(id + 'DD').value;
        var MM = $(id + 'MM').value;
        var YYYY = $(id + 'YYYY').value;
        $(el).value = DD + '-' + MM + '-' + YYYY;
    }

    // fill the seprate datefield value with the datefield value
    function fillDateFields(el){
        var id = $(el).id;
        var v = $(el).value;

        if(v != undefined && v != ''){
            v = v.split('-');
            $(id+'DD').value = v[0];
            $(id+'MM').value = v[1];
            $(id+'YYYY').value = v[2];
        }
    }

    function hideSelect() {
        if(!window.ie6) {
            return;
        }

        $$('#content select').forEach(function(el) {
            el.setStyle('visibility', 'hidden');
        });
    }

    function showSelect() {
        if(!window.ie6) {
            return;
        }

        $$('#content select').forEach(function(el){
            el.setStyle('visibility', 'visible');
        });
    }
	
/**  END DATEFIELD-CLASS **/	

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 = ['Januari','Februari','Maart','April','Mei','Juni','juli','Augustus','September','Oktober','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 setProperty(p_property, p_value){
    var p_elm = calendarId;
    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 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.setDate = setDate;
  function setDate(year, month, day) {
    if (dateField) {
      if (month < 10) {month = "0" + month;}
      if (day < 10) {day = "0" + day;}

      var dateString = day+"-"+month+"-"+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 table = "<table cellspacing='0' cellpadding='0' border='0'>";
    table = table + "<tr class='header'>";
    table = table + "  <td colspan='1' class='previous'><a href='javascript:changeCalendarControlYear(-1);'>&laquo;</a> <a href='javascript:changeCalendarControlMonth(-1);'>&lsaquo;</a></td>";
    table = table + "  <td colspan='5' class='title'>" + months[currentMonth-1] + "&nbsp;" + currentYear + "</td>";
    table = table + "  <td colspan='1' class='next'><a href='javascript:changeCalendarControlMonth(1);'>&rsaquo;</a> <a href='javascript:changeCalendarControlYear(1);'>&raquo;</a></td>";
    table = table + "</tr>";
    table = table + "<tr><th>Z</th><th>M</th><th>D</th><th>W</th><th>D</th><th>V</th><th>Z</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='7' style='padding: 3px;'><a href='javascript:hideCalendarControl();'>Sluiten</a></td></tr>";
    table = table + "</table>";

    return table;
  }

  this.show = show;
  function show(field) {

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

    if(dateField) {
      try {
        selectedDay = parseInt( $( dateField+'DD' ).value,10);
        selectedMonth = parseInt( $( dateField+'MM' ).value ,10);
        selectedYear = parseInt( $( dateField+'YYYY' ).value ,10);

        /*var dateString = new String(dateField.value);
        var dateParts = dateString.split("-");
        
        selectedDay = parseInt(dateParts[0],10);
        selectedMonth = 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', 'block');

      var position = new positionInfo(dateField);

      var x = position.getElementLeft();
      var y = position.getElementBottom();

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

  this.hide = hide;
  function hide() {
    if(dateField) {
      setProperty('display', 'none');
      fillDateFields( dateField );
//      $( dateField ).focus();
//      $( dateField ).blur();
      dateField = null;
    }
  }

}

var calendarControl = new CalendarControl();

function showCalendarControl(textField) {
  hideSelect();
  if ($('frmPatient') ) {
    $('isChecked').value = 1;
  }
  calendarControl.show(textField);
}

function hideCalendarControl() {
  calendarControl.hide();
  if ($('frmPatient') ) {
    $('isChecked').value = 0;
  }
  if ($('frmPatient') ) {
    $('isChecked').value = 0;
  }
  showSelect();
}

function setCalendarControlDate(year, month, day) {
  calendarControl.setDate(year, month, day);
  if ($('frmPatient') ) {
    $('isChecked').value = 0;
  }
  showSelect();
}

function changeCalendarControlYear(change) {
  calendarControl.changeYear(change);
}

function changeCalendarControlMonth(change) {
  calendarControl.changeMonth(change);
}

function autoNextField(el, maxLength, nextID) {
  if(!$chk(el) )
    el = $(el);

  if( el.value.length >= maxLength && $( nextID ) )
  {
    if (el.id.test('DD') || el.id.test('MM')) {
      var limit = (el.id.test('DD')?31:12);
      if (isNaN(el.value.toInt() ) || el.value.toInt() < 0)
        el.value = '01';
      if (el.value.toInt() > limit)
        el.value = limit;
    }
    el.value = el.value.substr(0, maxLength);
    try {
      $(nextID).focus();
    } catch(err) {
    }
  }
}


document.write("<div style='zindex:10; display:none;' id='CalendarControl'></div>");