//	File: datefield.html
//
//	Date/Time webscript can be called by other webscripts. It will insert the Date/Time popups or label
//	in the HTML page.
//
//	Parameters:
//
//		fieldName		The signature of the fieldname.
//
//		now				The initial Date/Time it will display.
//
//		showTime		Show the Time field or show the Date field only.
//
//		modifyable		If true, it shows the selectable popups. Otherwise it displays
//						a HTML label in proper Date/Time format.
//
//		tzOffset		The Time Zone Offset this widget will use. In most cases, it should be
//						defaulted to .fTZOffset.
//
//		callBackName	A JavaScript function to call when the popup value got changed.
//
//		showMinute		Show the Minute field if the showTime is true.
//
//
//		Methods
//		`fieldname`_getDate( form ): Returns the current javascript date for the datepicker. Typical usage to do 

date checking between multiple date fields in JS
//
;;webscript DateField( String fieldname, Dynamic now, Boolean showTime, Boolean modifyable, Dynamic tzOffset = .fTZOffset, 

String callbackName = Undefined, Boolean showMinute = FALSE )

	//This comment is needed for web forms data binding to realize that a date picker begin
	`%LStr.Format( "<!-- File: datefield.html (Begin - %1) -->", fieldname )`

	;Boolean	noApplet = FALSE


	;if ( IsFeature( this, "fPrgCtx" ) )

		;noApplet = $Webll.WebUtils.NoJavaInHTML( .fPrgCtx )
	;else

		;//Used when first setting up CS and the Admin user might not have been able to adjust their personal 

