jinda_engine 0.6.0

data/app/assets/javascripts/jinda_engine/jquery.mobile.datebox.js

@@ -0,0 +1,1778 @@
+/*
+ * jQuery Mobile Framework : plugin to provide a date and time picker.
+ * Copyright (c) JTSage
+ * CC 3.0 Attribution.  May be relicensed without permission/notifcation.
+ * https://github.com/jtsage/jquery-mobile-datebox
+ */
+(function($, undefined ) {
+  $.widget( "mobile.datebox", $.mobile.widget, {
+	options: {
+		// All widget options, including some internal runtime details
+		theme: 'c',
+		pickPageTheme: 'b',
+		pickPageInputTheme: 'e',
+		pickPageButtonTheme: 'a',
+		pickPageHighButtonTheme: 'e',
+		pickPageOHighButtonTheme: 'e',
+		pickPageODHighButtonTheme: 'e',
+		pickPageTodayButtonTheme: 'e',
+		pickPageSlideButtonTheme: 'd',
+		pickPageFlipButtonTheme: 'b',
+		centerWindow: true,
+		calHighToday: true,
+		calHighPicked: true,
+		noAnimation: false,
+		disableManualInput: false,
+		
+		disabled: false,
+		wheelExists: false,
+		swipeEnabled: true,
+		zindex: '500',
+		debug: false,
+		
+		setDateButtonLabel: 'Set Date',
+		setTimeButtonLabel: 'Set Time',
+		setDurationButtonLabel: 'Set Duration',
+		calTodayButtonLabel: 'Jump to Today',
+		titleDateDialogLabel: 'Set Date',
+		titleTimeDialogLabel: 'Set Time',
+		titleDialogLabel: false,
+
+		meridiemLetters: ['AM', 'PM'],
+        /* For Thai Language
+        daysOfWeek: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
+        daysOfWeekShort: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'],
+        monthsOfYear: ['มกราคม', 'กุมภาพันธ์', 'มีนาคม', 'เมษษยน', 'พฤษภาคม', 'มิถุนายน', 'กรกฏาคม', 'สิงหาคม', 'กันยายน', 'ตุลาคม', 'พฤศจิกายน', 'ธันวาคม'],
+        */
+        daysOfWeek: ['Sun', 'Mon', 'Tue', 'Wed', 'Thurs', 'Fri', 'Sat'],
+        daysOfWeekShort: ['Sun','Mon', 'Tue', 'Wed', 'Thurs', 'Fri', 'Sat'],
+        monthsOfYear: ['January', 'Febuary', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+        monthsOfYearShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+		durationLabel: ['Days', 'Hours', 'Minutes', 'Seconds'],
+		durationDays: ['Day', 'Days'],
+		durationFormat: 'DD ddd, hh:ii:ss',
+		timeFormat: 24,
+		timeFormats: { '12': 'gg:ii AA', '24': 'HH:ii' },
+		timeOutput: false,
+		rolloverMode: { 'm': true, 'd': true, 'h': true, 'i': true, 's': true },
+		
+		mode: 'datebox',
+		calShowDays: true,
+		calShowOnlyMonth: false,
+		useDialogForceTrue: false,
+		useDialogForceFalse: false,
+		useDialog: false,
+		useModal: false,
+		useInline: false,
+		noButtonFocusMode: false,
+		noButton: false,
+		noSetButton: false,
+		closeCallback: false,
+		open: false,
+		nestedBox: false,
+		
+		fieldsOrder: false,
+		dateFieldOrder: ['m', 'd', 'y'],
+		timeFieldOrder: ['h', 'i', 'a'],
+		slideFieldOrder: ['y', 'm', 'd'],
+		durationOrder: ['d', 'h', 'i', 's'],
+		headerFormat: 'ddd, mmm dd, YYYY',
+		dateFormat: 'YYYY-MM-DD',
+		minuteStep: 1,
+		calTodayButton: false,
+		calWeekMode: false,
+		calWeekModeFirstDay: 1,
+		calWeekModeHighlight: true,
+		calStartDay: 0,
+		defaultPickerValue: false,
+        defaultDate : false,    //this is deprecated and will be removed in the future versions (ok, may be not)
+		minYear: false,
+		maxYear: false,
+		afterToday: false,
+		beforeToday: false,
+		maxDays: false,
+		minDays: false,
+		highDays: false,
+		highDates: false,
+		blackDays: false,
+		blackDates: false,
+		durationSteppers: {'d': 1, 'h': 1, 'i': 1, 's': 1},
+		disabledDayColor: '#888'
+	},
+	_dateboxHandler: function(event, payload) {
+		// Handle all event triggers that have an internal effect
+		if ( ! event.isPropagationStopped() ) {
+			switch (payload.method) {
+				case 'close':
+					$(this).data('datebox').close();
+					break;
+				case 'open':
+					$(this).data('datebox').open();
+					break;
+				case 'set':
+					$(this).val(payload.value);
+					$(this).trigger('change');
+					break;
+				case 'doset':
+					if ( $(this).data('datebox').options.mode === 'timebox' || $(this).data('datebox').options.mode === 'durationbox' ) {
+						$(this).trigger('datebox', {'method':'set', 'value':$(this).data('datebox')._formatTime($(this).data('datebox').theDate)});
+					} else {
+						$(this).trigger('datebox', {'method':'set', 'value':$(this).data('datebox')._formatDate($(this).data('datebox').theDate)});
+					}
+				case 'dooffset':
+					$(this).data('datebox')._offset(payload.type, payload.amount, true);
+					break;
+				case 'dorefresh':
+					$(this).data('datebox')._update();
+					break;
+			}
+		} 
+	},
+	_zeroPad: function(number) {
+		// Pad a number with a zero, to make it 2 digits
+		return ( ( number < 10 ) ? "0" : "" ) + String(number);
+	},
+	_makeOrd: function (num) {
+		// Return an ordinal suffix (1st, 2nd, 3rd, etc)
+		var ending = num % 10;
+		if ( num > 9 && num < 21 ) { return 'th'; }
+		if ( ending > 3 ) { return 'th'; }
+		return ['th','st','nd','rd'][ending];
+	},
+	_isInt: function (s) {
+		// Bool, return is a number is an integer
+		return (s.toString().search(/^[0-9]+$/) === 0);
+	},
+	_dstAdjust: function(date) {
+		// Make sure not to run into daylight savings time.
+		if (!date) { return null; }
+		date.setHours(date.getHours() > 12 ? date.getHours() + 2 : 0);
+		return date;
+	},
+	_getFirstDay: function(date) {
+		// Get the first DAY of the month (0-6)
+		return new Date(date.getFullYear(), date.getMonth(), 1).getDay();
+	},
+	_getLastDate: function(date) {
+		// Get the last DATE of the month (28,29,30,31)
+		return 32 - this._dstAdjust(new Date(date.getFullYear(), date.getMonth(), 32)).getDate();
+	},
+	_getLastDateBefore: function(date) {
+		// Get the last DATE of the PREVIOUS month (28,29,30,31)
+		return 32 - this._dstAdjust(new Date(date.getFullYear(), date.getMonth()-1, 32)).getDate();
+	},
+	_formatter: function(format, date) {
+		// Format the output date or time (not duration)
+		format = format.replace('SS', this._makeOrd(date.getDate()));
+		format = format.replace('YYYY', date.getFullYear());
+		format = format.replace('mmmm', this.options.monthsOfYearShort[date.getMonth()] );
+		format = format.replace('mmm',  this.options.monthsOfYear[date.getMonth()] );
+		format = format.replace('MM',   this._zeroPad(date.getMonth() + 1));
+		format = format.replace('mm',   date.getMonth() + 1);
+		format = format.replace('dddd', this.options.daysOfWeekShort[date.getDay()] );
+		format = format.replace('ddd',  this.options.daysOfWeek[date.getDay()] );
+		format = format.replace('DD',   this._zeroPad(date.getDate()));
+		format = format.replace('dd',   date.getDate());
+		
+		format = format.replace('HH',   this._zeroPad(date.getHours()));
+		format = format.replace('GG',   date.getHours());
+		
+		format = format.replace('hh',   this._zeroPad(((date.getHours() === 0 || date.getHours() === 12)?12:((date.getHours()<12)?date.getHours():date.getHours()-12))));
+		format = format.replace('gg',   ((date.getHours() === 0 || date.getHours() === 12)?12:((date.getHours()<12)?date.getHours():(date.getHours()-12))));
+		
+		format = format.replace('ii',   this._zeroPad(date.getMinutes()));
+		format = format.replace('ss',   this._zeroPad(date.getSeconds()));
+		format = format.replace('AA',   ((date.getHours() < 12)?this.options.meridiemLetters[0].toUpperCase():this.options.meridiemLetters[1].toUpperCase()));
+		format = format.replace('aa',   ((date.getHours() < 12)?this.options.meridiemLetters[0].toLowerCase():this.options.meridiemLetters[1].toLowerCase()));
+		return format;
+	},
+	_formatHeader: function(date) {
+		// Shortcut function to return headerFormat date/time format
+		return this._formatter(this.options.headerFormat, date);
+	},
+	_formatDate: function(date) {
+		// Shortcut function to return dateFormat date/time format
+		return this._formatter(this.options.dateFormat, date);
+	},
+	_isoDate: function(y,m,d) {
+		// Return an ISO 8601 date (yyyy-mm-dd)
+		return String(y) + '-' + (( m < 10 ) ? "0" : "") + String(m) + '-' + ((d < 10 ) ? "0" : "") + String(d);
+	},
+	_formatTime: function(date) {
+		// Shortcut to return formatted time, also handles duration
+		var self = this,
+			dur_collapse = [false,false,false], adv, exp_format, i, j,
+			format = this.options.durationFormat,
+			dur_comps = [0,0,0,0];
+			
+		if ( this.options.mode === 'durationbox' ) {
+			adv = this.options.durationFormat;
+			adv = adv.replace(/ddd/g, '.+?');
+			adv = adv.replace(/DD|ss|hh|ii/g, '([0-9Dhis]+)');
+			adv = RegExp('^' + adv + '$');
+			exp_format = adv.exec(this.options.durationFormat);
+			
+			i = ((self.theDate.getTime() - self.theDate.getMilliseconds()) / 1000) - ((self.initDate.getTime() - self.initDate.getMilliseconds()) / 1000); j = i;
+			
+			dur_comps[0] = parseInt( i / (60*60*24),10); i = i - (dur_comps[0]*60*60*24); // Days
+			dur_comps[1] = parseInt( i / (60*60),10); i = i - (dur_comps[1]*60*60); // Hours
+			dur_comps[2] = parseInt( i / (60),10); i = i - (dur_comps[2]*60); // Minutes
+			dur_comps[3] = i; // Seconds
+			
+			if ( ! exp_format[0].match(/DD/) ) { dur_collapse[0] = true; dur_comps[1] = dur_comps[1] + (dur_comps[0]*24);}
+			if ( ! exp_format[0].match(/hh/) ) { dur_collapse[1] = true; dur_comps[2] = dur_comps[2] + (dur_comps[1]*60);}
+			if ( ! exp_format[0].match(/ii/) ) { dur_collapse[2] = true; dur_comps[3] = dur_comps[3] + (dur_comps[2]*60);}
+			
+			if ( this.options.debug ) { 
+				console.log({'format': exp_format, 'collapse': dur_collapse, 'seconds': j, 'parts': dur_comps});
+			}
+			
+			format = format.replace('DD', dur_comps[0]);
+			format = format.replace('ddd', ((dur_comps[0] > 1)?this.options.durationDays[1]:this.options.durationDays[0]));
+			format = format.replace('hh', self._zeroPad(dur_comps[1]));
+			format = format.replace('ii', self._zeroPad(dur_comps[2]));
+			format = format.replace('ss', self._zeroPad(dur_comps[3]));
+			return format;
+		} else {
+			return this._formatter(self.options.timeOutput, date);
+		}
+	},
+	_makeDate: function (str) {
+		// Date Parser
+		str = $.trim(str);
+		var o = this.options,
+			self = this,
+			adv = null,
+			exp_input = null,
+			exp_format = null,
+			exp_temp = null,
+			date = new Date(),
+			dur_collapse = [false,false,false],
+			found_date = [date.getFullYear(),date.getMonth(),date.getDate(),date.getHours(),date.getMinutes(),date.getSeconds()],
+			i;
+
+		if ( o.mode === 'durationbox' ) {
+			adv = o.durationFormat;
+			adv = adv.replace(/ddd/g, '.+?');
+			adv = adv.replace(/DD|ss|hh|ii/g, '([0-9Dhis]+)');
+			adv = RegExp('^' + adv + '$');
+			exp_input = adv.exec(str);
+			exp_format = adv.exec(o.durationFormat);
+			
+			if ( o.debug ) { // Legacy debug code - you probably never need this.
+				console.log({'info': 'EXPERIMENTAL REGEX MODE ENABLED', 'string': str, 'regex':adv, 'input':exp_input, 'format':exp_format});
+			}
+			
+			if ( exp_input === null || exp_input.length !== exp_format.length ) {
+				if ( typeof o.defaultPickerValue === "number" && o.defaultPickerValue > 0 ) {
+					return new Date(self.initDate.getTime() + (parseInt(o.defaultPickerValue,10) * 1000));
+				} else {
+					return new Date(self.initDate.getTime());
+				}
+			} else {
+				exp_temp = ((self.initDate.getTime() - self.initDate.getMilliseconds()) / 1000);
+				for ( i=0; i<exp_input.length; i++ ) { //0y 1m 2d 3h 4i 5s
+					if ( exp_format[i].match(/^DD$/i) )   { exp_temp = exp_temp + (parseInt(exp_input[i],10)*60*60*24); }
+					if ( exp_format[i].match(/^hh$/i) )   { exp_temp = exp_temp + (parseInt(exp_input[i],10)*60*60); }
+					if ( exp_format[i].match(/^ii$/i) )   { exp_temp = exp_temp + (parseInt(exp_input[i],10)*60); }
+					if ( exp_format[i].match(/^ss$/i) )   { exp_temp = exp_temp + (parseInt(exp_input[i],10)); }
+				}
+				return new Date((exp_temp*1000));
+			}
+		} else {
+			if ( o.mode === 'timebox' || o.mode === 'timeflipbox' ) { adv = o.timeOutput; } else { adv = o.dateFormat; }
+			
+			adv = adv.replace(/dddd|mmmm/g, '(.+?)');
+			adv = adv.replace(/ddd|SS/g, '.+?');
+			adv = adv.replace(/mmm/g, '(.+?)');
+			adv = adv.replace(/ *AA/ig, ' *(.*?)');
+			adv = adv.replace(/yyyy|dd|mm|gg|hh|ii/ig, '([0-9yYdDmMgGhHi]+)');
+			adv = adv.replace(/ss/g, '([0-9s]+)');
+			adv = RegExp('^' + adv + '$');
+			exp_input = adv.exec(str);
+			if ( o.mode === 'timebox' || o.mode === 'timeflipbox' ) {
+				exp_format = adv.exec(o.timeOutput); // If time, use timeOutput as expected format
+			} else {
+				exp_format = adv.exec(o.dateFormat); // If date, use dateFormat as expected format
+			}
+			
+			if ( o.debug ) { // Legacy debug code - you probably never need this.
+				console.log({'info': 'EXPERIMENTAL REGEX MODE ENABLED', 'string': str, 'regex':adv, 'input':exp_input, 'format':exp_format});
+			}
+			
+			if ( exp_input === null || exp_input.length !== exp_format.length ) {
+				if ( o.defaultPickerValue !== false ) {
+					if ( $.isArray(o.defaultPickerValue) && o.defaultPickerValue.length === 3 ) {
+						if ( o.mode === 'timebox' || o.mode === 'timeflipbox' ) {
+							return new Date(found_date[0], found_date[1], found_date[2], o.defaultPickerValue[0], o.defaultPickerValue[1], o.defaultPickerValue[2], 0);
+						}
+						else {
+							return new Date(o.defaultPickerValue[0], o.defaultPickerValue[1], o.defaultPickerValue[2], 0, 0, 0, 0);
+						}
+					}
+					else {
+						if ( o.mode === 'timebox' || o.mode === 'timeflipbox' ) {
+							exp_temp = o.defaultPickerValue.split(':');
+							if ( exp_temp.length === 3 ) {
+								date = new Date(found_date[0], found_date[1], found_date[2], parseInt(exp_temp[0],10),parseInt(exp_temp[1],10),parseInt(exp_temp[2],10),0);
+								if ( isNaN(date.getDate()) ) { date = new Date(); }
+							}
+						}
+						else {
+							exp_temp = o.defaultPickerValue.split('-');
+							if ( exp_temp.length === 3 ) {
+								date = new Date(parseInt(exp_temp[0],10),parseInt(exp_temp[1],10)-1,parseInt(exp_temp[2],10),0,0,0,0);
+								if ( isNaN(date.getDate()) ) { date = new Date(); }
+							}
+						}
+					}
+				}
+			} else {
+				for ( i=0; i<exp_input.length; i++ ) { //0y 1m 2d 3h 4i 5s
+					if ( exp_format[i].match(/^gg$/i) )   { found_date[3] = parseInt(exp_input[i],10); }
+					if ( exp_format[i].match(/^hh$/i) )   { found_date[3] = parseInt(exp_input[i],10); }
+					if ( exp_format[i].match(/^ii$/i) )   { found_date[4] = parseInt(exp_input[i],10); }
+					if ( exp_format[i].match(/^ss$/ ) )   { found_date[5] = parseInt(exp_input[i],10); }
+					if ( exp_format[i].match(/^dd$/i) )   { found_date[2] = parseInt(exp_input[i],10); }
+					if ( exp_format[i].match(/^mm$/i) )   { found_date[1] = parseInt(exp_input[i],10)-1; }
+					if ( exp_format[i].match(/^yyyy$/i) ) { found_date[0] = parseInt(exp_input[i],10); }
+					if ( exp_format[i].match(/^AA$/i) )   { 
+						if ( exp_input[i].toLowerCase().charAt(0) === 'a' && found_date[3] === 12 ) {
+							found_date[3] = 0;
+						} else if ( exp_input[i].toLowerCase().charAt(0) === 'p' && found_date[3] !== 12 ) {
+							found_date[3] = found_date[3] + 12;
+						}
+					}
+					if ( exp_format[i].match(/^mmm$/i) )  { 
+						exp_temp = $.inArray(exp_input[i], o.monthsOfYear);
+						if ( exp_temp > -1 ) { found_date[1] = exp_temp; }
+					}
+					if ( exp_format[i].match(/^mmmm$/i) )  { 
+						exp_temp = $.inArray(exp_input[i], o.monthsOfYearShort);
+						if ( exp_temp > -1 ) { found_date[1] = exp_temp; }
+					}
+				}
+			}
+			if ( exp_format[0].match(/G|g|i|s|H|h|A/) ) { 
+				return new Date(found_date[0], found_date[1], found_date[2], found_date[3], found_date[4], found_date[5], 0);
+			} else {
+				return new Date(found_date[0], found_date[1], found_date[2], 0, 0, 0, 0); // Normalize time for raw dates
+			}
+		}
+	},
+	_checker: function(date) {
+		// Return a ISO 8601 BASIC format date (YYYYMMDD) for simple comparisons
+		return parseInt(String(date.getFullYear()) + this._zeroPad(date.getMonth()+1) + this._zeroPad(date.getDate()),10);
+	},
+	_hoover: function(item) {
+		// Hover toggle class, for calendar
+		$(item).toggleClass('ui-btn-up-'+$(item).attr('data-theme')+' ui-btn-down-'+$(item).attr('data-theme'));
+	},
+	_offset: function(mode, amount, update) {
+		// Compute a date/time offset.
+		//   update = false to prevent controls refresh
+		var self = this,
+			o = this.options;
+			
+		if ( typeof(update) === "undefined" ) { update = true; }
+		self.input.trigger('datebox', {'method':'offset', 'type':mode, 'amount':amount});
+		switch(mode) {
+			case 'y':
+				self.theDate.setYear(self.theDate.getFullYear() + amount);
+				break;
+			case 'm':
+			console.log(o.rolloverMode);
+				if ( o.rolloverMode['m'] || ( self.theDate.getMonth() + amount < 12 && self.theDate.getMonth() + amount > -1 ) ) {
+					self.theDate.setMonth(self.theDate.getMonth() + amount);
+				}
+				break;
+			case 'd':
+				if ( o.rolloverMode['d'] || (
+					self.theDate.getDate() + amount > 0 &&
+					self.theDate.getDate() + amount < (self._getLastDate(self.theDate) + 1) ) ) {
+						self.theDate.setDate(self.theDate.getDate() + amount);
+				}
+				break;
+			case 'h':
+				if ( o.rolloverMode['h'] || (
+					self.theDate.getHours() + amount > -1 &&
+					self.theDate.getHours() + amount < 24 ) ) {
+						self.theDate.setHours(self.theDate.getHours() + amount);
+				}
+				break;
+			case 'i':
+				if ( o.rolloverMode['i'] || (
+					self.theDate.getMinutes() + amount > -1 &&
+					self.theDate.getMinutes() + amount < 60 ) ) {
+						self.theDate.setMinutes(self.theDate.getMinutes() + amount);
+				}
+				break;
+			case 's':
+				if ( o.rolloverMode['i'] || (
+					self.theDate.getSeconds() + amount > -1 &&
+					self.theDate.getSeconds() + amount < 60 ) ) {
+						self.theDate.setSeconds(self.theDate.getSeconds() + amount);
+				}
+				break;
+			case 'a':
+				if ( self.pickerMeri.val() === o.meridiemLetters[0] ) { 
+					self._offset('h',12,false);
+				} else {
+					self._offset('h',-12,false);
+				}
+				break;
+		}
+		if ( update === true ) { self._update(); }
+	},
+	_updateduration: function() {
+		// Update the duration contols when inputs are directly edited.
+		var self = this,
+			secs = (self.initDate.getTime() - self.initDate.getMilliseconds()) / 1000;
+		
+		if ( !self._isInt(self.pickerDay.val())  ) { self.pickerDay.val(0); }
+		if ( !self._isInt(self.pickerHour.val()) ) { self.pickerHour.val(0); }
+		if ( !self._isInt(self.pickerMins.val()) ) { self.pickerMins.val(0); }
+		if ( !self._isInt(self.pickerSecs.val()) ) { self.pickerSecs.val(0); }
+		
+		secs = secs + (parseInt(self.pickerDay.val(),10) * 60 * 60 * 24);
+		secs = secs + (parseInt(self.pickerHour.val(),10) * 60 * 60);
+		secs = secs + (parseInt(self.pickerMins.val(),10) * 60);
+		secs = secs + (parseInt(self.pickerSecs.val(),10));
+		self.theDate.setTime( secs * 1000 );
+		self._update();
+	},
+	_update: function() {
+		// Update the display on date change
+		var self = this,
+			o = self.options, 
+			testDate = null,
+			i, gridWeek, gridDay, skipThis, thisRow, y, cTheme, inheritDate, thisPRow, tmpVal,
+			interval = {'d': 60*60*24, 'h': 60*60, 'i': 60, 's':1},
+			calmode = {};
+			
+		self.input.trigger('datebox', {'method':'refresh'});
+		/* BEGIN:DURATIONBOX */
+		if ( o.mode === 'durationbox' ) {
+			i = ((self.theDate.getTime() - self.theDate.getMilliseconds()) / 1000) - ((self.initDate.getTime() - self.initDate.getMilliseconds()) / 1000);
+			if ( i<0 ) { i = 0; self.theDate.setTime(self.initDate.getTime()); }
+			
+			/* DAYS */
+			y = parseInt( i / interval['d'],10); 
+			i = i - ( y * interval['d'] ); 
+			self.pickerDay.val(y);
+			
+			/* HOURS */
+			y = parseInt( i / interval['h'], 10);
+			i = i - ( y * interval['h'] );
+			self.pickerHour.val(y);
+			
+			/* MINS AND SECS */
+			y = parseInt( i / interval['i'], 10);
+			i = i - ( y * interval['i']); 
+			self.pickerMins.val(y);
+			self.pickerSecs.val(parseInt(i,10));
+		}
+		/* END:DURATIONBOX */
+		/* BEGIN:TIMEBOX */
+		if ( o.mode === 'timebox' ) {
+			if ( o.minuteStep !== 1 ) {
+				i = self.theDate.getMinutes() % o.minuteStep;
+				if ( i !== 0 ) { self.theDate.setMinutes(self.theDate.getMinutes() - i); }
+			}
+			self.pickerMins.val(self._zeroPad(self.theDate.getMinutes()));
+			if ( o.timeFormat === 12 ) { // Handle meridiems
+				if ( self.theDate.getHours() > 11 ) {
+					self.pickerMeri.val(o.meridiemLetters[1]);
+					if ( self.theDate.getHours() === 12 ) {
+						self.pickerHour.val(12);
+					} else {
+						self.pickerHour.val(self.theDate.getHours() - 12);
+					}
+				} else {
+					self.pickerMeri.val(o.meridiemLetters[0]);
+					if ( self.theDate.getHours() === 0 ) {
+						self.pickerHour.val(12);
+					} else {
+						self.pickerHour.val(self.theDate.getHours());
+					}
+				}
+			} else {
+				self.pickerHour.val(self.theDate.getHours());
+			}
+		}
+		/* END:TIMEBOX */
+		/* BEGIN:FLIPBOX */
+		if ( o.mode === 'flipbox' || o.mode === 'timeflipbox' ) {
+			if ( o.afterToday !== false ) {
+				testDate = new Date();
+				if ( self.theDate < testDate ) { self.theDate = testDate; }
+			}
+			if ( o.maxDays !== false ) {
+				testDate = new Date();
+				testDate.setDate(testDate.getDate() + o.maxDays);
+				if ( self.theDate > testDate ) { self.theDate = testDate; }
+			}
+			if ( o.minDays !== false ) {
+				testDate = new Date();
+				testDate.setDate(testDate.getDate() - o.minDays);
+				if ( self.theDate < testDate ) { self.theDate = testDate; }
+			}
+			if ( o.maxYear !== false ) {
+				testDate = new Date(o.maxYear, 0, 1);
+				testDate.setDate(testDate.getDate() - 1);
+				if ( self.theDate > testDate ) { self.theDate = testDate; }
+			}
+			if ( o.minYear !== false ) {
+				testDate = new Date(o.minYear, 0, 1);
+				if ( self.theDate < testDate ) { self.theDate = testDate; }
+			}
+			
+			inheritDate = self._makeDate(self.input.val());
+			
+			self.controlsHeader.html( self._formatHeader(self.theDate) );
+			
+			for ( y=0; y<o.fieldsOrder.length; y++ ) {
+				tmpVal = true;
+				switch (o.fieldsOrder[y]) {
+					case 'y':
+						thisRow = self.pickerYar.find('ul');
+						thisRow.html('');
+						for ( i=-15; i<16; i++ ) {
+							cTheme = ((inheritDate.getFullYear()===(self.theDate.getFullYear() + i))?o.pickPageHighButtonTheme:o.pickPageFlipButtonTheme);
+							if ( i === 0 ) { cTheme = o.pickPageButtonTheme; }
+							$("<li>", { 'class' : 'ui-body-'+cTheme, 'style':''+((tmpVal===true)?'margin-top: -453px':'') })
+								.html("<span>"+(self.theDate.getFullYear() + i)+"</span>")
+								.attr('data-offset', i)
+								.attr('data-theme', cTheme)
+								.appendTo(thisRow);
+							if ( tmpVal === true ) { tmpVal = false; }
+						}
+						break;
+					case 'm':
+						thisRow = self.pickerMon.find('ul');
+						thisRow.html('');
+						for ( i=-12; i<13; i++ ) {
+							testDate = new Date(self.theDate.getFullYear(), self.theDate.getMonth(), 1);
+							testDate.setMonth(testDate.getMonth()+i);
+							cTheme = ( inheritDate.getMonth() === testDate.getMonth() && inheritDate.getYear() === testDate.getYear() ) ? o.pickPageHighButtonTheme : o.pickPageFlipButtonTheme;
+							if ( i === 0 ) { cTheme = o.pickPageButtonTheme; }
+							$("<li>", { 'class' : 'ui-body-'+cTheme, 'style':''+((tmpVal===true)?'margin-top: -357px':'') })
+								.attr('data-offset',i)
+								.attr('data-theme', cTheme)
+								.html("<span>"+o.monthsOfYearShort[testDate.getMonth()]+"</span>")
+								.appendTo(thisRow);
+							if ( tmpVal === true ) { tmpVal = false; }
+						}
+						break;
+					case 'd':
+						thisRow = self.pickerDay.find('ul');
+						thisRow.html('');
+						for ( i=-15; i<16; i++ ) {
+							testDate = new Date(self.theDate.getFullYear(), self.theDate.getMonth(), self.theDate.getDate());
+							testDate.setDate(testDate.getDate()+i);
+							cTheme = ( inheritDate.getDate() === testDate.getDate() && inheritDate.getMonth() === testDate.getMonth() && inheritDate.getYear() === testDate.getYear() ) ? o.pickPageHighButtonTheme : o.pickPageFlipButtonTheme;
+							if ( i === 0 ) { cTheme = o.pickPageButtonTheme; }
+							$("<li>", { 'class' : 'ui-body-'+cTheme, 'style':''+((tmpVal===true)?'margin-top: -453px':'') })
+								.attr('data-offset', i)
+								.attr('data-theme', cTheme)
+								.html("<span>"+testDate.getDate()+"</span>")
+								.appendTo(thisRow);
+							if ( tmpVal === true ) { tmpVal = false; }
+						}
+						break;
+					case 'h':
+						thisRow = self.pickerHour.find('ul');
+						thisRow.html('');
+						for ( i=-12; i<13; i++ ) {
+							testDate = new Date(self.theDate.getFullYear(), self.theDate.getMonth(), self.theDate.getDate(), self.theDate.getHours());
+							testDate.setHours(testDate.getHours()+i);
+							cTheme = ( i === 0 ) ?  o.pickPageButtonTheme : o.pickPageFlipButtonTheme;
+							$("<li>", { 'class' : 'ui-body-'+cTheme, 'style':''+((tmpVal===true)?'margin-top: -357px':'') })
+								.attr('data-offset',i)
+								.attr('data-theme', cTheme)
+								.html("<span>"+( ( o.timeFormat === 12 ) ? ( ( testDate.getHours() === 0 ) ? '12' : ( ( testDate.getHours() < 12 ) ? testDate.getHours() : ( ( testDate.getHours() === 12 ) ? '12' : (testDate.getHours()-12) ) ) ) : testDate.getHours() )+"</span>")
+								.appendTo(thisRow);
+							if ( tmpVal === true ) { tmpVal = false; }
+						}
+						break;
+					case 'i':
+						thisRow = self.pickerMins.find('ul');
+						thisRow.html('');
+						for ( i=-30; i<31; i++ ) {
+							if ( o.minuteStep > 1 ) { self.theDate.setMinutes(self.theDate.getMinutes() - (self.theDate.getMinutes() % o.minuteStep)); }
+							testDate = new Date(self.theDate.getFullYear(), self.theDate.getMonth(), self.theDate.getDate(), self.theDate.getHours(), self.theDate.getMinutes());
+							testDate.setMinutes(testDate.getMinutes()+(i*o.minuteStep));
+							cTheme = ( i === 0 ) ?  o.pickPageButtonTheme : o.pickPageFlipButtonTheme;
+							$("<li>", { 'class' : 'ui-body-'+cTheme, 'style':''+((tmpVal===true)?'margin-top: -933px':'') })
+								.attr('data-offset',(i*o.minuteStep))
+								.attr('data-theme', cTheme)
+								.html("<span>"+self._zeroPad(testDate.getMinutes())+"</span>")
+								.appendTo(thisRow);
+							if ( tmpVal === true ) { tmpVal = false; }
+						}
+						break;
+					case 'a':
+						thisRow = self.pickerMeri.find('ul');
+						thisRow.html('');
+						if ( self.theDate.getHours() > 11 ) { 
+							tmpVal = '-65';
+							cTheme = [o.pickPageFlipButtonTheme, o.pickPageButtonTheme]
+						} else {
+							tmpVal = '-33';
+							cTheme = [o.pickPageButtonTheme, o.pickPageFlipButtonTheme]
+						}
+						$("<li>").appendTo(thisRow).clone().appendTo(thisRow);
+						$("<li>", { 'class' : 'ui-body-'+cTheme[0], 'style':'margin-top: '+tmpVal+'px' })
+							.attr('data-offset',1)
+							.attr('data-theme', cTheme[0])
+							.html("<span>"+o.meridiemLetters[0]+"</span>")
+							.appendTo(thisRow);
+						$("<li>", { 'class' : 'ui-body-'+cTheme[1] })
+							.attr('data-offset',1)
+							.attr('data-theme', cTheme[1])
+							.html("<span>"+o.meridiemLetters[1]+"</span>")
+							.appendTo(thisRow);
+						$("<li>").appendTo(thisRow).clone().appendTo(thisRow);
+						break;
+				}
+			}
+		}
+		/* END:FLIPBOX */
+		/* BEGIN:SLIDEBOX */
+		if ( o.mode === 'slidebox' ) {
+			if ( o.afterToday !== false ) {
+				testDate = new Date();
+				if ( self.theDate < testDate ) { self.theDate = testDate; }
+			}
+			if ( o.maxDays !== false ) {
+				testDate = new Date();
+				testDate.setDate(testDate.getDate() + o.maxDays);
+				if ( self.theDate > testDate ) { self.theDate = testDate; }
+			}
+			if ( o.minDays !== false ) {
+				testDate = new Date();
+				testDate.setDate(testDate.getDate() - o.minDays);
+				if ( self.theDate < testDate ) { self.theDate = testDate; }
+			}
+			if ( o.maxYear !== false ) {
+				testDate = new Date(o.maxYear, 0, 1);
+				testDate.setDate(testDate.getDate() - 1);
+				if ( self.theDate > testDate ) { self.theDate = testDate; }
+			}
+			if ( o.minYear !== false ) {
+				testDate = new Date(o.minYear, 0, 1);
+				if ( self.theDate < testDate ) { self.theDate = testDate; }
+			}
+			
+			inheritDate = self._makeDate(self.input.val());
+			
+			self.controlsHeader.html( self._formatHeader(self.theDate) );
+			self.controlsInput.html('');
+			
+			for ( y=0; y<o.fieldsOrder.length; y++ ) {
+				thisPRow = $("<div>", {'data-rowtype': o.fieldsOrder[y]});
+				
+				if ( o.wheelExists ) {
+					thisPRow.bind('mousewheel', function(e,d) {
+						e.preventDefault();
+						self._offset($(this).attr('data-rowtype'), ((d>0)?1:-1));
+					});
+				}
+				
+				thisRow = $("<div>", {'class': 'ui-datebox-sliderow-int', 'data-rowtype': o.fieldsOrder[y]}).appendTo(thisPRow);
+				
+				if ( o.swipeEnabled ) {
+					thisRow
+						.bind(self.START_DRAG, function(e) {
+							if ( !self.dragMove ) {
+								self.dragMove = true;
+								self.dragTarget = $(this);
+								self.dragPos = parseInt(self.dragTarget.css('marginLeft').replace(/px/i, ''),10);
+								self.dragStart = self.touch ? e.originalEvent.changedTouches[0].pageX : e.pageX;
+								self.dragEnd = false;
+								e.stopPropagation();
+								e.preventDefault();
+							}
+						});
+				}
+				switch (o.fieldsOrder[y]) {
+					case 'y':
+						thisPRow.addClass('ui-datebox-sliderow-ym');
+						thisRow.css('marginLeft', '-333px');
+						for ( i=-5; i<6; i++ ) {
+							cTheme = ((inheritDate.getFullYear()===(self.theDate.getFullYear() + i))?o.pickPageHighButtonTheme:o.pickPageSlideButtonTheme);
+							if ( i === 0 ) { cTheme = o.pickPageButtonTheme; }
+							$("<div>", { 'class' : 'ui-datebox-slideyear ui-corner-all ui-btn-up-'+cTheme })
+								.text(self.theDate.getFullYear() + i)
+								.attr('data-offset', i)
+								.attr('data-theme', cTheme)
+								.bind('vmouseover vmouseout', function() { self._hoover(this); })
+								.bind('vclick', function(e) { e.preventDefault(); self._offset('y', parseInt($(this).attr('data-offset'),10)); })
+								.appendTo(thisRow);
+						}
+						break;
+					case 'm':
+						thisPRow.addClass('ui-datebox-sliderow-ym');
+						thisRow.css('marginLeft', '-204px');
+						for ( i=-6; i<7; i++ ) {
+							testDate = new Date(self.theDate.getFullYear(), self.theDate.getMonth(), 1);
+							testDate.setMonth(testDate.getMonth()+i);
+							cTheme = ( inheritDate.getMonth() === testDate.getMonth() && inheritDate.getYear() === testDate.getYear() ) ? o.pickPageHighButtonTheme : o.pickPageSlideButtonTheme;
+							if ( i === 0 ) { cTheme = o.pickPageButtonTheme; }
+							$("<div>", { 'class' : 'ui-datebox-slidemonth ui-corner-all ui-btn-up-'+cTheme })
+								.attr('data-offset',i)
+								.attr('data-theme', cTheme)
+								.text(o.monthsOfYearShort[testDate.getMonth()])
+								.bind('vmouseover vmouseout', function() { self._hoover(this); })
+								.bind('vclick', function(e) { e.preventDefault(); self._offset('m', parseInt($(this).attr('data-offset'),10)); })
+								.appendTo(thisRow);
+						}
+						break;
+					case 'd':
+						thisPRow.addClass('ui-datebox-sliderow-d');
+						thisRow.css('marginLeft', '-386px');
+						for ( i=-15; i<16; i++ ) {
+							testDate = new Date(self.theDate.getFullYear(), self.theDate.getMonth(), self.theDate.getDate());
+							testDate.setDate(testDate.getDate()+i);
+							cTheme = ( inheritDate.getDate() === testDate.getDate() && inheritDate.getMonth() === testDate.getMonth() && inheritDate.getYear() === testDate.getYear() ) ? o.pickPageHighButtonTheme : o.pickPageSlideButtonTheme;
+							if ( i === 0 ) { cTheme = o.pickPageButtonTheme; }
+							
+							$("<div>", { 'class' : 'ui-datebox-slideday ui-corner-all ui-btn-up-'+cTheme })
+								.attr('data-offset', i)
+								.attr('data-theme', cTheme)
+								.html(testDate.getDate() + '<br /><span class="ui-datebox-slidewday">' + o.daysOfWeekShort[testDate.getDay()] + '</span>')
+								.bind('vmouseover vmouseout', function() { self._hoover(this); })
+								.bind('vclick', function(e) { e.preventDefault(); self._offset('d', parseInt($(this).attr('data-offset'),10)); })
+								.appendTo(thisRow);
+						}
+						break;
+					case 'h':
+						thisPRow.addClass('ui-datebox-sliderow-hi');
+						thisRow.css('marginLeft', '-284px');
+						for ( i=-12; i<13; i++ ) {
+							testDate = new Date(self.theDate.getFullYear(), self.theDate.getMonth(), self.theDate.getDate(), self.theDate.getHours());
+							testDate.setHours(testDate.getHours()+i);
+							cTheme = ( i === 0 ) ?  o.pickPageButtonTheme : o.pickPageSlideButtonTheme;
+							$("<div>", { 'class' : 'ui-datebox-slidehour ui-corner-all ui-btn-up-'+cTheme })
+								.attr('data-offset',i)
+								.attr('data-theme', cTheme)
+								.html(( ( o.timeFormat === 12 ) ? ( ( testDate.getHours() === 0 ) ? '12<span class="ui-datebox-slidewday">AM</span>' : ( ( testDate.getHours() < 12 ) ? testDate.getHours() + '<span class="ui-datebox-slidewday">AM</span>' : ( ( testDate.getHours() === 12 ) ? '12<span class="ui-datebox-slidewday">PM</span>' : (testDate.getHours()-12) + '<span class="ui-datebox-slidewday">PM</span>') ) ) : testDate.getHours() ))
+								.bind('vmouseover vmouseout', function() { self._hoover(this); })
+								.bind('vclick', function(e) { e.preventDefault(); self._offset('h', parseInt($(this).attr('data-offset'),10)); })
+								.appendTo(thisRow);
+						}
+						break;
+					case 'i':
+						thisPRow.addClass('ui-datebox-sliderow-hi');
+						thisRow.css('marginLeft', '-896px');
+						for ( i=-30; i<31; i++ ) {
+							testDate = new Date(self.theDate.getFullYear(), self.theDate.getMonth(), self.theDate.getDate(), self.theDate.getHours(), self.theDate.getMinutes());
+							testDate.setMinutes(testDate.getMinutes()+i);
+							cTheme = ( i === 0 ) ?  o.pickPageButtonTheme : o.pickPageSlideButtonTheme;
+							$("<div>", { 'class' : 'ui-datebox-slidemins ui-corner-all ui-btn-up-'+cTheme })
+								.attr('data-offset',i)
+								.attr('data-theme', cTheme)
+								.text(self._zeroPad(testDate.getMinutes()))
+								.bind('vmouseover vmouseout', function() { self._hoover(this); })
+								.bind('vclick', function(e) { e.preventDefault(); self._offset('i', parseInt($(this).attr('data-offset'),10)); })
+								.appendTo(thisRow);
+						}
+						break;
+				}
+				thisPRow.appendTo(self.controlsInput);
+			}
+		}
+		/* END:SLIDEBOX */
+		/* BEGIN:DATEBOX */
+		if ( o.mode === 'datebox' ) {
+			if ( o.afterToday !== false ) {
+				testDate = new Date();
+				if ( self.theDate < testDate ) { self.theDate = testDate; }
+			}
+			if ( o.beforeToday !== false ) {
+				testDate = new Date();
+				if ( self.theDate > testDate ) { self.theDate = testDate; }
+			}
+			if ( o.maxDays !== false ) {
+				testDate = new Date();
+				testDate.setDate(testDate.getDate() + o.maxDays);
+				if ( self.theDate > testDate ) { self.theDate = testDate; }
+			}
+			if ( o.minDays !== false ) {
+				testDate = new Date();
+				testDate.setDate(testDate.getDate() - o.minDays);
+				if ( self.theDate < testDate ) { self.theDate = testDate; }
+			}
+			if ( o.maxYear !== false ) {
+				testDate = new Date(o.maxYear, 0, 1);
+				testDate.setDate(testDate.getDate() - 1);
+				if ( self.theDate > testDate ) { self.theDate = testDate; }
+			}
+			if ( o.minYear !== false ) {
+				testDate = new Date(o.minYear, 0, 1);
+				if ( self.theDate < testDate ) { self.theDate = testDate; }
+			}
+			
+			self.controlsHeader.html( self._formatHeader(self.theDate) );
+			self.pickerMon.val(self.theDate.getMonth() + 1);
+			self.pickerDay.val(self.theDate.getDate());
+			self.pickerYar.val(self.theDate.getFullYear());
+		}
+		/* END:DATEBOX */
+		/* BEGIN:CALBOX */
+		if ( o.mode === 'calbox' ) { // Meat and potatos - make the calendar grid.
+			self.controlsInput.text( o.monthsOfYear[self.theDate.getMonth()] + " " + self.theDate.getFullYear() );
+			self.controlsSet.html('');
+			
+			calmode = {'today': -1, 'highlightDay': -1, 'presetDay': -1, 'nexttoday': 1,
+				'thisDate': new Date(), 'maxDate': new Date(), 'minDate': new Date(),
+				'currentMonth': false, 'weekMode': 0, 'weekDays': null, 'thisTheme': o.pickPageButtonTheme };
+			calmode.start = self._getFirstDay(self.theDate);
+			calmode.end = self._getLastDate(self.theDate);
+			calmode.lastend = self._getLastDateBefore(self.theDate);
+			calmode.presetDate = self._makeDate(self.input.val());	
+						
+			if ( o.calStartDay > 0 ) {
+				calmode.start = calmode.start - o.calStartDay;
+				if ( calmode.start < 0 ) { calmode.start = calmode.start + 7; }
+			}
+			
+			calmode.prevtoday = calmode.lastend - (calmode.start - 1);
+			calmode.checkDates = ( o.afterToday !== false || o.beforeToday !== false || o.notToday !== false || o.maxDays !== false || o.minDays !== false || o.blackDates !== false || o.blackDays !== false );
+				
+			if ( calmode.thisDate.getMonth() === self.theDate.getMonth() && calmode.thisDate.getFullYear() === self.theDate.getFullYear() ) { calmode.currentMonth = true; calmode.highlightDay = calmode.thisDate.getDate(); } 
+			if ( self._checker(calmode.presetDate) === self._checker(self.theDate) ) { calmode.presetDay = calmode.presetDate.getDate(); }
+			
+			self.calNoPrev = false; self.calNoNext = false;
+			
+			if ( o.afterToday === true && 
+				( calmode.currentMonth === true || ( calmode.thisDate.getMonth() >= self.theDate.getMonth() && self.theDate.getFullYear() === calmode.thisDate.getFullYear() ) ) ) { 
+				self.calNoPrev = true; }
+			if ( o.beforeToday === true &&
+				( calmode.currentMonth === true || ( calmode.thisDate.getMonth() <= self.theDate.getMonth() && self.theDate.getFullYear() === calmode.thisDate.getFullYear() ) ) ) {
+				self.calNoNext = true; }
+			
+			if ( o.minDays !== false ) {
+				calmode.minDate.setDate(calmode.minDate.getDate() - o.minDays);
+				if ( self.theDate.getFullYear() === calmode.minDate.getFullYear() && self.theDate.getMonth() <= calmode.minDate.getMonth() ) { self.calNoPrev = true;}
+			}
+			if ( o.maxDays !== false ) {
+				calmode.maxDate.setDate(calmode.maxDate.getDate() + o.maxDays);
+				if ( self.theDate.getFullYear() === calmode.maxDate.getFullYear() && self.theDate.getMonth() >= calmode.maxDate.getMonth() ) { self.calNoNext = true;}
+			}
+			
+			if ( o.calShowDays ) {
+				if ( o.daysOfWeekShort.length < 8 ) { o.daysOfWeekShort = o.daysOfWeekShort.concat(o.daysOfWeekShort); }
+				calmode.weekDays = $("<div>", {'class':'ui-datebox-gridrow'}).appendTo(self.controlsSet);
+				for ( i=0; i<=6;i++ ) {
+					$("<div>"+o.daysOfWeekShort[i+o.calStartDay]+"</div>").addClass('ui-datebox-griddate ui-datebox-griddate-empty ui-datebox-griddate-label').appendTo(calmode.weekDays);
+				}
+			}
+			
+			for ( gridWeek=0; gridWeek<=5; gridWeek++ ) {
+				if ( gridWeek === 0 || ( gridWeek > 0 && (calmode.today > 0 && calmode.today <= calmode.end) ) ) {
+					thisRow = $("<div>", {'class': 'ui-datebox-gridrow'}).appendTo(self.controlsSet);
+					for ( gridDay=0; gridDay<=6; gridDay++) {
+						if ( gridDay === 0 ) { calmode.weekMode = ( calmode.today < 1 ) ? (calmode.prevtoday - calmode.lastend + o.calWeekModeFirstDay) : (calmode.today + o.calWeekModeFirstDay); }
+						if ( gridDay === calmode.start && gridWeek === 0 ) { calmode.today = 1; }
+						if ( calmode.today > calmode.end ) { calmode.today = -1; }
+						if ( calmode.today < 1 ) {
+							if ( o.calShowOnlyMonth ) {
+								$("<div>", {'class': 'ui-datebox-griddate ui-datebox-griddate-empty'}).appendTo(thisRow);
+							} else {
+								if (
+									( o.blackDays !== false && $.inArray(gridDay, o.blackDays) > -1 ) ||
+									( o.blackDates !== false && $.inArray(self._isoDate(self.theDate.getFullYear(), (self.theDate.getMonth()), calmode.prevtoday), o.blackDates) > -1 ) ||
+									( o.blackDates !== false && $.inArray(self._isoDate(self.theDate.getFullYear(), (self.theDate.getMonth()+2), calmode.nexttoday), o.blackDates) > -1 ) ) {
+										skipThis = true;
+								} else { skipThis = false; }
+									
+								if ( gridWeek === 0 ) {
+									$("<div>"+String(calmode.prevtoday)+"</div>")
+										.addClass('ui-datebox-griddate ui-datebox-griddate-empty').appendTo(thisRow)
+										.attr('data-date', ((o.calWeekMode)?(calmode.weekMode+calmode.lastend):calmode.prevtoday))
+										.bind((!skipThis)?'vclick':'error', function(e) {
+											e.preventDefault();
+											if ( !self.calNoPrev ) {
+												self.theDate.setMonth(self.theDate.getMonth() - 1);
+												self.theDate.setDate($(this).attr('data-date'));
+												self.input.trigger('datebox', {'method':'set', 'value':self._formatDate(self.theDate)});
+												self.input.trigger('datebox', {'method':'close'});
+											}
+										});
+									calmode.prevtoday++;
+								} else {
+									$("<div>"+String(calmode.nexttoday)+"</div>")
+										.addClass('ui-datebox-griddate ui-datebox-griddate-empty').appendTo(thisRow)
+										.attr('data-date', ((o.calWeekMode)?calmode.weekMode:calmode.nexttoday))
+										.bind((!skipThis)?'vclick':'error', function(e) {
+											e.preventDefault();
+											if ( !self.calNoNext ) {
+												self.theDate.setDate($(this).attr('data-date'));
+												if ( !o.calWeekMode ) { self.theDate.setMonth(self.theDate.getMonth() + 1); }
+												self.input.trigger('datebox', {'method':'set', 'value':self._formatDate(self.theDate)});
+												self.input.trigger('datebox', {'method':'close'});
+											}
+										});
+									calmode.nexttoday++;
+								}
+							}
+						} else {
+							skipThis = false;
+							if ( calmode.checkDates ) {
+								if ( o.afterToday && self._checker(calmode.thisDate) > (self._checker(self.theDate)+calmode.today-self.theDate.getDate()) ) {
+									skipThis = true;
+								} 
+								if ( !skipThis && o.beforeToday && self._checker(calmode.thisDate) < (self._checker(self.theDate)+calmode.today-self.theDate.getDate()) ) {
+									skipThis = true;
+								}
+								if ( !skipThis && o.notToday && calmode.today === calmode.highlightDay ) {
+									skipThis = true;
+								}
+								if ( !skipThis && o.maxDays !== false && self._checker(calmode.maxDate) < (self._checker(self.theDate)+calmode.today-self.theDate.getDate()) ) {
+									skipThis = true;
+								} 
+								if ( !skipThis && o.minDays !== false && self._checker(calmode.minDate) > (self._checker(self.theDate)+calmode.today-self.theDate.getDate()) ) {
+									skipThis = true;
+								} 
+								if ( !skipThis && ( o.blackDays !== false || o.blackDates !== false ) ) { // Blacklists
+									if ( 
+										( $.inArray(gridDay, o.blackDays) > -1 ) ||
+										( $.inArray(self._isoDate(self.theDate.getFullYear(), self.theDate.getMonth()+1, calmode.today), o.blackDates) > -1 ) ) { 
+											skipThis = true;
+									}
+								}
+							}
+							
+							if ( o.calHighPicked && calmode.today === calmode.presetDay ) { 
+								calmode.thisTheme = o.pickPageHighButtonTheme;
+							} else if ( o.calHighToday && calmode.today === calmode.highlightDay ) {
+								calmode.thisTheme = o.pickPageTodayButtonTheme;
+							} else if ( $.isArray(o.highDates) && ($.inArray(self._isoDate(self.theDate.getFullYear(), self.theDate.getMonth()+1, calmode.today), o.highDates) > -1 ) ) {
+								calmode.thisTheme = o.pickPageOHighButtonTheme;
+							} else if ( $.isArray(o.highDays) && $.inArray(gridDay, o.highDays) > -1 ) {
+								calmode.thisTheme = o.pickPageODHighButtonTheme;
+							} else {
+								calmode.thisTheme = o.pickPageButtonTheme;
+							}
+							
+							$("<div>"+String(calmode.today)+"</div>")
+								.addClass('ui-datebox-griddate ui-corner-all')
+								.attr('data-date', ((o.calWeekMode)?calmode.weekMode:calmode.today))
+								.attr('data-theme', calmode.thisTheme)
+								.appendTo(thisRow)
+								.addClass('ui-btn-up-'+calmode.thisTheme)
+								.bind('vmouseover vmouseout', function() { 
+									if ( o.calWeekMode !== false && o.calWeekModeHighlight === true ) {
+										$(this).parent().find('div').each(function() { self._hoover(this); });
+									} else { self._hoover(this); }
+								})
+								.bind((!skipThis)?'vclick':'error', function(e) {
+										e.preventDefault();
+										self.theDate.setDate($(this).attr('data-date'));
+										self.input.trigger('datebox', {'method':'set', 'value':self._formatDate(self.theDate)});
+										self.input.trigger('datebox', {'method':'close'});
+								})
+								.css((skipThis)?'color':'nocolor', o.disabledDayColor);
+							
+							calmode.today++;
+						}
+					}
+				}
+			}
+		}
+		/* END:CALBOX */
+	},
+	_create: function() {
+		// Create the widget, called automatically by widget system
+		var self = this,
+			o = $.extend(this.options, this.element.data('options')),
+			input = this.element,
+			focusedEl = input.wrap('<div class="ui-input-datebox ui-shadow-inset ui-corner-all ui-body-'+ o.theme +'"></div>').parent(),
+			theDate = new Date(), // Internal date object, used for all operations
+			initDate = new Date(theDate.getTime()), // Initilization time - used for duration
+			dialogTitle = ((o.titleDialogLabel === false)?((o.mode==='timebox')?o.titleTimeDialogLabel:o.titleDateDialogLabel):o.titleDialogLabel),
+			
+			// This is the button that is added to the original input
+			openbutton = $('<a href="#" class="ui-input-clear" title="date picker">date picker</a>')
+				.bind('vclick', function (e) {
+					e.preventDefault();
+					if ( !o.disabled ) { self.input.trigger('datebox', {'method': 'open'}); }
+					setTimeout( function() { $(e.target).closest("a").removeClass($.mobile.activeBtnClass); }, 300);
+				})
+				.appendTo(focusedEl).buttonMarkup({icon: 'grid', iconpos: 'notext', corners:true, shadow:true})
+				.css({'vertical-align': 'middle', 'float': 'right'}),
+			thisPage = input.closest('.ui-page'),
+			pickPage = $("<div data-role='dialog' class='ui-dialog-datebox' data-theme='" + o.pickPageTheme + "' >" +
+						"<div data-role='header' data-backbtn='false' data-theme='a'>" +
+							"<div class='ui-title'>" + dialogTitle + "</div>"+
+						"</div>"+
+						"<div data-role='content'></div>"+
+					"</div>")
+					.appendTo( $.mobile.pageContainer )
+					.page().css('minHeight', '0px').css('zIndex', o.zindex).addClass('pop'),
+			pickPageContent = pickPage.find( ".ui-content" ),
+			touch = ('ontouchstart' in window),
+			START_EVENT = touch ? 'touchstart' : 'mousedown',
+			MOVE_EVENT = touch ? 'touchmove' : 'mousemove',
+			END_EVENT = touch ? 'touchend' : 'mouseup',
+			dragMove = false,
+			dragStart = false,
+			dragEnd = false,
+			dragPos = false,
+			dragTarget = false,
+			dragThisDelta = 0;
+		
+        if(o.defaultPickerValue===false && o.defaultDate!==false){
+            o.defaultPickerValue = o.defaultDate;
+        }
+
+		$('label[for='+input.attr('id')+']').addClass('ui-input-text').css('verticalAlign', 'middle');
+		
+		/* BUILD:MODE */
+		
+		if ( o.mode === "timeflipbox" ) { // No header in time flipbox.
+			o.headerFormat = ' ';
+		}
+		
+		// Select the appropriate output format if not otherwise specified
+		if ( o.timeOutput === false ) {
+			o.timeOutput = o.timeFormats[o.timeFormat];
+		}
+		if ( o.fieldsOrder === false ) {
+			switch (o.mode) {
+				case 'timebox':
+				case 'timeflipbox':
+					o.fieldsOrder = o.timeFieldOrder; 
+					break;
+				case 'slidebox':
+					o.fieldsOrder = o.slideFieldOrder; 
+					break;
+				default:
+					o.fieldsOrder = o.dateFieldOrder; 
+			}
+		}
+		
+		// For focus mode, disable button, and bind click of input element and it's parent	
+		if ( o.noButtonFocusMode || o.useInline || o.noButton ) { openbutton.hide(); }
+		
+		focusedEl.bind('vclick', function() {
+			if ( !o.disabled && o.noButtonFocusMode ) { input.trigger('datebox', {'method': 'open'}); }
+		});
+		
+		
+		input
+			.removeClass('ui-corner-all ui-shadow-inset')
+			.focus(function(){
+				if ( ! o.disabled ) {
+					focusedEl.addClass('ui-focus');
+					if ( o.noButtonFocusMode ) { focusedEl.addClass('ui-focus'); input.trigger('datebox', {'method': 'open'}); }
+				}
+				input.removeClass('ui-focus');
+			})
+			.blur(function(){
+				focusedEl.removeClass('ui-focus');
+				input.removeClass('ui-focus');
+			})
+			.change(function() {
+				self.theDate = self._makeDate(self.input.val());
+				self._update();
+			});
+			
+		// Bind the master handler.
+		input.bind('datebox', self._dateboxHandler);
+		
+		// Bind the close button on the DIALOG mode.
+		pickPage.find( ".ui-header a").bind('vclick', function(e) {
+			e.preventDefault();
+			e.stopImmediatePropagation();
+			self.input.trigger('datebox', {'method':'close'});
+		});
+
+		$.extend(self, {
+			pickPage: pickPage,
+			thisPage: thisPage,
+			pickPageContent: pickPageContent,
+			input: input,
+			theDate: theDate,
+			initDate: initDate,
+			focusedEl: focusedEl,
+			touch: touch,
+			START_DRAG: START_EVENT,
+			MOVE_DRAG: MOVE_EVENT,
+			END_DRAG: END_EVENT,
+			dragMove: dragMove,
+			dragStart: dragStart,
+			dragEnd: dragEnd,
+			dragPos: dragPos
+		});
+		
+		// Check if mousewheel plugin is loaded
+		if ( typeof $.event.special.mousewheel !== 'undefined' ) { o.wheelExists = true; }
+		
+		self._buildPage();
+		
+		// drag and drop support, all ending and moving events are defined here, start events are handled in _buildPage or update
+		if ( o.swipeEnabled ) {
+			$(document).bind(self.MOVE_DRAG, function(e) {
+				if ( self.dragMove ) {
+					if ( o.mode === 'slidebox' ) {
+						self.dragEnd = self.touch ? e.originalEvent.changedTouches[0].pageX : e.pageX;
+						self.dragTarget.css('marginLeft', (self.dragPos + self.dragEnd - self.dragStart) + 'px');
+						e.preventDefault();
+						e.stopPropagation();
+						return false;
+					} else if ( o.mode === 'flipbox' || o.mode === 'timeflipbox' ) {
+						self.dragEnd = self.touch ? e.originalEvent.changedTouches[0].pageY : e.pageY;
+						self.dragTarget.css('marginTop', (self.dragPos + self.dragEnd - self.dragStart) + 'px');
+						e.preventDefault();
+						e.stopPropagation();
+						return false;
+					} else if ( o.mode === 'durationbox' || o.mode === 'timebox' || o.mode === 'datebox' ) {
+						self.dragEnd = self.touch ? e.originalEvent.changedTouches[0].pageY : e.pageY;
+						if ( (self.dragEnd - self.dragStart) % 2 === 0 ) {
+							dragThisDelta = (self.dragEnd - self.dragStart) / -2;
+							if ( dragThisDelta < self.dragPos ) {
+								self._offset(self.dragTarget, -1*(self.dragTarget==='i'?o.minuteStep:1));
+							} else if ( dragThisDelta > self.dragPos ) {
+								self._offset(self.dragTarget, 1*(self.dragTarget==='i'?o.minuteStep:1));
+							} 
+							self.dragPos = dragThisDelta;
+						}
+						e.preventDefault();
+						e.stopPropagation();
+						return false;
+					}
+				} 
+			});
+			$(document).bind(self.END_DRAG, function(e) {
+				if ( self.dragMove ) {
+					self.dragMove = false;
+					if ( o.mode === 'slidebox' ) {
+						if ( self.dragEnd !== false && Math.abs(self.dragStart - self.dragEnd) > 25 ) {
+							e.preventDefault();
+							e.stopPropagation();
+							switch(self.dragTarget.parent().data('rowtype')) {
+								case 'y':
+									self._offset('y', parseInt(( self.dragStart - self.dragEnd ) / 84, 10));
+									break;
+								case 'm':
+									self._offset('m', parseInt(( self.dragStart - self.dragEnd ) / 51, 10));
+									break;
+								case 'd':
+									self._offset('d', parseInt(( self.dragStart - self.dragEnd ) / 32, 10));
+									break;
+								case 'h':
+									self._offset('h', parseInt(( self.dragStart - self.dragEnd ) / 32, 10));
+									break;
+								case 'i':
+									self._offset('i', parseInt(( self.dragStart - self.dragEnd ) / 32, 10));
+									break;
+							}
+						}
+					} else if ( o.mode === 'flipbox' || o.mode === 'timeflipbox' ) {
+						if ( self.dragEnd !== false ) {
+							e.preventDefault();
+							e.stopPropagation();
+							self._offset(self.dragTarget.parent().parent().data('field'), parseInt(( self.dragStart - self.dragEnd ) / 30, 10));
+						}
+					}
+					self.dragStart = false;
+					self.dragEnd = false;
+				}
+			});
+		}
+		
+		// Disable when done if element attribute disabled is true.
+		if ( input.is(':disabled') ) {
+			self.disable();
+		}
+		// Turn input readonly if requested (on by default)
+		if ( o.disableManualInput === true ) {
+			input.attr("readonly", true);
+		}
+	},
+	_buildPage: function () {
+		// Build the controls
+		var self = this,
+			o = self.options, x, newHour, fld,
+			linkdiv =$("<div><a href='#'></a></div>"),
+			pickerContent = $("<div>", { "class": 'ui-datebox-container ui-overlay-shadow ui-corner-all ui-datebox-hidden pop ui-body-'+o.pickPageTheme} ).css('zIndex', o.zindex),
+			templInput = $("<input type='text' />").addClass('ui-input-text ui-corner-all ui-shadow-inset ui-datebox-input ui-body-'+o.pickPageInputTheme),
+			templControls = $("<div>", { "class":'ui-datebox-controls' }),
+			templFlip = $("<div class='ui-overlay-shadow'><ul></ul></div>"),
+			controlsPlus, controlsInput, controlsMinus, controlsSet, controlsHeader,
+			pickerHour, pickerMins, pickerMeri, pickerMon, pickerDay, pickerYar, pickerSecs,
+			calNoNext = false,
+			calNoPrev = false,
+			screen = $("<div>", {'class':'ui-datebox-screen ui-datebox-hidden'+((o.useModal)?' ui-datebox-screen-modal':'')})
+				.css({'z-index': o.zindex-1})
+				.appendTo(self.thisPage)
+				.bind("vclick", function(event) {
+					event.preventDefault();
+					self.input.trigger('datebox', {'method':'close'});
+				});
+		
+		if ( o.noAnimation ) { pickerContent.removeClass('pop'); }
+		
+		/* BEGIN:FLIPBOX */
+		if ( o.mode === 'flipbox' || o.mode === 'timeflipbox' ) {
+			controlsHeader = $("<div class='ui-datebox-header'><h4>Unitialized</h4></div>").appendTo(pickerContent).find("h4");
+			controlsInput = $("<div>", {"class":'ui-datebox-flipcontent'}).appendTo(pickerContent);
+			controlsPlus = $("<div>", {"class":'ui-datebox-flipcenter ui-overlay-shadow'}).appendTo(pickerContent);
+			controlsSet = templControls.clone().appendTo(pickerContent);
+			
+			pickerDay = templFlip.clone().attr('data-field', 'd');
+			pickerMon = templFlip.clone().attr('data-field', 'm');
+			pickerYar = templFlip.clone().attr('data-field', 'y');
+			pickerHour = templFlip.clone().attr('data-field', 'h');
+			pickerMins = templFlip.clone().attr('data-field', 'i');
+			pickerMeri = templFlip.clone().attr('data-field', 'a');
+			
+			if ( o.wheelExists ) { // Mousewheel operation, if the plugin is loaded.
+				pickerYar.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('y', (d<0)?-1:1); });
+				pickerMon.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('m', (d<0)?-1:1); });
+				pickerDay.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('d', (d<0)?-1:1); });
+				pickerHour.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('h', (d<0)?-1:1); });
+				pickerMins.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('i', ((d<0)?-1:1)*o.minuteStep); });
+				pickerMeri.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('a', d); });
+				controlsPlus.bind('mousewheel', function(e,d) { 
+					e.preventDefault();
+					if ( o.fieldsOrder.length === 3 ) {
+						fld = o.fieldsOrder[parseInt((e.pageX - $(e.currentTarget).offset().left) / 87, 10)];
+					} else if ( o.fieldsOrder.length === 2 ) {
+						fld = o.fieldsOrder[parseInt((e.pageX - $(e.currentTarget).offset().left) / 130, 10)];
+					}
+					self._offset(fld, ((d<0)?-1:1) * ((fld==="i")?o.minuteStep:1));
+				});
+			}
+			
+			for(x=0; x<=o.fieldsOrder.length; x++) { // Use fieldsOrder to decide which to show.
+				if (o.fieldsOrder[x] === 'y') { pickerYar.appendTo(controlsInput); }
+				if (o.fieldsOrder[x] === 'm') { pickerMon.appendTo(controlsInput); }
+				if (o.fieldsOrder[x] === 'd') { pickerDay.appendTo(controlsInput); }
+				if (o.fieldsOrder[x] === 'h') { pickerHour.appendTo(controlsInput); }
+				if (o.fieldsOrder[x] === 'i') { pickerMins.appendTo(controlsInput); }
+				if (o.fieldsOrder[x] === 'a' && o.timeFormat === 12 ) { pickerMeri.appendTo(controlsInput); }
+			}
+			
+			if ( o.swipeEnabled ) { // Drag and drop support
+				controlsInput.find('ul').bind(self.START_DRAG, function(e,f) {
+					if ( !self.dragMove ) {
+						if ( typeof f !== "undefined" ) { e = f; }
+						self.dragMove = true;
+						self.dragTarget = $(this).find('li').first();
+						self.dragPos = parseInt(self.dragTarget.css('marginTop').replace(/px/i, ''),10);
+						self.dragStart = self.touch ? e.originalEvent.changedTouches[0].pageY : e.pageY;
+						self.dragEnd = false;
+						e.stopPropagation();
+						e.preventDefault();
+					}
+				});
+				controlsPlus.bind(self.START_DRAG, function(e) {
+					if ( !self.dragMove ) {
+						self.dragTarget = self.touch ? e.originalEvent.changedTouches[0].pageX - $(e.currentTarget).offset().left : e.pageX - $(e.currentTarget).offset().left;
+						if ( o.fieldsOrder.length === 3 ) {
+							$(self.controlsInput.find('ul').get(parseInt(self.dragTarget / 87, 10))).trigger(self.START_DRAG, e);
+						} else if ( o.fieldsOrder.length === 2 ) {
+							$(self.controlsInput.find('ul').get(parseInt(self.dragTarget / 130, 10))).trigger(self.START_DRAG, e);
+						}
+					}
+				});
+			}
+			
+			if ( o.noSetButton === false ) { // Set button at bottom
+				$("<a href='#'>" + ((o.mode==='timeflipbox')?o.setTimeButtonLabel:o.setDateButtonLabel) + "</a>")
+					.appendTo(controlsSet).buttonMarkup({theme: o.pickPageTheme, icon: 'check', iconpos: 'left', corners:true, shadow:true})
+					.bind('vclick', function(e) {
+						e.preventDefault();
+						if ( o.mode === 'timeflipbox' ) { self.input.trigger('datebox', {'method':'set', 'value':self._formatTime(self.theDate)}); }
+						else { self.input.trigger('datebox', {'method':'set', 'value':self._formatDate(self.theDate)}); }
+						self.input.trigger('datebox', {'method':'close'});
+					});
+			}
+			
+			$.extend(self, {
+				controlsHeader: controlsHeader,
+				controlsInput: controlsInput,
+				pickerDay: pickerDay,
+				pickerMon: pickerMon,
+				pickerYar: pickerYar,
+				pickerHour: pickerHour,
+				pickerMins: pickerMins,
+				pickerMeri: pickerMeri
+			});
+			
+			pickerContent.appendTo(self.thisPage);
+			
+		}
+		/* END:FLIPBOX */
+		/* BEGIN:DURATIONBOX */
+		if ( o.mode === 'durationbox' ) {
+			controlsPlus = templControls.clone().removeClass('ui-datebox-controls').addClass('ui-datebox-scontrols').appendTo(pickerContent);
+			controlsInput = controlsPlus.clone().appendTo(pickerContent);
+			controlsMinus = controlsPlus.clone().appendTo(pickerContent);
+			controlsSet = templControls.clone().appendTo(pickerContent);
+			
+			pickerDay = templInput.removeClass('ui-datebox-input').clone()
+				.keyup(function() {	if ( $(this).val() !== '' ) { self._updateduration(); } });
+				
+			pickerHour = pickerDay.clone().keyup(function() {	if ( $(this).val() !== '' ) { self._updateduration(); } });
+			pickerMins = pickerDay.clone().keyup(function() {	if ( $(this).val() !== '' ) { self._updateduration(); } });
+			pickerSecs = pickerDay.clone().keyup(function() {	if ( $(this).val() !== '' ) { self._updateduration(); } });
+			
+			if ( o.wheelExists ) { // Mousewheel operation, if the plgin is loaded
+					pickerDay.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('d', ((d<0)?-1:1)*o.durationSteppers['d']); });
+					pickerHour.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('h', ((d<0)?-1:1)*o.durationSteppers['h']); });
+					pickerMins.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('i', ((d<0)?-1:1)*o.durationSteppers['i']); });
+					pickerSecs.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('s', ((d<0)?-1:1)*o.durationSteppers['s']); });
+				}
+			
+			for ( x=0; x<o.durationOrder.length; x++ ) { // Use durationOrder to decide what goes where
+				switch ( o.durationOrder[x] ) {
+					case 'd':
+						$('<div>', {'class': 'ui-datebox-sinput', 'data-field': 'd'}).append(pickerDay).appendTo(controlsInput).prepend('<label>'+o.durationLabel[0]+'</label>');
+						break;
+					case 'h':
+						$('<div>', {'class': 'ui-datebox-sinput', 'data-field': 'h'}).append(pickerHour).appendTo(controlsInput).prepend('<label>'+o.durationLabel[1]+'</label>');
+						break;
+					case 'i':
+						$('<div>', {'class': 'ui-datebox-sinput', 'data-field': 'i'}).append(pickerMins).appendTo(controlsInput).prepend('<label>'+o.durationLabel[2]+'</label>');
+						break;
+					case 's':
+						$('<div>', {'class': 'ui-datebox-sinput', 'data-field': 's'}).append(pickerSecs).appendTo(controlsInput).prepend('<label>'+o.durationLabel[3]+'</label>');
+						break;
+				}
+			}
+			
+			if ( o.swipeEnabled ) { // Drag and drop operation
+				controlsInput.find('input').bind(self.START_DRAG, function(e) {
+					if ( !self.dragMove ) {
+						self.dragMove = true;
+						self.dragTarget = $(this).parent().data('field');
+						self.dragPos = 0;
+						self.dragStart = self.touch ? e.originalEvent.changedTouches[0].pageY : e.pageY;
+						self.dragEnd = false;
+						e.stopPropagation();
+					}
+				});
+			}
+			
+			if ( o.noSetButton === false ) { // Bottom set button
+				$("<a href='#'>" + o.setDurationButtonLabel + "</a>")
+					.appendTo(controlsSet).buttonMarkup({theme: o.pickPageTheme, icon: 'check', iconpos: 'left', corners:true, shadow:true})
+					.bind('vclick', function(e) {
+						e.preventDefault();
+						self.input.trigger('datebox', {'method':'set', 'value':self._formatTime(self.theDate)});
+						self.input.trigger('datebox', {'method':'close'});
+					});
+			}
+				
+			for ( x=0; x<o.durationOrder.length; x++ ) {
+				linkdiv.clone()
+					.appendTo(controlsPlus).buttonMarkup({theme: o.pickPageButtonTheme, icon: 'plus', iconpos: 'bottom', corners:true, shadow:true})
+					.attr('data-field', o.durationOrder[x])
+					.bind('vclick', function(e) {
+						e.preventDefault();
+						self._offset($(this).attr('data-field'),o.durationSteppers[$(this).attr('data-field')]);
+					});
+					
+				linkdiv.clone()
+					.appendTo(controlsMinus).buttonMarkup({theme: o.pickPageButtonTheme, icon: 'minus', iconpos: 'top', corners:true, shadow:true})
+					.attr('data-field', o.durationOrder[x])
+					.bind('vclick', function(e) {
+						e.preventDefault();
+						self._offset($(this).attr('data-field'),-1*o.durationSteppers[$(this).attr('data-field')]);
+					});
+			}
+			
+			$.extend(self, {
+				pickerHour: pickerHour,
+				pickerMins: pickerMins,
+				pickerDay: pickerDay,
+				pickerSecs: pickerSecs
+			});
+			
+			pickerContent.appendTo(self.thisPage);
+		}
+		/* END:DURATIONBOX */
+		/* BEGIN:DATETIME */
+		if ( o.mode === 'datebox' || o.mode === 'timebox' ) {
+			controlsHeader = $("<div class='ui-datebox-header'><h4>Unitialized</h4></div>").appendTo(pickerContent).find("h4");
+			controlsPlus = templControls.clone().appendTo(pickerContent);
+			controlsInput = templControls.clone().appendTo(pickerContent);
+			controlsMinus = templControls.clone().appendTo(pickerContent);
+			controlsSet = templControls.clone().appendTo(pickerContent);
+			
+			if ( o.mode === 'timebox' ) { controlsHeader.parent().html(''); } // Time mode has no header
+			
+			pickerMon = templInput.clone()
+				.attr('data-field', 'm')
+				.keyup(function() {
+					if ( $(this).val() !== '' && self._isInt($(this).val()) ) {
+						self.theDate.setMonth(parseInt($(this).val(),10)-1);
+						self._update();
+					}
+				});
+				
+			pickerDay = pickerMon.clone()
+				.attr('data-field', 'd')
+				.keyup(function() {
+					if ( $(this).val() !== '' && self._isInt($(this).val()) ) {
+						self.theDate.setDate(parseInt($(this).val(),10));
+						self._update();
+					}
+				});
+				
+			pickerYar = pickerMon.clone()
+				.attr('data-field', 'y')
+				.keyup(function() {
+					if ( $(this).val() !== '' && self._isInt($(this).val()) ) {
+						self.theDate.setFullYear(parseInt($(this).val(),10));
+						self._update();
+					}
+				});
+				
+			pickerHour = templInput.clone()
+				.attr('data-field', 'h')
+				.keyup(function() {
+					if ( $(this).val() !== '' && self._isInt($(this).val()) ) {
+						newHour = parseInt($(this).val(),10);
+						if ( newHour === 12 ) {
+							if ( o.timeFormat === 12 && pickerMeri.val() === o.meridiemLetters[0] ) { newHour = 0; }
+						}
+						self.theDate.setHours(newHour);
+						self._update();
+					}
+				});
+				
+			pickerMins = templInput.clone()
+				.attr('data-field', 'i')
+				.keyup(function() {
+					if ( $(this).val() !== '' && self._isInt($(this).val()) ) {
+						self.theDate.setMinutes(parseInt($(this).val(),10));
+						self._update();
+					}
+				});
+				
+			pickerMeri = templInput.clone()
+				.attr('data-field', 'a')
+				.keyup(function() {
+					if ( $(this).val() !== '' ) {
+						self._update();
+					}
+				});
+					
+			if ( o.wheelExists ) { // Mousewheel operation, if plugin is loaded
+				pickerYar.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('y', (d<0)?-1:1); });
+				pickerMon.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('m', (d<0)?-1:1); });
+				pickerDay.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('d', (d<0)?-1:1); });
+				pickerHour.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('h', (d<0)?-1:1); });
+				pickerMins.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('i', ((d<0)?-1:1)*o.minuteStep); });
+				pickerMeri.bind('mousewheel', function(e,d) { e.preventDefault(); self._offset('a', d); });
+			}
+		
+			for(x=0; x<=o.fieldsOrder.length; x++) { // Use fieldsOrder to decide what goes where
+				if (o.fieldsOrder[x] === 'y') { pickerYar.appendTo(controlsInput); }
+				if (o.fieldsOrder[x] === 'm') { pickerMon.appendTo(controlsInput); }
+				if (o.fieldsOrder[x] === 'd') { pickerDay.appendTo(controlsInput); }
+				if (o.fieldsOrder[x] === 'h') { pickerHour.appendTo(controlsInput); }
+				if (o.fieldsOrder[x] === 'i') { pickerMins.appendTo(controlsInput); }
+				if (o.fieldsOrder[x] === 'a' && o.timeFormat === 12 ) { pickerMeri.appendTo(controlsInput); }
+			}
+			
+			if ( o.swipeEnabled ) { // Drag and drop support
+				controlsInput.find('input').bind(self.START_DRAG, function(e) {
+					if ( !self.dragMove ) {
+						self.dragMove = true;
+						self.dragTarget = $(this).data('field');
+						self.dragPos = 0;
+						self.dragStart = self.touch ? e.originalEvent.changedTouches[0].pageY : e.pageY;
+						self.dragEnd = false;
+						e.stopPropagation();
+					}
+				});
+			}
+			
+			if ( o.noSetButton === false ) { // Set button at bottom
+				$("<a href='#'>" + ((o.mode==='timebox')?o.setTimeButtonLabel:o.setDateButtonLabel) + "</a>")
+					.appendTo(controlsSet).buttonMarkup({theme: o.pickPageTheme, icon: 'check', iconpos: 'left', corners:true, shadow:true})
+					.bind('vclick', function(e) {
+						e.preventDefault();
+						if ( o.mode === 'timebox' ) { self.input.trigger('datebox', {'method':'set', 'value':self._formatTime(self.theDate)}); }
+						else { self.input.trigger('datebox', {'method':'set', 'value':self._formatDate(self.theDate)}); }
+						self.input.trigger('datebox', {'method':'close'});
+					});
+			}
+			
+			for( x=0; x<self.options.fieldsOrder.length; x++ ) { // Generate the plus and minus buttons, use fieldsOrder again
+				if ( o.fieldsOrder[x] !== 'a' || o.timeFormat === 12 ) {
+					linkdiv.clone()
+						.appendTo(controlsPlus).buttonMarkup({theme: o.pickPageButtonTheme, icon: 'plus', iconpos: 'bottom', corners:true, shadow:true})
+						.attr('data-field', o.fieldsOrder[x])
+						.bind('vclick', function(e) {
+							e.preventDefault();
+							self._offset($(this).attr('data-field'),1*($(this).attr('data-field')==='i'?o.minuteStep:1));
+					});
+					linkdiv.clone()
+						.appendTo(controlsMinus).buttonMarkup({theme: o.pickPageButtonTheme, icon: 'minus', iconpos: 'top', corners:true, shadow:true})
+						.attr('data-field', o.fieldsOrder[x])
+						.bind('vclick', function(e) {
+							e.preventDefault();
+							self._offset($(this).attr('data-field'),-1*($(this).attr('data-field')==='i'?o.minuteStep:1));
+					});
+				}
+			}
+				
+			$.extend(self, {
+				controlsHeader: controlsHeader,
+				pickerDay: pickerDay,
+				pickerMon: pickerMon,
+				pickerYar: pickerYar,
+				pickerHour: pickerHour,
+				pickerMins: pickerMins,
+				pickerMeri: pickerMeri
+			});
+			
+			pickerContent.appendTo(self.thisPage);
+		}
+		/* END:DATETIME */
+		/* BEGIN:CALBOX */
+		if ( o.mode === 'calbox' ) {
+			controlsHeader = $("<div>", {"class": 'ui-datebox-gridheader'}).appendTo(pickerContent);
+			controlsSet = $("<div>", {"class": 'ui-datebox-grid'}).appendTo(pickerContent);
+			controlsInput = $("<div class='ui-datebox-gridlabel'><h4>Uninitialized</h4></div>").appendTo(controlsHeader).find('h4');
+			
+			if ( o.swipeEnabled ) { // Calendar swipe left and right
+				pickerContent
+					.bind('swipeleft', function() { if ( !self.calNoNext ) { self._offset('m', 1); } })
+					.bind('swiperight', function() { if ( !self.calNoPrev ) { self._offset('m', -1); } });
+			}
+			
+			if ( o.wheelExists) { // Mousewheel operations, if plugin is loaded
+				pickerContent.bind('mousewheel', function(e,d) {
+					e.preventDefault();
+					if ( d > 0 && !self.calNoNext ) { 
+						if ( self.theDate.getDate() > 28 ) { self.theDate.setDate(1); }
+						self._offset('m', 1);
+					}
+					if ( d < 0 && !self.calNoPrev ) {
+						if ( self.theDate.getDate() > 28 ) { self.theDate.setDate(1); }
+						self._offset('m', -1);
+					}
+				});
+			}
+						
+			// Previous and next month buttons, define booleans to decide if they should do anything
+			$("<div class='ui-datebox-gridplus'><a href='#'>Next Month</a></div>")
+				.prependTo(controlsHeader).buttonMarkup({theme: o.pickPageButtonTheme, icon: 'plus', inline: true, iconpos: 'notext', corners:true, shadow:true})
+				.bind('vclick', function(e) {
+					e.preventDefault();
+					if ( ! self.calNoNext ) {
+						if ( self.theDate.getDate() > 28 ) { self.theDate.setDate(1); }
+						self._offset('m',1);
+					}
+				});
+			$("<div class='ui-datebox-gridminus'><a href='#'>Prev Month</a></div>")
+				.prependTo(controlsHeader).buttonMarkup({theme: o.pickPageButtonTheme, icon: 'minus', inline: true, iconpos: 'notext', corners:true, shadow:true})
+				.bind('vclick', function(e) {
+					e.preventDefault();
+					if ( ! self.calNoPrev ) {
+						if ( self.theDate.getDate() > 28 ) { self.theDate.setDate(1); }
+						self._offset('m',-1);
+					}
+				});
+				
+			if ( o.calTodayButton === true ) { // Show today button at bottom
+				$("<a href='#'>" + o.calTodayButtonLabel + "</a>")
+					.appendTo(pickerContent).buttonMarkup({theme: o.pickPageTheme, icon: 'check', iconpos: 'left', corners:true, shadow:true})
+					.bind('vclick', function(e) {
+						e.preventDefault();
+						self.theDate = new Date();
+						self.theDate = new Date(self.theDate.getFullYear(), self.theDate.getMonth(), self.theDate.getDate(), 0,0,0,0);
+						self.input.trigger('datebox', {'method':'doset'});
+					});
+			}
+					
+			$.extend(self, {
+				controlsInput: controlsInput,
+				controlsSet: controlsSet,
+				calNoNext: calNoNext,
+				calNoPrev: calNoPrev
+			});
+			
+			pickerContent.appendTo(self.thisPage);
+		}
+		/* END:CALBOX */
+		/* BEGIN:SLIDEBOX */
+		if ( o.mode === 'slidebox' ) {
+			controlsHeader = $("<div class='ui-datebox-header'><h4>Unitialized</h4></div>").appendTo(pickerContent).find("h4");
+			controlsInput = $('<div>').addClass('ui-datebox-slide').appendTo(pickerContent);
+			controlsSet = $("<div>", { "class":'ui-datebox-controls'}).appendTo(pickerContent);
+				
+			if ( o.noSetButton === false ) { // Show set button at bottom
+				$("<a href='#'>" + o.setDateButtonLabel + "</a>")
+					.appendTo(controlsSet).buttonMarkup({theme: o.pickPageTheme, icon: 'check', iconpos: 'left', corners:true, shadow:true})
+					.bind('vclick', function(e) {
+						e.preventDefault();
+						self.input.trigger('datebox', {'method':'set', 'value':self._formatDate(self.theDate)});
+						self.input.trigger('datebox', {'method':'close'});
+					});
+			}
+			
+			$.extend(self, {
+				controlsHeader: controlsHeader,
+				controlsInput: controlsInput
+			});
+			
+			pickerContent.appendTo(self.thisPage);
+		}
+		/* END:SLIDEBOX */
+
+		$.extend(self, {
+			pickerContent: pickerContent,
+			screen: screen
+		});
+		
+		// If useInline mode, drop it into the document, and stop a few events from working (or just hide the trigger)
+		if ( o.useInline ) { 
+			self.input.parent().parent().append(self.pickerContent);
+			if ( o.useInlineHideInput ) { self.input.parent().hide(); }
+			self.input.trigger('change');
+			self.pickerContent.removeClass('ui-datebox-hidden');
+		}
+			
+	},
+	refresh: function() {
+		// Pulic shortcut to _update, with an extra hook for inline mode.
+		if ( this.options.useInline === true ) {
+			this.input.trigger('change');
+		}
+		this._update();
+	},
+	open: function() {
+		// Open the controls
+		if ( this.options.useInline ) { return false; } // Ignore if inline
+		if ( this.pickPage.is(':visible') ) { return false; } // Ignore if already open
+		
+		this.input.trigger('change').blur(); // Grab latest value of input, in case it changed
+		
+		var self = this,
+			o = this.options,
+			inputOffset = self.focusedEl.offset(),
+			pickWinHeight = self.pickerContent.outerHeight(),
+			pickWinWidth = self.pickerContent.innerWidth(),
+			pickWinTop = inputOffset.top + ( self.focusedEl.outerHeight() / 2 )- ( pickWinHeight / 2),
+			pickWinLeft = inputOffset.left + ( self.focusedEl.outerWidth() / 2) - ( pickWinWidth / 2),
+			transition = o.noAnimation ? 'none' : 'pop',
+			activePage;
+			
+		// TOO FAR RIGHT TRAP
+		if ( (pickWinLeft + pickWinWidth) > $(document).width() ) {
+			pickWinLeft = $(document).width() - pickWinWidth - 1;
+		}
+		// TOO FAR LEFT TRAP
+		if ( pickWinLeft < 0 ) {
+			pickWinLeft = 0;
+		}
+		// Center popup on request - centered in document, not any containing div. 
+		if ( o.centerWindow ) {
+			pickWinLeft = ( $(document).width() / 2 ) - ( pickWinWidth / 2 );
+		}
+		
+		if ( (pickWinHeight + pickWinTop) > $(document).height() ) {
+			pickWinTop = $(document).height() - (pickWinHeight + 2);
+		}
+		if ( pickWinTop < 45 ) { pickWinTop = 45; }
+		
+		// If the window is less than 400px wide, use the jQM dialog method unless otherwise forced
+		if ( ( $(document).width() > 400 && !o.useDialogForceTrue ) || o.useDialogForceFalse ) {
+			o.useDialog = false;
+			if ( o.nestedBox ) { 
+				if ( pickWinHeight === 0 ) { // The box may have no height since it dosen't exist yet.  working on it.
+					pickWinHeight = 250;
+					pickWinTop = inputOffset.top + ( self.focusedEl.outerHeight() / 2 )- ( pickWinHeight / 2);
+				}
+				activePage = $('.ui-page-active').first(); 
+				$(activePage).append(self.pickerContent);
+				$(activePage).append(self.screen);
+			}
+			if ( o.useModal ) { // If model, fade the background screen
+				self.screen.fadeIn('slow');
+			} else { // Else just unhide it since it's transparent
+				self.screen.removeClass('ui-datebox-hidden');
+			}
+			self.pickerContent.addClass('ui-overlay-shadow in').css({'position': 'absolute', 'top': pickWinTop, 'left': pickWinLeft}).removeClass('ui-datebox-hidden');
+		} else {
+			// prevent the parent page from being removed from the DOM,
+			self.thisPage.unbind( "pagehide.remove" );
+			o.useDialog = true;
+			self.pickPageContent.append(self.pickerContent);
+			self.pickerContent.css({'top': 'auto', 'left': 'auto', 'marginLeft': 'auto', 'marginRight': 'auto'}).removeClass('ui-overlay-shadow ui-datebox-hidden');
+			$.mobile.changePage(self.pickPage, {'transition': transition});
+		}
+	},
+	close: function() {
+		// Close the controls
+		var self = this,
+			callback;
+
+		if ( self.options.useInline ) {
+			return true;
+		}
+		
+		// Check options to see if we are closing a dialog, or removing a popup
+		if ( self.options.useDialog ) {
+			$(self.pickPage).dialog('close');
+			if( !self.thisPage.data("page").options.domCache ){
+				self.thisPage.bind( "pagehide.remove", function() {
+					$(self).remove();
+				});
+			}
+			self.pickerContent.addClass('ui-datebox-hidden').removeAttr('style').css('zIndex', self.options.zindex);
+			self.thisPage.append(self.pickerContent);
+		} else {
+			if ( self.options.useModal ) {
+				self.screen.fadeOut('slow');
+			} else {
+				self.screen.addClass('ui-datebox-hidden');
+			}
+			self.pickerContent.addClass('ui-datebox-hidden').removeAttr('style').css('zIndex', self.options.zindex).removeClass('in');
+		}
+		self.focusedEl.removeClass('ui-focus');
+		
+		if ( self.options.closeCallback !== false ) { callback = new Function(self.options.closeCallback); callback(); }
+	},
+	disable: function(){
+		// Disable the element
+		this.element.attr("disabled",true);
+		this.element.parent().addClass("ui-disabled");
+		this.options.disabled = true;
+		this.element.blur();
+		this.input.trigger('datebox', {'method':'disable'});
+	},
+	enable: function(){
+		// Enable the element
+		this.element.attr("disabled", false);
+		this.element.parent().removeClass("ui-disabled");
+		this.options.disabled = false;
+		this.input.trigger('datebox', {'method':'enable'});
+	}
+	
+  });
+	  
+  // Degrade date inputs to text inputs, suppress standard UI functions.
+  $( document ).bind( "pagebeforecreate", function( e ) {
+	$( ":jqmData(role='datebox')", e.target ).each(function() {
+		$(this).replaceWith(
+			$( "<div>" ).html( $(this).clone() ).html()
+				.replace( /\s+type=["']date['"]?/, " type=\"text\" " )
+		);
+	});
+  });
+  // Automatically bind to data-role='datebox' items.
+  $( document ).bind( "pagecreate", function( e ){
+	$( ":jqmData(role='datebox')", e.target ).datebox();
+  });
+	
+})( jQuery );