Subversion Repositories SmartDukaan

/*

 * jQuery UI Datepicker 1.8.1

 *

 * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT (MIT-LICENSE.txt)

 * and GPL (GPL-LICENSE.txt) licenses.

 *

 * http://docs.jquery.com/UI/Datepicker

 *

 * Depends:

 *	jquery.ui.core.js

 */

(function($) { // hide the namespace

$.extend($.ui, { datepicker: { version: "1.8.1" } });

var PROP_NAME = 'datepicker';

var dpuuid = new Date().getTime();

/* Date picker manager.

   Use the singleton instance of this class, $.datepicker, to interact with the date picker.

   Settings for (groups of) date pickers are maintained in an instance object,

   allowing multiple different settings on the same page. */

function Datepicker() {

	this.debug = false; // Change this to true to start debugging

	this._curInst = null; // The current instance in use

	this._keyEvent = false; // If the last event was a key event

	this._disabledInputs = []; // List of date picker inputs that have been disabled

	this._datepickerShowing = false; // True if the popup picker is showing , false if not

	this._inDialog = false; // True if showing within a "dialog", false if not

	this._mainDivId = 'ui-datepicker-div'; // The ID of the main datepicker division

	this._inlineClass = 'ui-datepicker-inline'; // The name of the inline marker class

	this._appendClass = 'ui-datepicker-append'; // The name of the append marker class

	this._triggerClass = 'ui-datepicker-trigger'; // The name of the trigger marker class

	this._dialogClass = 'ui-datepicker-dialog'; // The name of the dialog marker class

	this._disableClass = 'ui-datepicker-disabled'; // The name of the disabled covering marker class

	this._unselectableClass = 'ui-datepicker-unselectable'; // The name of the unselectable cell marker class

	this._currentClass = 'ui-datepicker-current-day'; // The name of the current day marker class

	this._dayOverClass = 'ui-datepicker-days-cell-over'; // The name of the day hover marker class

	this.regional = []; // Available regional settings, indexed by language code

	this.regional[''] = { // Default regional settings

		closeText: 'Done', // Display text for close link

		prevText: 'Prev', // Display text for previous month link

		nextText: 'Next', // Display text for next month link

		currentText: 'Today', // Display text for current month link

		monthNames: ['January','February','March','April','May','June',

			'July','August','September','October','November','December'], // Names of months for drop-down and formatting

		monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], // For formatting

		dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], // For formatting

		dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], // For formatting

		dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'], // Column headings for days starting at Sunday

		weekHeader: 'Wk', // Column header for week of the year

		dateFormat: 'mm/dd/yy', // See format options on parseDate

		firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...

		isRTL: false, // True if right-to-left language, false if left-to-right

		showMonthAfterYear: false, // True if the year select precedes month, false for month then year

		yearSuffix: '' // Additional text to append to the year in the month headers

	};

	this._defaults = { // Global defaults for all the date picker instances

		showOn: 'focus', // 'focus' for popup on focus,

			// 'button' for trigger button, or 'both' for either

		showAnim: 'show', // Name of jQuery animation for popup

		showOptions: {}, // Options for enhanced animations

		defaultDate: null, // Used when field is blank: actual date,

			// +/-number for offset from today, null for today

		appendText: '', // Display text following the input box, e.g. showing the format

		buttonText: '...', // Text for trigger button

		buttonImage: '', // URL for trigger button image

		buttonImageOnly: false, // True if the image appears alone, false if it appears on a button

		hideIfNoPrevNext: false, // True to hide next/previous month links

			// if not applicable, false to just disable them

		navigationAsDateFormat: false, // True if date formatting applied to prev/today/next links

		gotoCurrent: false, // True if today link goes back to current selection instead

		changeMonth: false, // True if month can be selected directly, false if only prev/next

		changeYear: false, // True if year can be selected directly, false if only prev/next

		yearRange: 'c-10:c+10', // Range of years to display in drop-down,

			// either relative to today's year (-nn:+nn), relative to currently displayed year

			// (c-nn:c+nn), absolute (nnnn:nnnn), or a combination of the above (nnnn:-n)

		showOtherMonths: false, // True to show dates in other months, false to leave blank

		selectOtherMonths: false, // True to allow selection of dates in other months, false for unselectable

		showWeek: false, // True to show week of the year, false to not show it

		calculateWeek: this.iso8601Week, // How to calculate the week of the year,

			// takes a Date and returns the number of the week for it

		shortYearCutoff: '+10', // Short year values < this are in the current century,

			// > this are in the previous century,

			// string value starting with '+' for current year + value

		minDate: null, // The earliest selectable date, or null for no limit

		maxDate: null, // The latest selectable date, or null for no limit

		duration: '_default', // Duration of display/closure

		beforeShowDay: null, // Function that takes a date and returns an array with

			// [0] = true if selectable, false if not, [1] = custom CSS class name(s) or '',

			// [2] = cell title (optional), e.g. $.datepicker.noWeekends

		beforeShow: null, // Function that takes an input field and

			// returns a set of custom settings for the date picker

		onSelect: null, // Define a callback function when a date is selected

		onChangeMonthYear: null, // Define a callback function when the month or year is changed

		onClose: null, // Define a callback function when the datepicker is closed

		numberOfMonths: 1, // Number of months to show at a time

		showCurrentAtPos: 0, // The position in multipe months at which to show the current month (starting at 0)

		stepMonths: 1, // Number of months to step back/forward

		stepBigMonths: 12, // Number of months to step back/forward for the big links

		altField: '', // Selector for an alternate field to store selected dates into

		altFormat: '', // The date format to use for the alternate field

		constrainInput: true, // The input is constrained by the current date format

		showButtonPanel: false, // True to show button panel, false to not show it

		autoSize: false // True to size the input for the date format, false to leave as is

	};

	$.extend(this._defaults, this.regional['']);

	this.dpDiv = $('<div id="' + this._mainDivId + '" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div>');

}