settings.
		;noApplet = TRUE
	;end

	;if ( modifyable )

		;Boolean	is12HourFmt
		;Boolean	separateCentury
		;Date		nowWithTZOffset
		;Date		serverNow
		;Integer	century
		;Integer	d
		;Integer	decade
		;Integer	minute
		;Integer	origMinute
		;Integer	outBoundCentury1
		;Integer	outBoundCentury2
		;Integer	outBoundYear1
		;Integer	outBoundYear2
		;Integer    day
		;Integer    daysInMonth
		;Integer    hour
		;Integer    i
		;Integer    j
		;Integer    month
		;Integer    origHour
		;Integer    year
		;List		months
		;List       	t
		;String		fmt
		;String		value
		;String 	editValueDateString
		;String 	nowJSString
		;Integer	year1
		;Integer	year2
		;Integer	century1
		;Integer	century2
		;Dynamic	twoDigit
		;List		prm
		;List		timeprm
		;String		jQueryOscriptFmt

		;String 	img = .Img()
		;Object		sysPref = $Kernel.SystemPreferences
		;Boolean	wantYearRange = sysPref.GetPrefBoolean( "dateformats", "WantYearRange", FALSE )
		;Integer	decade1 = 0
		;Integer	decade2 = 99
		;List		fmts = { "MDY", "DMY", "YMD", "YDM", "MYD", "DYM" }
		;List		threeSeparators = { "", "", "" }
		;Boolean	euro = FALSE
		;Boolean   	isDef = ( Type( now ) == DateType )
		;String		oscriptFmt = sysPref.GetPrefLocale( "ShortDateFormat", "%m/%d/%Y" )


		;if( wantYearRange || noApplet )

			;year1 = Str.StringToValue( sysPref.GetPref( "dateformats", "InputDateMinYear", Str.String( 

Date.Year( Date.Now() ) - 15 ) ) )
			;year2 = Str.StringToValue( sysPref.GetPref( "dateformats", "InputDateMaxYear",Str.String( 

Date.Year( Date.Now() ) + 15 ) ) )
		;else
			;year1 = 0
			;year2 = 9999
		;end

		;if( noApplet )

			;prm = Str.StringToValue( sysPref.GetPrefLocale( "InputDateSeqFormat", "{ 1, 1, 2, 1, '/', '/' }" 

) )
		;else
			;prm = Str.StringToValue( sysPref.GetPrefLocale( "ShortDateSeqFormat", "{ 1, 1, 2, 1, '/', '/' }" 

) )
		;end

		;timeprm = Str.StringToValue( sysPref.GetPrefLocale( "InputDateSeqFormat", "{ 1, 1, 2, 1, '/', '/' }" ) )

		;century1 = year1 / 100
		;century2 = year2 / 100

		;fmt = fmts[ prm[ 1 ] ]

		;if ( fmt in { 'DMY', 'YDM', 'DYM' } )

			;euro = TRUE
		;end

		;is12HourFmt = ( timeprm[ 4 ] == 1 )
		;separateCentury = ( prm[ 3 ] == 1 )

		//
		// Spec says all times are based off database time
		//
		;if ( IsFeature( this, "fPrgCtx" ) )

			// Use Database time
			;serverNow = CAPI.Now( this.fPrgCtx.fDbConnect.fConnection )
		;else
			// Use CS time
			;serverNow = Date.Now()
		;end

		//
		// Take timezone difference into consideration
		//
		;if ( IsUndefined( tzOffset ) || !showTime )

			;t = Date.DateToList( ( isDef ? now : serverNow ) )
			;nowWithTZOffset = ( isDef ? now : serverNow )

		;else
			;t = Date.DateToList( ( isDef ? now : serverNow ) - tzOffset )
			;nowWithTZOffset = ( ( isDef ? now : serverNow ) - tzOffset )
		;end

		;value = ( isDef ? Str.ValueToString( nowWithTZOffset ) : Str.String( now ) )
		<input type="hidden" id="`fieldname`" name="`fieldname`" value="`value`" />
		<input type="hidden" name="`fieldname`_dirtyFlag" value="0" />

		;hour = origHour = t[ 4 ]
		;minute	= origMinute = t[ 5 ]

		<script>

			// call this function to get a javascript date from the current user selection.

			function `fieldname`_getDate( form )
			{
				// oscriptDate is like 'D/2000/3/23:3:45:0'

				var		retDate = null;
				var		oscriptDateString = form.`fieldname`.value;

				if ( oscriptDateString != '?' )
				{
					var		temp = oscriptDateString.split( "/" );
					var		temp2 = temp[ 3 ].split( ":" );

					var		yearX = parseInt( temp[ 1 ] );
					var		monthX = parseInt( temp[ 2 ] ) - 1;
					var		dayX = parseInt( temp2[ 0 ] );
					var		hourX = parseInt( temp2[ 1 ] );
					var		minuteX = parseInt( temp2[ 2 ] );
					var		secondX = parseInt( temp2[ 3 ] );

					retDate = new Date( yearX, monthX, dayX, hourX, minuteX, secondX );
				}

				return retDate;
			}


			// Updates the minute and hour field

			function _`fieldname`_updateMinuteHour( form, newDate )
			{
				;if( showTime )

					;if( showMinute )

						;if( is12HourFmt )

							var	ampmIndex = form.`fieldname`_ampm.selectedIndex;

							if ( ( ( form.`fieldname`_hour.selectedIndex != null ) && ( 

form.`fieldname`_hour.selectedIndex == 0 ) ) )
							{
								var	ii = newDate.getHours();

								if ( ii >= 12 )
								{
									form.`fieldname`_hour.selectedIndex = ii - 12 + 1;
								}
								else
								{
									form.`fieldname`_hour.selectedIndex = ii + 1;
								}
							}

							if ( ( form.`fieldname`_minute.selectedIndex != null ) && ( 

form.`fieldname`_minute.selectedIndex == 0 ) )
							{
								form.`fieldname`_minute.selectedIndex = 

newDate.getMinutes() + 1;
							}
							if ( ( form.`fieldname`_ampm.selectedIndex != null ) && ( 

form.`fieldname`_ampm.selectedIndex == 0 ) )
							{
								var	ii = newDate.getHours();

								if ( ii >= 12 )
								{
									form.`fieldname`_ampm.selectedIndex = 2;
								}
								else
								{
									form.`fieldname`_ampm.selectedIndex = 1;
								}
							}
						;else
							if ( ( form.`fieldname`_hour.selectedIndex != null ) && ( 

form.`fieldname`_hour.selectedIndex == 0 ) )
							{
								form.`fieldname`_hour.selectedIndex = newDate.getHours() + 

1;
							}
							if ( ( form.`fieldname`_minute.selectedIndex != null ) && ( 

form.`fieldname`_minute.selectedIndex == 0 ) )
							{
								form.`fieldname`_minute.selectedIndex = 

newDate.getMinutes() + 1;
							}
						;end
					;else
						if ( ( form.`fieldname`_hour.selectedIndex != null ) && ( 

form.`fieldname`_hour.selectedIndex == 0 ) )
						{
							form.`fieldname`_hour.selectedIndex = newDate.getHours() + 1;
						}
						form.`fieldname`_minute.value = newDate.getMinutes();
					;end

				;else
					form.`fieldname`_hour.value = newDate.getHours();
					form.`fieldname`_minute.value = newDate.getMinutes();
				;end

				form.`fieldname`_second.value = newDate.getSeconds();
			}

		</script>

		;if ( noApplet )


			;//get months format
			;if ( Str.StringToValue( sysPref.GetPrefLocale( "NoMonthFormat", "FALSE" ) ) )
				;months = { "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12" }
			;else
				;months = { [WebDsp_HTMLLabel.January], [WebDsp_HTMLLabel.February], 

[WebDsp_HTMLLabel.March], [WebDsp_HTMLLabel.April], [WebDsp_HTMLLabel.May], [WebDsp_HTMLLabel.June], 

[WebDsp_HTMLLabel.July], [WebDsp_HTMLLabel.August], [WebDsp_HTMLLabel.September], [WebDsp_HTMLLabel.October], 

[WebDsp_HTMLLabel.November], [WebDsp_HTMLLabel.December] }
			;end

			;//get separators
			;if ( Str.StringToValue( sysPref.GetPrefLocale( "ThreeSeparators", "FALSE" ) ) ) && \
			;	( IsDefined( prm[ 5 ] ) ) && \
			;	( IsDefined( prm[ 6 ] ) ) && \
			;	( IsDefined( prm[ 7 ] ) )

				;threeSeparators = { prm[ 5 ], prm[ 6 ], prm[ 7 ] }
			;end


			;year    = t[ 1 ]
			;month   = t[ 2 ]
			;day     = t[ 3 ]
			;century = year / 100
			;decade  = year % 100

			;if .MSIEclient( "3.0" ) || euro
				;daysInMonth = 31
			;elseif Date.ListToDate( { year, month, 31, 0, 0, 0 } )
				;daysInMonth = 31
			;elseif Date.ListToDate( { year, month, 30, 0, 0, 0 } )
				;daysInMonth = 30
			;elseif Date.ListToDate( { year, month, 29, 0, 0, 0 } )
				;daysInMonth = 29
			;else
				;daysInMonth = 28
			;end

			;if( !isDef )

				;daysInMonth = 31
				;year = -1
				;month = -1
				;day = -1
				;hour = -1
				;minute = -1
				;century = -1
				;decade = -1

			;else
				;if( separateCentury )

					;if( century < century1 )

						;outBoundCentury1 = century

					;elseif( century > century2 )

						;outBoundCentury2 = century

					;end

				;else

					;if( year < year1 )

						;outBoundYear1 = year

					;elseif( year > year2 )

						;outBoundYear2 =  year

					;end

				;end

			;end

			;for j = 1 to 3

				;switch fmt[ j ]

					;case "M"

						<label FOR="`fieldname`_month"></label>
						<select ID="`fieldname`_month" title="`[WEBDOC_HTMLlabel.Date_Month]`" 

name="`fieldname`_month" onChange="_`fieldname`_update(this, this.form, null)">
							<option value="-1" `(month==-1)?'selected':''`></option>
							;for i = 1 to 12
								<option value="`i`" `(i==month)?'selected':''`>`months

[i]`</option>
							;end
						</select>

					;end

					;case "D"

						<label FOR="`fieldname`_day"></label>
						<select ID="`fieldname`_day" title="`[WEBDOC_HTMLlabel.Date_Day]`" 

