// Date formatting
// d -- the date ( ex: 1 .. 31 ) 
// dd -- the date, zero padded ( ex: 01 .. 31 ) 
// m -- month as a number ( ex: 1 .. 12 ) 
// mm -- month, zero padded ( ex: 01 .. 12 ) 
// y -- 4 digit year ( ex: 1979 ) 
// yy -- 2 digit year, yy - 1900 ( ex: 79 ) (USING THIS IS NOT RECOMMENDED) 
// w -- the number of the week in the year (1 or 2 digits) 
// ww -- the number of the week, zero padded (2 digits) 
// D -- short weekday name ( ex: Sun, Wed, Fri ) 
// DD -- long weekday name ( ex: Sunday, Wednesday, Friday ) 
// M -- short month name ( ex: Mar, Jan, Oct ) 
// MM -- long month name ( ex: March, January, October ) 


var oldLink = null;
// 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.
  if (cal.dateClicked)
    // if we add this call we close the calendar on single-click.
    // just to exemplify both cases, we are using this only for the 1st
    // and the 3rd field, while 2nd and 4th will still require double-click.
    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.hide();                        // hide the calendar
};

var sendFormat ="";
function calEvent(e){
document.onclick ="";
document.onkeypress="";
document.onkeydown="";
return ShowCalendar(e,sendFormat);
}
function showCalendar(format){
	if(Calendar.is_ie){
		return ShowCalendar(event,format);
	}else{
		sendFormat = format;
		document.onclick=calEvent;
		document.onkeypress =calEvent;
		document.onkeydown = calEvent;
	}	
};
function ShowCalendar(event,format) {

	var el = (event.srcElement || event.target);
   if (calendar != null) {
    // we already have some calendar created
    calendar.hide();                 // so we hide it first.
  } else {
    // first-time call, create the calendar.
    var cal = new Calendar(false, null, selected, closeHandler);
    // uncomment the following line to hide the week numbers
    // cal.weekNumbers = false;
    calendar = cal;                  // remember it in the global var
    cal.setRange(1900, 2070);        // min/max year allowed.
    cal.create();
  }
  calendar.setDateFormat(format);    // 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

  // the reference element that we pass to showAtElement is the button that
  // triggers the calendar.  In this example we align the calendar bottom-right
  // to the button.
  calendar.showAtElement(el, "Br");        // show the calendar

  return false;
};

var MINUTE = 60 * 1000;
var HOUR = 60 * MINUTE;
var DAY = 24 * HOUR;
var WEEK = 7 * DAY;

// If this handler returns true then the "date" given as
// parameter will be disabled.  In this example we enable
// only days within a range of 10 days from the current
// date.
// You can use the functions date.getFullYear() -- returns the year
// as 4 digit number, date.getMonth() -- returns the month as 0..11,
// and date.getDate() -- returns the date of the month as 1..31, to
// make heavy calculations here.  However, beware that this function
// should be very fast, as it is called for each day in a month when
// the calendar is (re)constructed.
function isDisabled(date) {
  var today = new Date();
  return (Math.abs(date.getTime() - today.getTime()) / DAY) > 10;
};

function flatSelected(cal, date) {
  var el = document.getElementById("preview");
  el.innerHTML = date;
};

function showFlatCalendar() {
  var parent = document.getElementById("display");

  // construct a calendar giving only the "selected" handler.
  var cal = new Calendar(false, null, flatSelected);

  // hide week numbers
  cal.weekNumbers = false;

  // We want some dates to be disabled; see function isDisabled above
  cal.setDisabledHandler(isDisabled);
  cal.setDateFormat("DD, M d");

  // this call must be the last as it might use data initialized above; if
  // we specify a parent, as opposite to the "showCalendar" function above,
  // then we create a flat calendar -- not popup.  Hidden, though, but...
  cal.create(parent);

  // ... we can show it here.
  cal.show();
};