$.extend(Datepicker.prototype, {

	/* Class name added to elements to indicate already configured with a date picker. */

	markerClassName: 'hasDatepicker',

	/* Debug logging (if enabled). */

	log: function () {

		if (this.debug)

			console.log.apply('', arguments);

	},

	// TODO rename to "widget" when switching to widget factory

	_widgetDatepicker: function() {

		return this.dpDiv;

	},

	/* Override the default settings for all instances of the date picker.

	   @param  settings  object - the new settings to use as defaults (anonymous object)

	   @return the manager object */

	setDefaults: function(settings) {

		extendRemove(this._defaults, settings || {});

		return this;

	},

	/* Attach the date picker to a jQuery selection.

	   @param  target    element - the target input field or division or span

	   @param  settings  object - the new settings to use for this date picker instance (anonymous) */

	_attachDatepicker: function(target, settings) {

		// check for settings on the control itself - in namespace 'date:'

		var inlineSettings = null;

		for (var attrName in this._defaults) {

			var attrValue = target.getAttribute('date:' + attrName);

			if (attrValue) {

				inlineSettings = inlineSettings || {};

				try {

					inlineSettings[attrName] = eval(attrValue);

				} catch (err) {

					inlineSettings[attrName] = attrValue;

				}

			}

		}

		var nodeName = target.nodeName.toLowerCase();

		var inline = (nodeName == 'div' || nodeName == 'span');

		if (!target.id)

			target.id = 'dp' + (++this.uuid);

		var inst = this._newInst($(target), inline);

		inst.settings = $.extend({}, settings || {}, inlineSettings || {});

		if (nodeName == 'input') {

			this._connectDatepicker(target, inst);

		} else if (inline) {

			this._inlineDatepicker(target, inst);

		}

	},

	/* Create a new instance object. */

	_newInst: function(target, inline) {

		var id = target[0].id.replace(/([^A-Za-z0-9_])/g, '\\\\$1'); // escape jQuery meta chars

		return {id: id, input: target, // associated target

			selectedDay: 0, selectedMonth: 0, selectedYear: 0, // current selection

			drawMonth: 0, drawYear: 0, // month being drawn

			inline: inline, // is datepicker inline or not

			dpDiv: (!inline ? this.dpDiv : // presentation div

			$('<div class="' + this._inlineClass + ' ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>'))};

	},

	/* Attach the date picker to an input field. */

	_connectDatepicker: function(target, inst) {

		var input = $(target);

		inst.append = $([]);

		inst.trigger = $([]);

		if (input.hasClass(this.markerClassName))

			return;

		this._attachments(input, inst);

		input.addClass(this.markerClassName).keydown(this._doKeyDown).

			keypress(this._doKeyPress).keyup(this._doKeyUp).

			bind("setData.datepicker", function(event, key, value) {

				inst.settings[key] = value;

			}).bind("getData.datepicker", function(event, key) {

				return this._get(inst, key);

			});

		this._autoSize(inst);

		$.data(target, PROP_NAME, inst);

	},

	/* Make attachments based on settings. */

	_attachments: function(input, inst) {

		var appendText = this._get(inst, 'appendText');

		var isRTL = this._get(inst, 'isRTL');

		if (inst.append)

			inst.append.remove();

		if (appendText) {

			inst.append = $('<span class="' + this._appendClass + '">' + appendText + '</span>');

			input[isRTL ? 'before' : 'after'](inst.append);

		}

		input.unbind('focus', this._showDatepicker);

		if (inst.trigger)

			inst.trigger.remove();

		var showOn = this._get(inst, 'showOn');

		if (showOn == 'focus' || showOn == 'both') // pop-up date picker when in the marked field

			input.focus(this._showDatepicker);

		if (showOn == 'button' || showOn == 'both') { // pop-up date picker when button clicked

			var buttonText = this._get(inst, 'buttonText');

			var buttonImage = this._get(inst, 'buttonImage');

			inst.trigger = $(this._get(inst, 'buttonImageOnly') ?

				$('<img/>').addClass(this._triggerClass).

					attr({ src: buttonImage, alt: buttonText, title: buttonText }) :

				$('<button type="button"></button>').addClass(this._triggerClass).

					html(buttonImage == '' ? buttonText : $('<img/>').attr(

					{ src:buttonImage, alt:buttonText, title:buttonText })));

			input[isRTL ? 'before' : 'after'](inst.trigger);

			inst.trigger.click(function() {

				if ($.datepicker._datepickerShowing && $.datepicker._lastInput == input[0])

					$.datepicker._hideDatepicker();

				else

					$.datepicker._showDatepicker(input[0]);

				return false;

			});

		}

	},

	/* Apply the maximum length for the date format. */

	_autoSize: function(inst) {

		if (this._get(inst, 'autoSize') && !inst.inline) {

			var date = new Date(2009, 12 - 1, 20); // Ensure double digits

			var dateFormat = this._get(inst, 'dateFormat');

			if (dateFormat.match(/[DM]/)) {

				var findMax = function(names) {

					var max = 0;

					var maxI = 0;

					for (var i = 0; i < names.length; i++) {

						if (names[i].length > max) {

							max = names[i].length;

							maxI = i;

						}

					}

					return maxI;

				};

				date.setMonth(findMax(this._get(inst, (dateFormat.match(/MM/) ?

					'monthNames' : 'monthNamesShort'))));

				date.setDate(findMax(this._get(inst, (dateFormat.match(/DD/) ?

					'dayNames' : 'dayNamesShort'))) + 20 - date.getDay());

			}

			inst.input.attr('size', this._formatDate(inst, date).length);

		}

	},

	/* Attach an inline date picker to a div. */

	_inlineDatepicker: function(target, inst) {

		var divSpan = $(target);

		if (divSpan.hasClass(this.markerClassName))

			return;

		divSpan.addClass(this.markerClassName).append(inst.dpDiv).

			bind("setData.datepicker", function(event, key, value){

				inst.settings[key] = value;

			}).bind("getData.datepicker", function(event, key){

				return this._get(inst, key);

			});

		$.data(target, PROP_NAME, inst);

		this._setDate(inst, this._getDefaultDate(inst), true);

		this._updateDatepicker(inst);

		this._updateAlternate(inst);

	},

	/* Pop-up the date picker in a "dialog" box.

	   @param  input     element - ignored

	   @param  date      string or Date - the initial date to display

	   @param  onSelect  function - the function to call when a date is selected

	   @param  settings  object - update the dialog date picker instance's settings (anonymous object)

	   @param  pos       int[2] - coordinates for the dialog's position within the screen or

	                     event - with x/y coordinates or

	                     leave empty for default (screen centre)

	   @return the manager object */

	_dialogDatepicker: function(input, date, onSelect, settings, pos) {

		var inst = this._dialogInst; // internal instance

		if (!inst) {

			var id = 'dp' + (++this.uuid);

			this._dialogInput = $('<input type="text" id="' + id +

				'" style="position: absolute; top: -100px; width: 0px; z-index: -10;"/>');

			this._dialogInput.keydown(this._doKeyDown);

			$('body').append(this._dialogInput);

			inst = this._dialogInst = this._newInst(this._dialogInput, false);

			inst.settings = {};

			$.data(this._dialogInput[0], PROP_NAME, inst);

		}

		extendRemove(inst.settings, settings || {});

		date = (date && date.constructor == Date ? this._formatDate(inst, date) : date);

		this._dialogInput.val(date);

		this._pos = (pos ? (pos.length ? pos : [pos.pageX, pos.pageY]) : null);

		if (!this._pos) {

			var browserWidth = document.documentElement.clientWidth;

			var browserHeight = document.documentElement.clientHeight;

			var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;

			var scrollY = document.documentElement.scrollTop || document.body.scrollTop;

			this._pos = // should use actual width/height below

				[(browserWidth / 2) - 100 + scrollX, (browserHeight / 2) - 150 + scrollY];

		}

		// move input on screen for focus, but hidden behind dialog

		this._dialogInput.css('left', (this._pos[0] + 20) + 'px').css('top', this._pos[1] + 'px');

		inst.settings.onSelect = onSelect;

		this._inDialog = true;

		this.dpDiv.addClass(this._dialogClass);

		this._showDatepicker(this._dialogInput[0]);

		if ($.blockUI)

			$.blockUI(this.dpDiv);

		$.data(this._dialogInput[0], PROP_NAME, inst);

		return this;

	},

	/* Detach a datepicker from its control.

	   @param  target    element - the target input field or division or span */

	_destroyDatepicker: function(target) {

		var $target = $(target);

		var inst = $.data(target, PROP_NAME);

		if (!$target.hasClass(this.markerClassName)) {

			return;

		}

		var nodeName = target.nodeName.toLowerCase();

		$.removeData(target, PROP_NAME);

		if (nodeName == 'input') {

			inst.append.remove();

			inst.trigger.remove();

			$target.removeClass(this.markerClassName).

				unbind('focus', this._showDatepicker).

				unbind('keydown', this._doKeyDown).

				unbind('keypress', this._doKeyPress).

				unbind('keyup', this._doKeyUp);

		} else if (nodeName == 'div' || nodeName == 'span')

			$target.removeClass(this.markerClassName).empty();

	},

	/* Enable the date picker to a jQuery selection.

	   @param  target    element - the target input field or division or span */

	_enableDatepicker: function(target) {

		var $target = $(target);

		var inst = $.data(target, PROP_NAME);

		if (!$target.hasClass(this.markerClassName)) {

			return;

		}

		var nodeName = target.nodeName.toLowerCase();

		if (nodeName == 'input') {

			target.disabled = false;

			inst.trigger.filter('button').

				each(function() { this.disabled = false; }).end().

				filter('img').css({opacity: '1.0', cursor: ''});

		}

		else if (nodeName == 'div' || nodeName == 'span') {

			var inline = $target.children('.' + this._inlineClass);

			inline.children().removeClass('ui-state-disabled');

		}

		this._disabledInputs = $.map(this._disabledInputs,

			function(value) { return (value == target ? null : value); }); // delete entry

	},

	/* Disable the date picker to a jQuery selection.

	   @param  target    element - the target input field or division or span */

	_disableDatepicker: function(target) {

		var $target = $(target);

		var inst = $.data(target, PROP_NAME);

		if (!$target.hasClass(this.markerClassName)) {

			return;

		}

		var nodeName = target.nodeName.toLowerCase();

		if (nodeName == 'input') {

			target.disabled = true;

			inst.trigger.filter('button').

				each(function() { this.disabled = true; }).end().

				filter('img').css({opacity: '0.5', cursor: 'default'});

		}

		else if (nodeName == 'div' || nodeName == 'span') {

			var inline = $target.children('.' + this._inlineClass);

			inline.children().addClass('ui-state-disabled');

		}

		this._disabledInputs = $.map(this._disabledInputs,

			function(value) { return (value == target ? null : value); }); // delete entry

		this._disabledInputs[this._disabledInputs.length] = target;

	},

	/* Is the first field in a jQuery collection disabled as a datepicker?

	   @param  target    element - the target input field or division or span

	   @return boolean - true if disabled, false if enabled */

	_isDisabledDatepicker: function(target) {

		if (!target) {

			return false;

		}

		for (var i = 0; i < this._disabledInputs.length; i++) {

			if (this._disabledInputs[i] == target)

				return true;

		}

		return false;

	},

	/* Retrieve the instance data for the target control.

	   @param  target  element - the target input field or division or span

	   @return  object - the associated instance data

	   @throws  error if a jQuery problem getting data */

	_getInst: function(target) {

		try {

			return $.data(target, PROP_NAME);

		}

		catch (err) {

			throw 'Missing instance data for this datepicker';

		}

	},

	/* Update or retrieve the settings for a date picker attached to an input field or division.

	   @param  target  element - the target input field or division or span

	   @param  name    object - the new settings to update or

	                   string - the name of the setting to change or retrieve,

	                   when retrieving also 'all' for all instance settings or

	                   'defaults' for all global defaults

	   @param  value   any - the new value for the setting

	                   (omit if above is an object or to retrieve a value) */

	_optionDatepicker: function(target, name, value) {

		var inst = this._getInst(target);

		if (arguments.length == 2 && typeof name == 'string') {

			return (name == 'defaults' ? $.extend({}, $.datepicker._defaults) :

				(inst ? (name == 'all' ? $.extend({}, inst.settings) :

				this._get(inst, name)) : null));

		}

		var settings = name || {};

		if (typeof name == 'string') {

			settings = {};

			settings[name] = value;

		}

		if (inst) {

			if (this._curInst == inst) {

				this._hideDatepicker();

			}

			var date = this._getDateDatepicker(target, true);

			extendRemove(inst.settings, settings);

			this._attachments($(target), inst);

			this._autoSize(inst);

			this._setDateDatepicker(target, date);

			this._updateDatepicker(inst);

		}

	},

	// change method deprecated

	_changeDatepicker: function(target, name, value) {

		this._optionDatepicker(target, name, value);

	},

	/* Redraw the date picker attached to an input field or division.

	   @param  target  element - the target input field or division or span */

	_refreshDatepicker: function(target) {

		var inst = this._getInst(target);

		if (inst) {

			this._updateDatepicker(inst);

		}

	},

	/* Set the dates for a jQuery selection.

	   @param  target   element - the target input field or division or span

	   @param  date     Date - the new date */

	_setDateDatepicker: function(target, date) {

		var inst = this._getInst(target);

		if (inst) {

			this._setDate(inst, date);

			this._updateDatepicker(inst);

			this._updateAlternate(inst);

		}

	},

	/* Get the date(s) for the first entry in a jQuery selection.

	   @param  target     element - the target input field or division or span

	   @param  noDefault  boolean - true if no default date is to be used

	   @return Date - the current date */

	_getDateDatepicker: function(target, noDefault) {

		var inst = this._getInst(target);

		if (inst && !inst.inline)

			this._setDateFromField(inst, noDefault);

		return (inst ? this._getDate(inst) : null);

	},

	/* Handle keystrokes. */

	_doKeyDown: function(event) {

		var inst = $.datepicker._getInst(event.target);

		var handled = true;

		var isRTL = inst.dpDiv.is('.ui-datepicker-rtl');

		inst._keyEvent = true;

		if ($.datepicker._datepickerShowing)

			switch (event.keyCode) {

				case 9: $.datepicker._hideDatepicker();

						handled = false;

						break; // hide on tab out

				case 13: var sel = $('td.' + $.datepicker._dayOverClass, inst.dpDiv).

							add($('td.' + $.datepicker._currentClass, inst.dpDiv));

						if (sel[0])

							$.datepicker._selectDay(event.target, inst.selectedMonth, inst.selectedYear, sel[0]);

						else

							$.datepicker._hideDatepicker();

						return false; // don't submit the form

						break; // select the value on enter

				case 27: $.datepicker._hideDatepicker();

						break; // hide on escape

				case 33: $.datepicker._adjustDate(event.target, (event.ctrlKey ?

							-$.datepicker._get(inst, 'stepBigMonths') :

							-$.datepicker._get(inst, 'stepMonths')), 'M');

						break; // previous month/year on page up/+ ctrl

				case 34: $.datepicker._adjustDate(event.target, (event.ctrlKey ?

							+$.datepicker._get(inst, 'stepBigMonths') :

							+$.datepicker._get(inst, 'stepMonths')), 'M');

						break; // next month/year on page down/+ ctrl

				case 35: if (event.ctrlKey || event.metaKey) $.datepicker._clearDate(event.target);

						handled = event.ctrlKey || event.metaKey;

						break; // clear on ctrl or command +end

				case 36: if (event.ctrlKey || event.metaKey) $.datepicker._gotoToday(event.target);

						handled = event.ctrlKey || event.metaKey;

						break; // current on ctrl or command +home

				case 37: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, (isRTL ? +1 : -1), 'D');

						handled = event.ctrlKey || event.metaKey;

						// -1 day on ctrl or command +left

						if (event.originalEvent.altKey) $.datepicker._adjustDate(event.target, (event.ctrlKey ?

									-$.datepicker._get(inst, 'stepBigMonths') :

									-$.datepicker._get(inst, 'stepMonths')), 'M');

						// next month/year on alt +left on Mac

						break;

				case 38: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, -7, 'D');

						handled = event.ctrlKey || event.metaKey;

						break; // -1 week on ctrl or command +up

				case 39: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, (isRTL ? -1 : +1), 'D');

						handled = event.ctrlKey || event.metaKey;

						// +1 day on ctrl or command +right

						if (event.originalEvent.altKey) $.datepicker._adjustDate(event.target, (event.ctrlKey ?

									+$.datepicker._get(inst, 'stepBigMonths') :

									+$.datepicker._get(inst, 'stepMonths')), 'M');

						// next month/year on alt +right

						break;

				case 40: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, +7, 'D');

						handled = event.ctrlKey || event.metaKey;

						break; // +1 week on ctrl or command +down

				default: handled = false;

			}

		else if (event.keyCode == 36 && event.ctrlKey) // display the date picker on ctrl+home

			$.datepicker._showDatepicker(this);

		else {

			handled = false;

		}

		if (handled) {

			event.preventDefault();

			event.stopPropagation();

		}

	},

	/* Filter entered characters - based on date format. */

	_doKeyPress: function(event) {

		var inst = $.datepicker._getInst(event.target);

		if ($.datepicker._get(inst, 'constrainInput')) {

			var chars = $.datepicker._possibleChars($.datepicker._get(inst, 'dateFormat'));

			var chr = String.fromCharCode(event.charCode == undefined ? event.keyCode : event.charCode);

			return event.ctrlKey || (chr < ' ' || !chars || chars.indexOf(chr) > -1);

		}

	},

	/* Synchronise manual entry and field/alternate field. */

	_doKeyUp: function(event) {

		var inst = $.datepicker._getInst(event.target);

		if (inst.input.val() != inst.lastVal) {

			try {

				var date = $.datepicker.parseDate($.datepicker._get(inst, 'dateFormat'),

					(inst.input ? inst.input.val() : null),

					$.datepicker._getFormatConfig(inst));

				if (date) { // only if valid

					$.datepicker._setDateFromField(inst);

					$.datepicker._updateAlternate(inst);

					$.datepicker._updateDatepicker(inst);

				}

			}

			catch (event) {

				$.datepicker.log(event);

			}

		}

		return true;

	},

	/* Pop-up the date picker for a given input field.

	   @param  input  element - the input field attached to the date picker or

	                  event - if triggered by focus */

	_showDatepicker: function(input) {

		input = input.target || input;

		if (input.nodeName.toLowerCase() != 'input') // find from button/image trigger

			input = $('input', input.parentNode)[0];

		if ($.datepicker._isDisabledDatepicker(input) || $.datepicker._lastInput == input) // already here

			return;

		var inst = $.datepicker._getInst(input);

		if ($.datepicker._curInst && $.datepicker._curInst != inst) {

			$.datepicker._curInst.dpDiv.stop(true, true);

		}

		var beforeShow = $.datepicker._get(inst, 'beforeShow');

		extendRemove(inst.settings, (beforeShow ? beforeShow.apply(input, [input, inst]) : {}));

		inst.lastVal = null;

		$.datepicker._lastInput = input;

		$.datepicker._setDateFromField(inst);

		if ($.datepicker._inDialog) // hide cursor

			input.value = '';

		if (!$.datepicker._pos) { // position below input

			$.datepicker._pos = $.datepicker._findPos(input);

			$.datepicker._pos[1] += input.offsetHeight; // add the height

		}

		var isFixed = false;

		$(input).parents().each(function() {

			isFixed |= $(this).css('position') == 'fixed';

			return !isFixed;

		});

		if (isFixed && $.browser.opera) { // correction for Opera when fixed and scrolled

			$.datepicker._pos[0] -= document.documentElement.scrollLeft;

			$.datepicker._pos[1] -= document.documentElement.scrollTop;

		}

		var offset = {left: $.datepicker._pos[0], top: $.datepicker._pos[1]};

		$.datepicker._pos = null;

		// determine sizing offscreen

		inst.dpDiv.css({position: 'absolute', display: 'block', top: '-1000px'});

		$.datepicker._updateDatepicker(inst);

		// fix width for dynamic number of date pickers

		// and adjust position before showing

		offset = $.datepicker._checkOffset(inst, offset, isFixed);

		inst.dpDiv.css({position: ($.datepicker._inDialog && $.blockUI ?

			'static' : (isFixed ? 'fixed' : 'absolute')), display: 'none',

			left: offset.left + 'px', top: offset.top + 'px'});

		if (!inst.inline) {

			var showAnim = $.datepicker._get(inst, 'showAnim');

			var duration = $.datepicker._get(inst, 'duration');

			var postProcess = function() {

				$.datepicker._datepickerShowing = true;

				var borders = $.datepicker._getBorders(inst.dpDiv);

				inst.dpDiv.find('iframe.ui-datepicker-cover'). // IE6- only

					css({left: -borders[0], top: -borders[1],

						width: inst.dpDiv.outerWidth(), height: inst.dpDiv.outerHeight()});

			};

			inst.dpDiv.zIndex($(input).zIndex()+1);

			if ($.effects && $.effects[showAnim])

				inst.dpDiv.show(showAnim, $.datepicker._get(inst, 'showOptions'), duration, postProcess);

			else

				inst.dpDiv[showAnim || 'show']((showAnim ? duration : null), postProcess);

			if (!showAnim || !duration)

				postProcess();

			if (inst.input.is(':visible') && !inst.input.is(':disabled'))

				inst.input.focus();

			$.datepicker._curInst = inst;

		}

	},

	/* Generate the date picker content. */

	_updateDatepicker: function(inst) {

		var self = this;

		var borders = $.datepicker._getBorders(inst.dpDiv);

		inst.dpDiv.empty().append(this._generateHTML(inst))

			.find('iframe.ui-datepicker-cover') // IE6- only

				.css({left: -borders[0], top: -borders[1],

					width: inst.dpDiv.outerWidth(), height: inst.dpDiv.outerHeight()})

			.end()

			.find('button, .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-calendar td a')

				.bind('mouseout', function(){

					$(this).removeClass('ui-state-hover');

					if(this.className.indexOf('ui-datepicker-prev') != -1) $(this).removeClass('ui-datepicker-prev-hover');

					if(this.className.indexOf('ui-datepicker-next') != -1) $(this).removeClass('ui-datepicker-next-hover');

				})

				.bind('mouseover', function(){

					if (!self._isDisabledDatepicker( inst.inline ? inst.dpDiv.parent()[0] : inst.input[0])) {

						$(this).parents('.ui-datepicker-calendar').find('a').removeClass('ui-state-hover');

						$(this).addClass('ui-state-hover');

						if(this.className.indexOf('ui-datepicker-prev') != -1) $(this).addClass('ui-datepicker-prev-hover');

						if(this.className.indexOf('ui-datepicker-next') != -1) $(this).addClass('ui-datepicker-next-hover');

					}

				})

			.end()

			.find('.' + this._dayOverClass + ' a')

				.trigger('mouseover')

			.end();

		var numMonths = this._getNumberOfMonths(inst);

		var cols = numMonths[1];

		var width = 17;

		if (cols > 1)

			inst.dpDiv.addClass('ui-datepicker-multi-' + cols).css('width', (width * cols) + 'em');

		else

			inst.dpDiv.removeClass('ui-datepicker-multi-2 ui-datepicker-multi-3 ui-datepicker-multi-4').width('');

		inst.dpDiv[(numMonths[0] != 1 || numMonths[1] != 1 ? 'add' : 'remove') +

			'Class']('ui-datepicker-multi');

		inst.dpDiv[(this._get(inst, 'isRTL') ? 'add' : 'remove') +

			'Class']('ui-datepicker-rtl');

		if (inst == $.datepicker._curInst && $.datepicker._datepickerShowing && inst.input &&

				inst.input.is(':visible') && !inst.input.is(':disabled'))

			inst.input.focus();

	},

	/* Retrieve the size of left and top borders for an element.

	   @param  elem  (jQuery object) the element of interest

	   @return  (number[2]) the left and top borders */

	_getBorders: function(elem) {

		var convert = function(value) {

			return {thin: 1, medium: 2, thick: 3}[value] || value;

		};

		return [parseFloat(convert(elem.css('border-left-width'))),

			parseFloat(convert(elem.css('border-top-width')))];

	},

	/* Check positioning to remain on screen. */

	_checkOffset: function(inst, offset, isFixed) {

		var dpWidth = inst.dpDiv.outerWidth();

		var dpHeight = inst.dpDiv.outerHeight();

		var inputWidth = inst.input ? inst.input.outerWidth() : 0;

		var inputHeight = inst.input ? inst.input.outerHeight() : 0;

		var viewWidth = document.documentElement.clientWidth + $(document).scrollLeft();

		var viewHeight = document.documentElement.clientHeight + $(document).scrollTop();

		offset.left -= (this._get(inst, 'isRTL') ? (dpWidth - inputWidth) : 0);

		offset.left -= (isFixed && offset.left == inst.input.offset().left) ? $(document).scrollLeft() : 0;

		offset.top -= (isFixed && offset.top == (inst.input.offset().top + inputHeight)) ? $(document).scrollTop() : 0;

		// now check if datepicker is showing outside window viewport - move to a better place if so.

		offset.left -= Math.min(offset.left, (offset.left + dpWidth > viewWidth && viewWidth > dpWidth) ?

			Math.abs(offset.left + dpWidth - viewWidth) : 0);

		offset.top -= Math.min(offset.top, (offset.top + dpHeight > viewHeight && viewHeight > dpHeight) ?

			Math.abs(dpHeight + inputHeight) : 0);

		return offset;

	},

	/* Find an object's position on the screen. */

	_findPos: function(obj) {

		var inst = this._getInst(obj);

		var isRTL = this._get(inst, 'isRTL');

        while (obj && (obj.type == 'hidden' || obj.nodeType != 1)) {

            obj = obj[isRTL ? 'previousSibling' : 'nextSibling'];

        }

        var position = $(obj).offset();

	    return [position.left, position.top];

	},

	/* Hide the date picker from view.

	   @param  input  element - the input field attached to the date picker */

	_hideDatepicker: function(input) {

		var inst = this._curInst;

		if (!inst || (input && inst != $.data(input, PROP_NAME)))

			return;

		if (this._datepickerShowing) {

			var showAnim = this._get(inst, 'showAnim');

			var duration = this._get(inst, 'duration');

			var postProcess = function() {

				$.datepicker._tidyDialog(inst);

				this._curInst = null;

			};

			if ($.effects && $.effects[showAnim])

				inst.dpDiv.hide(showAnim, $.datepicker._get(inst, 'showOptions'), duration, postProcess);

			else

				inst.dpDiv[(showAnim == 'slideDown' ? 'slideUp' :

					(showAnim == 'fadeIn' ? 'fadeOut' : 'hide'))]((showAnim ? duration : null), postProcess);

			if (!showAnim)

				postProcess();

			var onClose = this._get(inst, 'onClose');

			if (onClose)

				onClose.apply((inst.input ? inst.input[0] : null),

					[(inst.input ? inst.input.val() : ''), inst]);  // trigger custom callback

			this._datepickerShowing = false;

			this._lastInput = null;

			if (this._inDialog) {

				this._dialogInput.css({ position: 'absolute', left: '0', top: '-100px' });

				if ($.blockUI) {

					$.unblockUI();

					$('body').append(this.dpDiv);

				}

			}

			this._inDialog = false;

		}

	},

	/* Tidy up after a dialog display. */

	_tidyDialog: function(inst) {

		inst.dpDiv.removeClass(this._dialogClass).unbind('.ui-datepicker-calendar');

	},

	/* Close date picker if clicked elsewhere. */

	_checkExternalClick: function(event) {

		if (!$.datepicker._curInst)

			return;

		var $target = $(event.target);

		if ($target[0].id != $.datepicker._mainDivId &&

				$target.parents('#' + $.datepicker._mainDivId).length == 0 &&

				!$target.hasClass($.datepicker.markerClassName) &&

				!$target.hasClass($.datepicker._triggerClass) &&

				$.datepicker._datepickerShowing && !($.datepicker._inDialog && $.blockUI))

			$.datepicker._hideDatepicker();

	},

	/* Adjust one of the date sub-fields. */

	_adjustDate: function(id, offset, period) {

		var target = $(id);

		var inst = this._getInst(target[0]);

		if (this._isDisabledDatepicker(target[0])) {

			return;

		}

		this._adjustInstDate(inst, offset +

			(period == 'M' ? this._get(inst, 'showCurrentAtPos') : 0), // undo positioning

			period);

		this._updateDatepicker(inst);

	},

	/* Action for current link. */

	_gotoToday: function(id) {

		var target = $(id);

		var inst = this._getInst(target[0]);

		if (this._get(inst, 'gotoCurrent') && inst.currentDay) {

			inst.selectedDay = inst.currentDay;

			inst.drawMonth = inst.selectedMonth = inst.currentMonth;

			inst.drawYear = inst.selectedYear = inst.currentYear;

		}

		else {

			var date = new Date();

			inst.selectedDay = date.getDate();

			inst.drawMonth = inst.selectedMonth = date.getMonth();

			inst.drawYear = inst.selectedYear = date.getFullYear();

		}

		this._notifyChange(inst);

		this._adjustDate(target);

	},

	/* Action for selecting a new month/year. */

	_selectMonthYear: function(id, select, period) {

		var target = $(id);

		var inst = this._getInst(target[0]);

		inst._selectingMonthYear = false;

		inst['selected' + (period == 'M' ? 'Month' : 'Year')] =

		inst['draw' + (period == 'M' ? 'Month' : 'Year')] =

			parseInt(select.options[select.selectedIndex].value,10);

		this._notifyChange(inst);

		this._adjustDate(target);

	},

	/* Restore input focus after not changing month/year. */

	_clickMonthYear: function(id) {

		var target = $(id);

		var inst = this._getInst(target[0]);

		if (inst.input && inst._selectingMonthYear && !$.browser.msie)

			inst.input.focus();

		inst._selectingMonthYear = !inst._selectingMonthYear;

	},

	/* Action for selecting a day. */

	_selectDay: function(id, month, year, td) {

		var target = $(id);

		if ($(td).hasClass(this._unselectableClass) || this._isDisabledDatepicker(target[0])) {

			return;

		}

		var inst = this._getInst(target[0]);

		inst.selectedDay = inst.currentDay = $('a', td).html();

		inst.selectedMonth = inst.currentMonth = month;

		inst.selectedYear = inst.currentYear = year;

		this._selectDate(id, this._formatDate(inst,

			inst.currentDay, inst.currentMonth, inst.currentYear));

	},

	/* Erase the input field and hide the date picker. */

	_clearDate: function(id) {

		var target = $(id);

		var inst = this._getInst(target[0]);

		this._selectDate(target, '');

	},

	/* Update the input field with the selected date. */

	_selectDate: function(id, dateStr) {

		var target = $(id);

		var inst = this._getInst(target[0]);

		dateStr = (dateStr != null ? dateStr : this._formatDate(inst));

		if (inst.input)

			inst.input.val(dateStr);

		this._updateAlternate(inst);

		var onSelect = this._get(inst, 'onSelect');

		if (onSelect)

			onSelect.apply((inst.input ? inst.input[0] : null), [dateStr, inst]);  // trigger custom callback

		else if (inst.input)

			inst.input.trigger('change'); // fire the change event

		if (inst.inline)

			this._updateDatepicker(inst);

		else {

			this._hideDatepicker();

			this._lastInput = inst.input[0];

			if (typeof(inst.input[0]) != 'object')

				inst.input.focus(); // restore focus

			this._lastInput = null;

		}

	},

	/* Update any alternate field to synchronise with the main field. */

	_updateAlternate: function(inst) {

		var altField = this._get(inst, 'altField');

		if (altField) { // update alternate field too

			var altFormat = this._get(inst, 'altFormat') || this._get(inst, 'dateFormat');

			var date = this._getDate(inst);

			var dateStr = this.formatDate(altFormat, date, this._getFormatConfig(inst));

			$(altField).each(function() { $(this).val(dateStr); });

		}

	},

	/* Set as beforeShowDay function to prevent selection of weekends.

	   @param  date  Date - the date to customise

	   @return [boolean, string] - is this date selectable?, what is its CSS class? */

	noWeekends: function(date) {

		var day = date.getDay();

		return [(day > 0 && day < 6), ''];

	},

	/* Set as calculateWeek to determine the week of the year based on the ISO 8601 definition.

	   @param  date  Date - the date to get the week for

	   @return  number - the number of the week within the year that contains this date */

	iso8601Week: function(date) {

		var checkDate = new Date(date.getTime());

		// Find Thursday of this week starting on Monday

		checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));

		var time = checkDate.getTime();

		checkDate.setMonth(0); // Compare with Jan 1

		checkDate.setDate(1);

		return Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 1;

	},

	/* Parse a string value into a date object.

	   See formatDate below for the possible formats.

	   @param  format    string - the expected format of the date

	   @param  value     string - the date in the above format

	   @param  settings  Object - attributes include:

	                     shortYearCutoff  number - the cutoff year for determining the century (optional)

	                     dayNamesShort    string[7] - abbreviated names of the days from Sunday (optional)

	                     dayNames         string[7] - names of the days from Sunday (optional)

	                     monthNamesShort  string[12] - abbreviated names of the months (optional)

	                     monthNames       string[12] - names of the months (optional)

	   @return  Date - the extracted date value or null if value is blank */

	parseDate: function (format, value, settings) {

		if (format == null || value == null)

			throw 'Invalid arguments';

		value = (typeof value == 'object' ? value.toString() : value + '');

		if (value == '')

			return null;

		var shortYearCutoff = (settings ? settings.shortYearCutoff : null) || this._defaults.shortYearCutoff;

		var dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort;

		var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames;

		var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort;

		var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames;

		var year = -1;

		var month = -1;

		var day = -1;

		var doy = -1;

		var literal = false;

		// Check whether a format character is doubled

		var lookAhead = function(match) {

			var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);

			if (matches)

				iFormat++;

			return matches;

		};

		// Extract a number from the string value

		var getNumber = function(match) {

			lookAhead(match);

			var size = (match == '@' ? 14 : (match == '!' ? 20 :

				(match == 'y' ? 4 : (match == 'o' ? 3 : 2))));

			var digits = new RegExp('^\\d{1,' + size + '}');

			var num = value.substring(iValue).match(digits);

			if (!num)

				throw 'Missing number at position ' + iValue;

			iValue += num[0].length;

			return parseInt(num[0], 10);

		};

		// Extract a name from the string value and convert to an index

		var getName = function(match, shortNames, longNames) {

			var names = (lookAhead(match) ? longNames : shortNames);

			for (var i = 0; i < names.length; i++) {

				if (value.substr(iValue, names[i].length) == names[i]) {

					iValue += names[i].length;

					return i + 1;

				}

			}

			throw 'Unknown name at position ' + iValue;

		};

		// Confirm that a literal character matches the string value

		var checkLiteral = function() {

			if (value.charAt(iValue) != format.charAt(iFormat))

				throw 'Unexpected literal at position ' + iValue;

			iValue++;

		};

		var iValue = 0;

		for (var iFormat = 0; iFormat < format.length; iFormat++) {

			if (literal)