name="`fieldname`_day" onChange="_`fieldname`_update(this, this.form, null)">
							<option value="-1" `(day==-1)?'selected':''`></option>
							;for i = 1 to daysInMonth
								<option value="`i`" `(i==day)?'selected':''`>`i`</option>
							;end
						</select>

					;end

					;case "Y"

						;if( !separateCentury )

							<label FOR="`fieldname`_year"></label>
							<select ID="`fieldname`_year" title="`

[WEBDOC_HTMLlabel.Date_Year]`" name="`fieldname`_year" onChange="_`fieldname`_update(this, this.form, null)">
								<option value="-1" `(year==-1)?'selected':''`></option>
								;if outBoundYear1 != 0
									<option value="`outBoundYear1`" 

selected>`outBoundYear1`</option>
								;end

								;for i = year1 to year2
									<option value="`i`" `

(i==year)?'selected':''`>`i`</option>
								;end

								;if outBoundYear2 != 0
									<option value="`outBoundYear2`" 

selected>`outBoundYear2`</option>
								;end
							</select>

						;else

							<input type="hidden" name="`fieldname`_year" value="-1" />

							<label FOR="`fieldname`_century"></label>
							<select ID="`fieldname`_century" title="`

[WEBDOC_HTMLlabel.Date_Century]`" name="`fieldname`_century" onChange="_`fieldname`_update(this, this.form, null)">
								<option value="-1" `(century==-1)?'selected':''`></option>

								;if outBoundCentury1 != 0
									;twoDigit = ( outBoundCentury1 < 10 ) ? 

Str.Format( "0%1", outBoundCentury1 ) : Str.ValueToString( outBoundCentury1 )
									<option value="`twoDigit`" 

selected>`twoDigit`</option>
								;end

								;for i = century1 to century2
									;twoDigit = ( i < 10 ) ? Str.Format( "0%1", i ) : 

Str.ValueToString( i )
									<option value="`twoDigit`" `

(i==century)?'selected':''`>`twoDigit`</option>
								;end

								;if outBoundCentury2 != 0
									;twoDigit = ( outBoundCentury2 < 10 ) ? 

Str.Format( "0%1", outBoundCentury2 ) : Str.ValueToString( outBoundCentury2 )
									<option value="`twoDigit`" 

selected>`twoDigit`</option>
								;end

							</select>

							<label FOR="`fieldname`_decade"></label>
							<select ID="`fieldname`_decade" title="`

[WEBDOC_HTMLlabel.Date_Decade]`" name="`fieldname`_decade" onChange="_`fieldname`_update(this, this.form, null)">
								<option value="-1" `(decade==-1)?'selected':''`></option>

								;for i = decade1 to decade2
									;d = ( i + 1 ) % 100
									;twoDigit = ( d < 10 ) ? Str.Format( "0%1", d ) : 

Str.ValueToString( d )
									<option value="`twoDigit`" `

