// This function gets called when the end-user clicks on some date.
function selected(cal, date) {
  cal.sel.value = date; // just update the date in the input field.
  cal.callCloseHandler();
}

// And this gets called when the end-user clicks on the _selected_ date,
// or clicks on the "Close" button.  It just hides the calendar without
// destroying it.
function closeHandler(cal) { 
    cal.sel.blur();
    cal.hide();                        // hide the calendar
  
  // Revision on 2003.10.13
  if (null != cal.sel.onchange) cal.sel.onchange();
}

// This function shows the calendar under the element having the given id.
// It takes care of catching "mousedown" signals on document and hiding the
// calendar if the click was outside.
function showCalendar(el, moveX, moveY) {
    moveX = moveX || 0;
    moveY = moveY || 0;
    if (typeof el !== "object") {
        el = document.getElementById(el);
    }
    el.focus();
    if (calendar != null) {
        // we already have some calendar created
        calendar.destroy();
        // so we destroy it first in order to create it in right stacking context
    }
  
    // Create the calendar.
    var cal = new Calendar(true, null, selected, closeHandler);
    // cal.weekNumbers = false;
    calendar = cal;                  // remember it in the global var
    cal.setRange(1900, 2070);        // min/max year allowed.

    var modal = typeof ModalMaster !== 'undefined' && ModalMaster.getLastOpen();
    var parent = modal ? modal.ModalBody.master : null;
    cal.create(parent);
    
    calendar.setDateFormat("dd.mm.y");    // set the specified date format
    calendar.parseDate(el.value);      // try to parse the text in field
    calendar.sel = el;                 // inform it what input field we use
    //calendar.showAtElement(el);        // show the calendar below it

    var p = Calendar.getAbsolutePos(el);
    calendar.showAt(p.x + el.offsetWidth + moveX - 200, p.y + el.offsetHeight + moveY);

    return false;
}