(d==decade)?'selected':''`>`twoDigit`</option>
								;end

							</select>

						;end
					;end
				;end
			;end

			<script>

				// Updates fields when the user changes the popups

				function _`fieldname`_update( changedField, form, newDate )
				{
					var		t;
					var 	fieldType;
					var		regExp;

					form.`fieldname`_dirtyFlag.value = '1';

					if ( null == changedField )
					{
						t = form;
					}
					else
					{
						t = changedField.form;
						//checking if day field was changed

						regExp = /_day$/gi;

						if ( regExp.test( changedField.name ) )
						{
							fieldType = "d";
						}
					}

					if ( ( null != changedField ) && ( changedField.selectedIndex == 0 ) )
					{
						// the empty option was selected
						_`fieldname`_noSelection( t )
					}
					else
					{
						var		year;
						var		theDate = newDate;


						if ( null == newDate )
						{
							theDate = new Date();
						}

						year = _`fieldname`_updateYearCentury( t, theDate );

						_`fieldname`_updateDayMonth( t, year, theDate, fieldType );

						_`fieldname`_updateMinuteHour( t, theDate );

						_`fieldname`__constructOScriptDate( t );
					}

					if ( typeof( window.markDirty ) != "undefined" )
					{
						markDirty();
					}

					;if IsDefined( callbackName )
						`callbackName`( changedField );
					;end
				}

				// Set the selection of all popups to 0

				function _`fieldname`_noSelection( form )
				{
					form.`fieldname`_month.selectedIndex = 0;
					form.`fieldname`_day.selectedIndex = 0;

					;if( separateCentury )

						form.`fieldname`_century.selectedIndex = 0;
						form.`fieldname`_decade.selectedIndex = 0;
						form.`fieldname`_year.value = "-1";

					;else

						form.`fieldname`_year.selectedIndex = 0;

					;end

					if ( typeof( form.`fieldname`_hour ) != "undefined" )
					{
						form.`fieldname`_hour.selectedIndex = 0;
					}

					if ( typeof( form.`fieldname`_minute ) != "undefined" )
					{
						form.`fieldname`_minute.selectedIndex = 0;
					}

					if ( typeof( form.`fieldname`_second ) != "undefined" )
					{
						form.`fieldname`_second.selectedIndex = 0;
					}

					if ( typeof( form.`fieldname`_ampm ) != "undefined" )
					{
						form.`fieldname`_ampm.selectedIndex = 0;
					}
					form.`fieldname`.value = "?";
				}

				// Updates the Year or Century/Decade field

				function _`fieldname`_updateYearCentury( form, newDate )
				{
					var	year;

					;if( separateCentury )

						var	centuryIndex = form.`fieldname`_century.selectedIndex;
						var	decadeIndex = form.`fieldname`_decade.selectedIndex;

					;else

						var	yearIndex = form.`fieldname`_year.selectedIndex;

					;end

					// the getYear function is deprecated in JavaScript 1.3.

					var curYear = ( newDate.getFullYear == null ) ? newDate.getYear() : 

newDate.getFullYear();


					;if( !separateCentury )

						if ( form.`fieldname`_year.selectedIndex == 0 )
						{
							if ( curYear > 1900 )
							{
								yearIndex = curYear - `year1` + 1;
							}
							else
							{
								yearIndex = 1900 + curYear - `year1` + 1;
							}

							;if( outBoundYear1 != 0 )

								yearIndex++;

							;end
						}

						var	yearString = form.`fieldname`_year.options[ yearIndex ].value
						year = eval( yearString )

						form.`fieldname`_year.selectedIndex = yearIndex;

					;else

						if ( form.`fieldname`_century.selectedIndex == 0 )
						{
							var curCentury

							if( curYear < 100 )
							{
								curCentury = 19;
							}
							else
							{
								curCentury = Math.floor( curYear / 100 );
							}

							centuryIndex = curCentury - `century1` + 1;

							;if outBoundCentury1 != 0
								centuryIndex++;
							;end
						}

						if ( form.`fieldname`_decade.selectedIndex == 0 )
						{
							var curDecade = curYear % 100;

							if( curDecade == 0 )
							{
								decadeIndex = 100;
							}
							else
							{
								decadeIndex = curDecade;
							}
						}

						// concatenate century and decade to year

						var	yearString = form.`fieldname`_century.options[ centuryIndex 

].value + form.`fieldname`_decade.options[ decadeIndex ].value;
						year = eval( yearString );

						form.`fieldname`_century.selectedIndex = centuryIndex;
						form.`fieldname`_decade.selectedIndex = decadeIndex;
						form.`fieldname`_year.value = yearString;

					;end

					return year
				}

				// Updates the month and day field

				function _`fieldname`_updateDayMonth( form, year, newDate, fieldType )
				{
					var	monthIndex = form.`fieldname`_month.selectedIndex;
					var	dayIndex = form.`fieldname`_day.selectedIndex;
					var euro = false;

					;if( euro )

						euro = true;

					;end

					if ( form.`fieldname`_month.selectedIndex == 0 )
					{
						monthIndex = newDate.getMonth() + 1;
					}

					if ( form.`fieldname`_day.selectedIndex == 0 )
					{
						dayIndex = newDate.getDate();
					}

					// Feburary

					if ( "2" == form.`fieldname`_month.options[ monthIndex ].value )
					{
						form.`fieldname`_day.options[ 31 ] = null;
						form.`fieldname`_day.options[ 30 ] = null;

						if ( ( ( year % 400 ) == 0 ) || ( ( ( year % 100 ) !=0 ) && ( ( year % 4 ) 

==0 ) ) )
						{
							if ( typeof( form.`fieldname`_day.options[ 29 ] ) == "undefined" 

|| form.`fieldname`_day.options[ 29 ] == null )
							{
								form.`fieldname`_day.options[ 29 ] = new Option( "29" );
								form.`fieldname`_day.options[ 29 ].value = "29";
							}

							if ( dayIndex > 29 )
							{
								if ( euro && ( fieldType == 'd' ) )
								{
									monthIndex = 0;
								}
								else
								{
									dayIndex = 29;
								}
							}
						}
						else
						{
							form.`fieldname`_day.options[ 29 ] = null;

							if ( dayIndex > 28 )
							{
								if ( euro && ( fieldType == 'd' ) )
								{
									monthIndex = 0;
								}
								else
								{
									dayIndex = 28;
								}
							}
						}
					}

					if ( form.`fieldname`_month.options[ monthIndex ].value ==  "1" ||
						 form.`fieldname`_month.options[ monthIndex ].value ==  "3" ||
						 form.`fieldname`_month.options[ monthIndex ].value ==  "5" ||
						 form.`fieldname`_month.options[ monthIndex ].value ==  "7" ||
						 form.`fieldname`_month.options[ monthIndex ].value ==  "8" ||
						 form.`fieldname`_month.options[ monthIndex ].value == "10" ||
						 form.`fieldname`_month.options[ monthIndex ].value == "12"   )
					{
						if ( typeof( form.`fieldname`_day.options[ 29 ] ) == "undefined" || 

form.`fieldname`_day.options[ 29 ] == null )
						{
							form.`fieldname`_day.options[ 29 ] = new Option( "29" );
							form.`fieldname`_day.options[ 29 ].value = "29";
						}

						if ( typeof( form.`fieldname`_day.options[ 30 ] ) == "undefined" || 

form.`fieldname`_day.options[ 30 ] == null )
						{
							form.`fieldname`_day.options[ 30 ] = new Option( "30" );
							form.`fieldname`_day.options[ 30 ].value = "30";
						}

						if ( typeof( form.`fieldname`_day.options[ 31 ] ) == "undefined" || 

form.`fieldname`_day.options[ 31 ] == null )
						{
							form.`fieldname`_day.options[ 31 ] = new Option( "31" );
							form.`fieldname`_day.options[ 31 ].value = "31";
						}
					}

					if ( form.`fieldname`_month.options[ monthIndex ].value ==  "4" ||
						 form.`fieldname`_month.options[ monthIndex ].value ==  "6" ||
						 form.`fieldname`_month.options[ monthIndex ].value ==  "9" ||
						 form.`fieldname`_month.options[ monthIndex ].value == "11"    )
					{
						if ( typeof( form.`fieldname`_day.options[ 29 ] ) == "undefined" || 

form.`fieldname`_day.options[ 29 ] == null )
						{
							form.`fieldname`_day.options[ 29 ] = new Option( "29" );
							form.`fieldname`_day.options[ 29 ].value = "29";
						}

						if ( typeof( form.`fieldname`_day.options[ 30 ] ) == "undefined" || 

form.`fieldname`_day.options[ 30 ] == null )
						{
							form.`fieldname`_day.options[ 30 ] = new Option( "30" );
							form.`fieldname`_day.options[ 30 ].value = "30";
						}

						form.`fieldname`_day.options[ 31 ] = null;


						if ( dayIndex > 30 )
						{
							if ( euro && ( fieldType == 'd' ) )
							{
								monthIndex = 0;
							}
							else
							{
								dayIndex = 30;
							}
						}
					}
					;if ( euro )
						if ( typeof( form.`fieldname`_day.options[ 29 ] ) == "undefined" || 

form.`fieldname`_day.options[ 29 ] == null )
						{
							form.`fieldname`_day.options[ 29 ] = new Option( "29" );
							form.`fieldname`_day.options[ 29 ].value = "29";
						}

						if ( typeof( form.`fieldname`_day.options[ 30 ] ) == "undefined" || 

form.`fieldname`_day.options[ 30 ] == null )
						{
							form.`fieldname`_day.options[ 30 ] = new Option( "30" );
							form.`fieldname`_day.options[ 30 ].value = "30";
						}

						if ( typeof( form.`fieldname`_day.options[ 31 ] ) == "undefined" || 

form.`fieldname`_day.options[ 31 ] == null )
						{
							form.`fieldname`_day.options[ 31 ] = new Option( "31" );
							form.`fieldname`_day.options[ 31 ].value = "31";
						}
					;end

					form.`fieldname`_month.selectedIndex = monthIndex;
					form.`fieldname`_day.selectedIndex = dayIndex;
				}

				// construct the return field in oscript date format.

				function _`fieldname`__constructOScriptDate( form )
				{
					;if ( separateCentury )

						var	century = form.`fieldname`_century
						var	decade = form.`fieldname`_decade

						var	yearString = century.options[ century.selectedIndex ].value + 

decade.options[ decade.selectedIndex ].value;
					;else
						var yearString = form.`fieldname`_year.options[ 

form.`fieldname`_year.selectedIndex ].value;
					;end

					form.`fieldname`.value = 'D/' + yearString + '/';
					form.`fieldname`.value = form.`fieldname`.value + form.`fieldname`_month.options[ 

form.`fieldname`_month.selectedIndex].value + '/';
					form.`fieldname`.value = form.`fieldname`.value + form.`fieldname`_day.options[ 

form.`fieldname`_day.selectedIndex].value + ':';

					;if ( showTime )

						;if ( showMinute )

							;if ( is12HourFmt )

								var	hourString = 0;

								if ( 1 == form.`fieldname`_ampm.selectedIndex )
								{
									// AM
									hourString = form.`fieldname`_hour.options[ 

form.`fieldname`_hour.selectedIndex].value;
								}
								else if ( 2 == form.`fieldname`_ampm.selectedIndex )
								{
									// PM
									hourString = eval( form.`fieldname`_hour.options[ 

form.`fieldname`_hour.selectedIndex].value ) + 12;
								}

							;else
								var hourString = form.`fieldname`_hour.options[ 

form.`fieldname`_hour.selectedIndex].value;
							;end

							var	minuteString = form.`fieldname`_minute.options[ 

form.`fieldname`_minute.selectedIndex].value;

						;else
							var hourString = form.`fieldname`_hour.options[ 

form.`fieldname`_hour.selectedIndex].value;
							var	minuteString = "0";
						;end

						form.`fieldname`.value = form.`fieldname`.value + hourString + ":" + 

minuteString + ":" + "0";

					;else

						form.`fieldname`.value = form.`fieldname`.value + "0:0:0";

					;end
				}

				// Call this function to change the display date in popup according to a javascript date.
				// We should call this function instead of accessing the _Day, _Month stuff.

				function `fieldname`_changeTo( newDate, form )
				{
					form.`fieldname`_month.selectedIndex = 0;
					form.`fieldname`_day.selectedIndex = 0;

					;if( showTime )

						form.`fieldname`_hour.selectedIndex = 0;

						;if( showMinute )

							form.`fieldname`_minute.selectedIndex = 0;

							;if( is12HourFmt )

								form.`fieldname`_ampm.selectedIndex = 0;
							;end
						;end
					;end

					;if( separateCentury )

						form.`fieldname`_century.selectedIndex = 0;
						form.`fieldname`_decade.selectedIndex = 0;

					;else
						form.`fieldname`_year.selectedIndex = 0;
					;end

					if ( newDate != null )
					{
						_`fieldname`_update( null, form, newDate );
					}
				}

			</script>

		;else

			;jQueryOscriptFmt = oscriptFmt
			;//Convert the OScript date format into a format that jQuery understands
			;jQueryOscriptFmt = Str.ReplaceAll( jQueryOscriptFmt, "%a", "D" )
			;jQueryOscriptFmt = Str.ReplaceAll( jQueryOscriptFmt, "%b", "M" )
			;jQueryOscriptFmt = Str.ReplaceAll( jQueryOscriptFmt, "%d", "dd" )
			;jQueryOscriptFmt = Str.ReplaceAll( jQueryOscriptFmt, "%j", "oo" )
			;jQueryOscriptFmt = Str.ReplaceAll( jQueryOscriptFmt, "%m", "mm" )
			;jQueryOscriptFmt = Str.ReplaceAll( jQueryOscriptFmt, "%y", "y" )
			;jQueryOscriptFmt = Str.ReplaceAll( jQueryOscriptFmt, "%A", "DD" )
			;jQueryOscriptFmt = Str.ReplaceAll( jQueryOscriptFmt, "%B", "MM" )
			;jQueryOscriptFmt = Str.ReplaceAll( jQueryOscriptFmt, "%Y", "yy" )

			<script>

				// Setting up the intial date values in a javascript value.
				// This value will retrieved if comparisons are wanted

				
				;if ( showTime )
				
					;nowJSString = Date.DateToString( nowWithTZOffset, "%m/%d/%Y %H:%M:00" )
				;else
					;nowJSString = Date.DateToString( nowWithTZOffset, "%m/%d/%Y" )
				;end

				// Get the string to show to the user.
				;if ( !isDef )

					;editValueDateString = ""
				;else
					;editValueDateString = Date.DateToString( nowWithTZOffset, oscriptFmt )
				;end

				;if ( editValueDateString == "" )

					;hour = -1;
				;end

				;t = Date.DateToList( nowWithTZOffset )

				;if ( !isDef )
				
					;if ( showTime )

						;if ( !showMinute )

							;t[5] = 0;
						;end
					;else
						;t[4] = 0;
						;t[5] = 0;
					;end

					;t[6] = 0;
				;end

				var _`fieldname`_jsDate = new Date( `t[ 1 ]`, `t[ 2 ] - 1`, `t[ 3 ]`, `t[ 4 ]`, `t[ 5 ]`, 

`t[ 6 ]` );
				var doClear = false; // global used by _clearDate to indicate to _update() a clear is 

needed. 

				function _`fieldname`_update( changedField, form, newDate )
				{
					var		t;
					var 	fieldType;
					var		regExp;

					form.`fieldname`_dirtyFlag.value = '1';

					if ( null == changedField )
					{
						t = form;
					}
					else
					{
						t = changedField.form;
					}

					// The datepicker does not have a selectable index to detect the empty option,
					// use the global set in _clearDate()
					if ( doClear )
					{
						_`fieldname`_noSelection( t )
					}
					else
					{
						var		year;
						var		theDate = newDate;

						if ( newDate == null )
						{
							theDate = _`fieldname`_jsDate;
						}

						//
						// If the date selector is empty then fill it with the current date
						//
						if ( form._datepicker_`fieldname`.value == "" )
						{
							_`fieldname`_jsDate = new Date("`nowJSString`") ;
							form._datepicker_`fieldname`.value = "`Date.DateToString( 

nowWithTZOffset, oscriptFmt )`";
							_`fieldname`_scriptDate( form, theDate.getFullYear(), 

theDate.getMonth() + 1, theDate.getDate() );
							form.`fieldname`.value += '0:0:0';
						}

						_`fieldname`_updateMinuteHour( t, theDate );
						_`fieldname`__constructOScriptDate( t );
					}

					if ( typeof( window.markDirty ) != "undefined" )
					{
						markDirty();
					}

					;if ( IsDefined( callbackName ) )

						`callbackName`( changedField );
					;end
					
					// reset the global clear flag in all cases.
					doClear = false;
				}

				function _`fieldname`__constructOScriptDate( form )
				{
					var jsDate = new Date( _`fieldname`_jsDate );
					_`fieldname`_constructDate( form, jsDate )
				}

				function _`fieldname`_constructTime( form )
				{
					var timeArray = new Array("0","0","0");

					;if ( showTime )

						;if ( showMinute )

							;if ( is12HourFmt )

								var	hourString = 0;

								if ( 1 == form.`fieldname`_ampm.selectedIndex )
								{
									// AM
									hourString = form.`fieldname`_hour.options[ 

form.`fieldname`_hour.selectedIndex].value;
								}
								else if ( 2 == form.`fieldname`_ampm.selectedIndex )
								{
									// PM
									hourString = eval( form.`fieldname`_hour.options[ 

form.`fieldname`_hour.selectedIndex].value ) + 12;
								}
							;else
								var hourString = form.`fieldname`_hour.options[ 

form.`fieldname`_hour.selectedIndex].value;
							;end

							var	minuteString = form.`fieldname`_minute.options[ 

form.`fieldname`_minute.selectedIndex].value;

						;else
							var hourString = form.`fieldname`_hour.options[ 

form.`fieldname`_hour.selectedIndex].value;
							var	minuteString = '0';
						;end

						timeArray[0] = hourString;
						timeArray[1] = minuteString;

					;end

					return timeArray;

				}

				function _`fieldname`_constructDate( form, jsDate )
				{
					var		timeSegment;

					_`fieldname`_scriptDate( form, jsDate.getFullYear(), jsDate.getMonth() + 1, 

jsDate.getDate() );

					timeArray = _`fieldname`_constructTime( form );

					// Add the time segment to the date in the oscipt based date.
					form.`fieldname`.value = form.`fieldname`.value + timeArray[0] + ':' + timeArray

[1] + ':' + timeArray[2];

					// Construct the new date from all of the components
					if ( timeArray[0] > -1 ) 
					{
						_`fieldname`_jsDate = new Date( jsDate.getFullYear(), jsDate.getMonth(), 

jsDate.getDate(), timeArray[0], timeArray[1], timeArray[2], 0);
					} 
					else
					{
						_`fieldname`_jsDate = jsDate
					}

					form.`fieldname`_dirtyFlag.value = '1';

					;if ( IsDefined( callbackName ) )
						`callbackName`( form );
					;end
				}

				function _`fieldname`_scriptDate( form, year, month, day )
				{
					var 	val;

					form.`fieldname`.value = 'D/' + year + '/';
					form.`fieldname`.value = form.`fieldname`.value + month + '/';
					form.`fieldname`.value = form.`fieldname`.value + day + ':';
				}

				function `fieldname`_clearDate( form )
				{
					doClear = true;

					$( "#_datepicker_`fieldname`" ).datepicker( "setDate", "" );
					form._datepicker_`fieldname`.value = "";
					document.getElementsByName("`fieldname`")[0].value = "";

					;if ( showTime )

						document.getElementById( "`fieldname`_hour" ).value = "-1";
						document.getElementsByName( "`fieldname`_minute" )[0].value = "0";
						document.getElementsByName( "`fieldname`_second" )[0].value = "0";

					;end

					document.getElementsByName("`fieldname`_dirtyFlag")[0].value = "1";

					if ( typeof( window.markDirty ) != "undefined" )
					{
						markDirty();
					}
						
					;if IsDefined( callbackName )
						`callbackName`( form );
					;end
				}
				
				function _`fieldname`_noSelection( form )
				{
					if ( typeof( form.`fieldname`_hour ) != "undefined" )
					{
						form.`fieldname`_hour.selectedIndex = 0;
					}

					if ( typeof( form.`fieldname`_minute ) != "undefined" )
					{
						form.`fieldname`_minute.selectedIndex = 0;
					}

					if ( typeof( form.`fieldname`_second ) != "undefined" )
					{
						form.`fieldname`_second.selectedIndex = 0;
					}

					if ( typeof( form.`fieldname`_ampm ) != "undefined" )
					{
						form.`fieldname`_ampm.selectedIndex = 0;
					}
					form.`fieldname`.value = "?";
				}				

				// Call this function to change the display date in popup according to a javascript date.
				// We should call this function instead of accessing the _Day, _Month stuff.

				function `fieldname`_changeTo( newDate, form )
				{
					$( "#_datepicker_`fieldname`" ).datepicker( "setDate", newDate );

					if ( newDate != null )
					{
						_`fieldname`_update( null , form, newDate );
					}					
				}
				
				$(function() {
					$( "#_datepicker_`fieldname`" ).datepicker({
						numberOfMonths: 1,
						showButtonPanel: false,
						showAnim: "show",
						dateFormat: "`jQueryOscriptFmt`",
						showOn: "both",
						changeMonth:true,
						changeYear:true,
						buttonImage: "`img`datepicker.gif",
						buttonImageOnly: true,
						autoSize: true,
						minDate: new Date(`year1`, 0, 1),
						maxDate: new Date(`year2`, 11, 31),
						;if( wantYearRange )
							yearRange: "`year1`:`year2`",
						;end						
						monthNamesShort:[ '`[WebDsp_HTMLLabel.Jan]`', '`[WebDsp_HTMLLabel.Feb]`', 

'`[WebDsp_HTMLLabel.Mar]`', '`[WebDsp_HTMLLabel.Apr]`', '`[WebDsp_HTMLLabel.May]`', '`[WebDsp_HTMLLabel.Jun]`', '`

[WebDsp_HTMLLabel.Jul]`', '`[WebDsp_HTMLLabel.Aug]`', '`[WebDsp_HTMLLabel.Sep]`', '`[WebDsp_HTMLLabel.Oct]`', '`

[WebDsp_HTMLLabel.Nov]`', '`[WebDsp_HTMLLabel.Dec]`' ],
						monthNames:[ '`[WebDsp_HTMLLabel.January]`', '`

[WebDsp_HTMLLabel.February]`', '`[WebDsp_HTMLLabel.March]`', '`[WebDsp_HTMLLabel.April]`', '`[WebDsp_HTMLLabel.May]`', '`

[WebDsp_HTMLLabel.June]`', '`[WebDsp_HTMLLabel.July]`', '`[WebDsp_HTMLLabel.August]`', '`[WebDsp_HTMLLabel.September]`', 

'`[WebDsp_HTMLLabel.October]`', '`[WebDsp_HTMLLabel.November]`', '`[WebDsp_HTMLLabel.December]`' ],
						dayNamesMin:[ '`[WebDsp_HTMLLabel.Su]`', '`[WebDsp_HTMLLabel.Mo]`', '`

[WebDsp_HTMLLabel.Tu]`', '`[WebDsp_HTMLLabel.We]`', '`[WebDsp_HTMLLabel.Th]`', '`[WebDsp_HTMLLabel.Fr]`', '`

[WebDsp_HTMLLabel.Sa]`' ],
						dayNamesShort:[ '`[WebDsp_HTMLLabel.Sun]`', '`[WebDsp_HTMLLabel.Mon]`', 

'`[WebDsp_HTMLLabel.Tue]`', '`[WebDsp_HTMLLabel.Wed]`', '`[WebDsp_HTMLLabel.Thu]`', '`[WebDsp_HTMLLabel.Fri]`', '`

[WebDsp_HTMLLabel.Sat]`' ],
						dayNames:[ '`[WebDsp_HTMLLabel.Sunday]`', '`[WebDsp_HTMLLabel.Monday]`', 

'`[WebDsp_HTMLLabel.Tuesday]`', '`[WebDsp_HTMLLabel.Wednesday]`', '`[WebDsp_HTMLLabel.Thursday]`', '`

[WebDsp_HTMLLabel.Friday]`', '`[WebDsp_HTMLLabel.Saturday]`' ],
						prevText: "`[WEBNODE_HTMLLABEL.Previous]`",
						nextText: "`[WEBNODE_HTMLLABEL.Next]`"
					});
				});
			</script>

			<input readonly="true" class="valueEditable" type="text" name="_datepicker_`fieldname`" 

id="_datepicker_`fieldname`" value ="`editValueDateString`" onChange='_`fieldname`_constructDate( this.form, $( 

"#_datepicker_`fieldname`" ).datepicker( "getDate" ) );_`fieldname`_update(this, this.form, null);' style="position: 

relative; z-index: 4;">&nbsp;

		;end

		;if ( showTime )

			;if( showMinute )

				// Date and time seperator
				<B>`[WebDsp_HTMLLabel.DateTimeSeperator]`</B>&nbsp;
			;else
				&nbsp;
			;end

			// Hour

			<label FOR="`fieldname`_hour"></label>
			<select ID="`fieldname`_hour" title="`[WEBDOC_HTMLlabel.Date_Hour]`" name="`fieldname`_hour" 

onChange="_`fieldname`_update(this, this.form, null)">
				<option value="-1" `(hour==-1)?'selected':''`></option>
				
				;if ( is12HourFmt )

					// 12 hour format

					;if ( showMinute )

						<option value="0" `(hour==12 || hour==0)?'selected':''`>12</option>
						;for ( i = 1; i < 12; i += 1 )
							<option value="`i`" `(hour==i || hour==

(12+i))?'selected':''`>`i`</option>
						;end
					;else
						<option value="0"  `(hour== 0)?'selected':''`>12 `

[WebDsp_HTMLLabel.Midnight]`</option>
						<option value="1"  `(hour== 1)?'selected':''`> 1 `

[WebDsp_HTMLLabel.Am]`</option>
						<option value="2"  `(hour== 2)?'selected':''`> 2 `

[WebDsp_HTMLLabel.Am]`</option>
						<option value="3"  `(hour== 3)?'selected':''`> 3 `

[WebDsp_HTMLLabel.Am]`</option>
						<option value="4"  `(hour== 4)?'selected':''`> 4 `

[WebDsp_HTMLLabel.Am]`</option>
						<option value="5"  `(hour== 5)?'selected':''`> 5 `

[WebDsp_HTMLLabel.Am]`</option>
						<option value="6"  `(hour== 6)?'selected':''`> 6 `

[WebDsp_HTMLLabel.Am]`</option>
						<option value="7"  `(hour== 7)?'selected':''`> 7 `

[WebDsp_HTMLLabel.Am]`</option>
						<option value="8"  `(hour== 8)?'selected':''`> 8 `

[WebDsp_HTMLLabel.Am]`</option>
						<option value="9"  `(hour== 9)?'selected':''`> 9 `

[WebDsp_HTMLLabel.Am]`</option>
						<option value="10" `(hour==10)?'selected':''`>10 `

[WebDsp_HTMLLabel.Am]`</option>
						<option value="11" `(hour==11)?'selected':''`>11 `

[WebDsp_HTMLLabel.Am]`</option>
						<option value="12" `(hour==12)?'selected':''`>12 `

[WebDsp_HTMLLabel.Noon]`</option>
						<option value="13" `(hour==13)?'selected':''`> 1 `

[WebDsp_HTMLLabel.Pm]`</option>
						<option value="14" `(hour==14)?'selected':''`> 2 `

[WebDsp_HTMLLabel.Pm]`</option>
						<option value="15" `(hour==15)?'selected':''`> 3 `

[WebDsp_HTMLLabel.Pm]`</option>
						<option value="16" `(hour==16)?'selected':''`> 4 `

[WebDsp_HTMLLabel.Pm]`</option>
						<option value="17" `(hour==17)?'selected':''`> 5 `

[WebDsp_HTMLLabel.Pm]`</option>
						<option value="18" `(hour==18)?'selected':''`> 6 `

[WebDsp_HTMLLabel.Pm]`</option>
						<option value="19" `(hour==19)?'selected':''`> 7 `

[WebDsp_HTMLLabel.Pm]`</option>
						<option value="20" `(hour==20)?'selected':''`> 8 `

[WebDsp_HTMLLabel.Pm]`</option>
						<option value="21" `(hour==21)?'selected':''`> 9 `

[WebDsp_HTMLLabel.Pm]`</option>
						<option value="22" `(hour==22)?'selected':''`>10 `

[WebDsp_HTMLLabel.Pm]`</option>
						<option value="23" `(hour==23)?'selected':''`>11 `

[WebDsp_HTMLLabel.Pm]`</option>
					;end
				;else

					// 24 hour format

					;if ( showMinute )
					
						;for ( i = 0; i < 10; i += 1 )
							<option value="`i`" `(hour==i)?'selected':''`>0`i`</option>
						;end
						;for ( i = 10; i < 24; i += 1 )
							<option value="`i`" `(hour==i)?'selected':''`>`i`</option>
						;end
					;else
						;for ( i = 0; i < 10; i += 1 )
							<option value="`i`" `(hour==i)?'selected':''`>0`i`:00</option>
						;end
						;for ( i = 10; i < 24; i += 1 )
							<option value="`i`" `(hour==i)?'selected':''`>`i`:00</option>
						;end
					;end
				;end
			</select>

			;if ( showMinute )

				// Hour and minute seperator
				<b>`[WebDsp_HTMLLabel.HourMinuteSeperator]`</b>

				// Minute

				<label FOR="`fieldname`_minute"></label>
				<select ID="`fieldname`_minute" title="`[WEBDOC_HTMLlabel.Date_Minute]`" 

name="`fieldname`_minute" onChange="_`fieldname`_update(this, this.form, null)">
					<option value="-1" `(minute==-1)?'selected':''`></option>

					;for ( i = 0; i < 10; i += 1 )
						<option value="`i`" `(minute==i)?'selected':''`>0`i`</option>
					;end
					;for ( i = 10; i < 60; i += 1 )
						<option value="`i`" `(minute==i)?'selected':''`>`i`</option>
					;end
				</select>

				// AM or PM

				;if ( is12HourFmt )

					<label FOR="`fieldname`_ampm"></label>
					<select ID="`fieldname`_ampm" title="`[WEBDOC_HTMLlabel.Date_AMPM]`" 

name="`fieldname`_ampm" onChange="_`fieldname`_update(this, this.form, null)">
						<option value="-1" `(hour==-1)?'selected':''`></option>
						<option value="1" `(hour!=-1 && hour<12)?'selected':''`>`

[WebDsp_HTMLLabel.Am]`</option>
						<option value="2" `(hour>=12)?'selected':''`>`

[WebDsp_HTMLLabel.Pm]`</option>
					</select>
				;end
			;else
				<input type="hidden" name="`fieldname`_minute" value="0" />
			;end

			// Second
			<input type="hidden" name="`fieldname`_second" value="0" />

		;else
			<input type="hidden" name="`fieldname`_hour" value="`origHour`" />
			<input type="hidden" name="`fieldname`_minute" value="`origMinute`" />
			<input type="hidden" name="`fieldname`_second" value="0" />
			<input type="hidden" name="`fieldname`_ampm" value="0" />
		;end

		;if ( !noApplet )
		
			<input class="button" type="BUTTON" value="`[WEBDOC_HTMLLABEL.Clear]`"  

name="_clearDate_`fieldname`" id="_clearDate_`fieldname`" title="`[WEBDOC_HTMLLABEL.ClearDate]`" 

onclick='`fieldname`_clearDate( this.form );_`fieldname`_update(this, this.form, null);' />			
		;end		
		
	;else
		<input type="hidden" name="`fieldname`" value="`Str.ValueToString( now )`" />
		`.FmtDate( now, showTime )`
	;end

	//This comment is needed for web forms data binding to realize that a date picker ends
	`%LStr.Format( "<!-- End File: datefield.html (End - %1) -->", fieldname )`
;;end