var DATE_STRING_FORMAT_HOURS = "ddd d mmm yyyy - HH:MM";
var DATE_STRING_FORMAT = "ddd d mmm yyyy";
var INPUT_DATE_FORMAT = "yyyymmdd";
var GRAY_COLOR = "#888888";


/*
 * Date Format 1.2.2
 * (c) 2007-2008 Steven Levithan <stevenlevithan.com>
 * MIT license
 * Includes enhancements by Scott Trenda <scott.trenda.net> and Kris Kowal <cixar.com/~kris.kowal/>
 *
 * Accepts a date, a mask, or a date and a mask.
 * Returns a formatted version of the given date.
 * The date defaults to the current date/time.
 * The mask defaults to dateFormat.masks.default.
 */
var dateFormat = function () {
	var	token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
		timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
		timezoneClip = /[^-+\dA-Z]/g,
		pad = function (val, len) {
			val = String(val);
			len = len || 2;
			while (val.length < len) val = "0" + val;
			return val;
		};

	// Regexes and supporting functions are cached through closure
	return function (date, mask, utc) {

		var dF = dateFormat;

		// You can't provide utc if you skip other args (use the "UTC:" mask prefix)
		if (arguments.length == 1 && (typeof date == "string" || date instanceof String) && !/\d/.test(date)) {
			mask = date;
			date = undefined;
		}

		// Passing date through Date applies Date.parse, if necessary
		date = date ? new Date(date) : new Date();
		if (isNaN(date)) throw new SyntaxError("invalid date");

		mask = String(dF.masks[mask] || mask || dF.masks["default"]);

		// Allow setting the utc argument via the mask
		if (mask.slice(0, 4) == "UTC:") {
			mask = mask.slice(4);
			utc = true;
		}

		var	_ = utc ? "getUTC" : "get",
			d = date[_ + "Date"](),
			D = date[_ + "Day"](),
			m = date[_ + "Month"](),
			y = date[_ + "FullYear"](),
			H = date[_ + "Hours"](),
			M = date[_ + "Minutes"](),
			s = date[_ + "Seconds"](),
			L = date[_ + "Milliseconds"](),
			o = utc ? 0 : date.getTimezoneOffset(),
			flags = {
				d:    d,
				dd:   pad(d),
				ddd:  dF.i18n.dayNames[D],
				dddd: dF.i18n.dayNames[D + 7],
				m:    m + 1,
				mm:   pad(m + 1),
				mmm:  dF.i18n.monthNames[m],
				mmmm: dF.i18n.monthNames[m + 12],
				yy:   String(y).slice(2),
				yyyy: y,
				h:    H % 12 || 12,
				hh:   pad(H % 12 || 12),
				H:    H,
				HH:   pad(H),
				M:    M,
				MM:   pad(M),
				s:    s,
				ss:   pad(s),
				l:    pad(L, 3),
				L:    pad(L > 99 ? Math.round(L / 10) : L),
				t:    H < 12 ? "a"  : "p",
				tt:   H < 12 ? "am" : "pm",
				T:    H < 12 ? "A"  : "P",
				TT:   H < 12 ? "AM" : "PM",
				Z:    utc ? "UTC" : (String(date).match(timezone) || [""]).pop().replace(timezoneClip, ""),
				o:    (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
				S:    ["th", "st", "nd", "rd"][d % 10 > 3 ? 0 : (d % 100 - d % 10 != 10) * d % 10]
			};

		return mask.replace(token, function ($0) {
			return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
		});
	};
}();

// Some common format strings
dateFormat.masks = {
	"default":      "ddd mmm dd yyyy HH:MM:ss",
	shortDate:      "m/d/yy",
	mediumDate:     "mmm d, yyyy",
	longDate:       "mmmm d, yyyy",
	fullDate:       "dddd, mmmm d, yyyy",
	shortTime:      "h:MM TT",
	mediumTime:     "h:MM:ss TT",
	longTime:       "h:MM:ss TT Z",
	isoDate:        "yyyy-mm-dd",
	isoTime:        "HH:MM:ss",
	isoDateTime:    "yyyy-mm-dd'T'HH:MM:ss",
	isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'"
};



// Internationalization strings
dateFormat.i18n = {
	dayNames: [
		"sön", "mån", "tis", "ons", "tor", "fre", "lör",
		"söndag", "måndag", "tisdag", "onsdag", "torsdag", "fredag", "lördag"
	],
	monthNames: [
		"jan", "feb", "mar","apr", "maj", "jun", "jul", "aug", "sep", "okt", "nov", "dec",
		"januari", "februari", "mars", "april", "maj", "juni", "juli", "augusti", "september", "oktober", "november", "december"
	]	
};

// For convenience...
Date.prototype.format = function (mask, utc) {
	return dateFormat(this, mask, utc);
}

/***********************************************
 Fool-Proof Date Input Script with DHTML Calendar
 by Jason Moon - calendar@moonscript.com
 ************************************************/

// Customizable variables
var DefaultDateFormat = 'MM/DD/YYYY'; // If no date format is supplied, this will be used instead
var Y2kPivotPoint = 76; // 2-digit years before this point will be created in the 21st century
var UnselectedMonthText = ''; // Text to display in the 1st month list item when the date isn't required

if(!HideWait) {
	var HideWait = 2; // Number of seconds before the calendar will disappear
	var Y2kPivotPoint = 76; // 2-digit years before this point will be created in the 21st century
	var UnselectedMonthText = ''; // Text to display in the 1st month list item when the date isn't required
	var FontSize = 11; // In pixels
	var FontFamily = 'Tahoma';
	var CellWidth = 18;
	var CellHeight = 16;
	var ImageURL = '/admin/images/calendar.jpg';
	var ImageGrayURL = '/admin/images/calendarGray.jpg';
	var imgCalendar = new Image();
	imgCalendar.src = ImageURL;
	var imgCalendarGray = new Image();
	imgCalendarGray.src = ImageGrayURL;
	var NextURL = '/admin/images/next.gif';
	var PrevURL = '/admin/images/prev.gif';
	var CalBGColor = 'white';
	var TopRowBGColor = 'buttonface';
	var DayBGColor = 'lightgrey';
}

// Global variables
var ZCounter = 100;
var Today = new Date(1714200650186);
var now = new Date();
var currentCentury = new Number(new String(now.getFullYear()).substring(0,2));
var currentDecennium = new Number(new String(now.getFullYear()).substring(2,4));
var defaultInputDateFormat = "yyyymmdd";
var yyIndex = defaultInputDateFormat.indexOf("yy");
var mmIndex = defaultInputDateFormat.indexOf("mm");
var ddIndex = defaultInputDateFormat.indexOf("dd");


    // Begin week with monday in Sweden
    var WeekDays = new Array('M','T','O','T','F','L','S');


/**
 * This function can be used in textfields that allows only numeric values.
 * add following code in the input tag: onkeydown="return isValidDateKey(event)"
 */
function isValidDateKey(event) { 
	event = (event) ? event : ((window.event) ? window.event : "");
	var isValid = false;
	if(event.keyCode == 27
		|| event.keyCode == 13
		|| event.keyCode == 109
		|| event.keyCode == 9
		|| (event.shiftKey && event.keyCode == 55)
		|| (event.keyCode >= 48 && event.keyCode <= 57)
		|| (event.keyCode >= 96 && event.keyCode <= 105)
		|| event.keyCode == 8
		|| event.keyCode == 46
		|| event.keyCode == 39
		|| event.keyCode == 37
		|| event.keyCode == 36
		|| event.keyCode == 35
		|| (event.ctrlKey) && (event.keyCode == 67 || event.keyCode == 86 || event.keyCode == 88)) // ctrl + c,v,x
			isValid = true;
	if(!isValid)
		return false;
}

var objRegExpInteger  = /(^-?\d\d*$)/;
function isIntValue(v) {
	return objRegExpInteger.test(v);
}

// Check for existing date
// year is given as yyyy
// month is given as 1-12
// day is given as 1-31
function isExistingDate(year, month, date) {
	var d = new Date();
	d.setFullYear(year);
	d.setMonth(month-1);
	d.setDate(date);
	return (d.getFullYear() == year && d.getMonth() == (month-1) && d.getDate() == date);
}

var MonthDays = new Array(31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var MonthNames = new Array('jan','feb','mar','apr','maj','jun','jul','aug','sep','okt','nov','dec');

// Write out the stylesheet definition for the calendar
with (document) {
   writeln('<style>');
   writeln('td.calendarDateInput {letter-spacing:normal;line-height:normal;font-family:' + FontFamily + ',Sans-Serif;font-size:' + FontSize + 'px;}');
   writeln('select.calendarDateInput {letter-spacing:.06em;font-family:Verdana,Sans-Serif;font-size:11px;}');
   writeln('input.calendarDateInput {letter-spacing:.06em;font-family:Verdana,Sans-Serif;font-size:11px;}');
   writeln('</style>');
}

// Only allows certain keys to be used in the date field
function YearDigitsOnly(e) {
	if(e) {
	   var KeyCode = (e.keyCode) ? e.keyCode : e.which;
	   return ((KeyCode == 8) // backspace
			|| (KeyCode == 9) // tab
			|| (KeyCode == 37) // left arrow
			|| (KeyCode == 39) // right arrow
			|| (KeyCode == 46) // delete
			|| ((KeyCode > 47) && (KeyCode < 58)) // 0 - 9
	   );
	}
}

// Gets the absolute pixel position of the supplied element
function GetTagPixels(StartTag, Direction) {
   var PixelAmt = (Direction == 'LEFT') ? StartTag.offsetLeft : StartTag.offsetTop;
   while ((StartTag.tagName != 'BODY') && (StartTag.tagName != 'HTML')) {
      StartTag = StartTag.offsetParent;
      PixelAmt += (Direction == 'LEFT') ? StartTag.offsetLeft : StartTag.offsetTop;
   }
   return PixelAmt;
}

// Is the specified select-list behind the calendar?
function BehindCal(SelectList, CalLeftX, CalRightX, CalTopY, CalBottomY, ListTopY) {
   var ListLeftX = GetTagPixels(SelectList, 'LEFT');
   var ListRightX = ListLeftX + SelectList.offsetWidth;
   var ListBottomY = ListTopY + SelectList.offsetHeight;
   return (((ListTopY < CalBottomY) && (ListBottomY > CalTopY)) && ((ListLeftX < CalRightX) && (ListRightX > CalLeftX)));
}

// For IE, hides any select-lists that are behind the calendar
function FixSelectLists(Over) {
   if (navigator.appName == 'Microsoft Internet Explorer') {
      var CalDiv = this.getCalendar();
      var CalLeftX = CalDiv.offsetLeft;
      var CalRightX = CalLeftX + CalDiv.offsetWidth;
      var CalTopY = CalDiv.offsetTop;
      var CalBottomY = CalTopY + (CellHeight * 9);
      var FoundCalInput = false;
      formLoop :
      for (var j=this.formNumber;j<document.forms.length;j++) {
         for (var i=0;i<document.forms[j].elements.length;i++) {
            if (typeof document.forms[j].elements[i].type == 'string') {
               if ((document.forms[j].elements[i].type == 'hidden') && (document.forms[j].elements[i].name == this.hiddenFieldName)) {
                  FoundCalInput = true;
                  i += 3; // 3 elements between the 1st hidden field and the last year input field
               }
               if (FoundCalInput) {
                  if (document.forms[j].elements[i].type.substr(0,6) == 'select') {
                     ListTopY = GetTagPixels(document.forms[j].elements[i], 'TOP');
                     if (ListTopY < CalBottomY) {
                        if (BehindCal(document.forms[j].elements[i], CalLeftX, CalRightX, CalTopY, CalBottomY, ListTopY)) {
                           document.forms[j].elements[i].style.visibility = (Over) ? 'hidden' : 'visible';
                        }
                     }
                     else break formLoop;
                  }
               }
            }
         }
      }
   }
}

// Displays a message in the status bar when hovering over the calendar days
function DayCellHover(Cell, Over, Color, HoveredDay) {
   Cell.style.backgroundColor = (Over) ? DayBGColor : Color;
   if (Over) {
      if ((this.yearValue == Today.getFullYear()) && (this.monthIndex == Today.getMonth()) && (HoveredDay == Today.getDate())) self.status = 'Click to select today';
      else {
         var Suffix = HoveredDay.toString();
         switch (Suffix.substr(Suffix.length - 1, 1)) {
            case '1' : Suffix += (HoveredDay == 11) ? 'th' : 'st'; break;
            case '2' : Suffix += (HoveredDay == 12) ? 'th' : 'nd'; break;
            case '3' : Suffix += (HoveredDay == 13) ? 'th' : 'rd'; break;
            default : Suffix += 'th'; break;
         }
         self.status = 'Click to select ' + this.monthName + ' ' + Suffix;
      }
   }
   else self.status = '';
   return true;
}

// Sets the form elements after a day has been picked from the calendar
function PickDisplayDay(ClickedDay) {
   this.show();
   var HoursField = this.getHoursField();
   var MinutesField = this.getMinutesField();
   if(HoursField && HoursField.value == '') {
        
            HoursField.value = '00';
        
        this.picked.hours = 0;
   }
   if(MinutesField && MinutesField.value == '') {
        MinutesField.value = '00';
        this.picked.minutes = 0;
   }
   this.setPicked(this.displayed.yearValue, this.displayed.monthIndex, ClickedDay, this.picked.hours, this.picked.minutes);
   if(HoursField)
       HoursField.defaultValue = HoursField.value;
   if(MinutesField)
       MinutesField.defaultValue = MinutesField.value;

   // Sets the manual input field
   this.setInputDateField(this.picked.msFormatted);

   // Focus the time field
	if(this.getHoursField() && !this.getHoursField().disabled) {
	   this.getHoursField().focus();
	   this.getHoursField().select();
	}
}

// Builds the HTML for the calendar days
function BuildCalendarDays() {
   var Rows = 5;
   var tmpFirstDay = this.displayed.firstDay;
   
   
    // Begin week with monday in Sweden
    if(tmpFirstDay != 0)
        tmpFirstDay--;
    else
        tmpFirstDay = 6;
   

   if (((this.displayed.dayCount == 31) && (tmpFirstDay > 4)) || ((this.displayed.dayCount == 30) && (this.displayed.firstDay == 6))){ Rows = 6;}
   else if ((this.displayed.dayCount == 28) && (this.displayed.firstDay == 0)) Rows = 4;
   var HTML = '<table width="' + (CellWidth * 7) + '" cellspacing="0" cellpadding="1" style="cursor:default">';
   for (var j=0;j<Rows;j++) {
      HTML += '<tr>';
      for (var i=1;i<=7;i++) {
         Day = (j * 7) + (i - tmpFirstDay);
         if ((Day >= 1) && (Day <= this.displayed.dayCount)) {
            if ((this.displayed.yearValue == this.picked.yearValue) && (this.displayed.monthIndex == this.picked.monthIndex) && (Day == this.picked.day)) {
               TextStyle = 'color:white;font-weight:bold;'
               BackColor = DayBGColor;
            }
            else {
               TextStyle = 'color:black;'
               BackColor = CalBGColor;
            }
            if ((this.displayed.yearValue == Today.getFullYear()) && (this.displayed.monthIndex == Today.getMonth()) && (Day == Today.getDate())) TextStyle += 'border:1px solid darkred;padding:0px;';
            HTML += '<td align="center" class="calendarDateInput" style="cursor:default;height:' + CellHeight + ';width:' + CellWidth + ';' + TextStyle + ';background-color:' + BackColor + '" onClick="' + this.objName + '.pickDay(' + Day + ')" onMouseOver="return ' + this.objName + '.displayed.dayHover(this,true,\'' + BackColor + '\',' + Day + ')" onMouseOut="return ' + this.objName + '.displayed.dayHover(this,false,\'' + BackColor + '\')">' + Day + '</td>';
         }
         else HTML += '<td class="calendarDateInput" style="height:' + CellHeight + '">&nbsp;</td>';
      }
      HTML += '</tr>';
   }
   return HTML += '</table>';
}

function SetCurrentDate() {
	if(!this.disabled) {
		var h = '00';
		var m = '00';
		if(this.getHoursField()) {
			h = Today.getHours();
			m = Today.getMinutes();
		}

		// Set selected date
		this.setPicked(Today.getFullYear(), Today.getMonth(), Today.getDate(), h, m);

		// Sets the manual input field
	   this.setInputDateField(this.picked.msFormatted);
   }
}

// Determines which century to use (20th or 21st) when dealing with 2-digit years
function GetGoodYear(YearDigits) {
   if (YearDigits.length == 4) return YearDigits;
   else {
      var Millennium = (YearDigits < Y2kPivotPoint) ? 2000 : 1900;
      return Millennium + parseInt(YearDigits,10);
   }
}

// Returns the number of days in a month (handles leap-years)
function GetDayCount(SomeYear, SomeMonth) {
   return ((SomeMonth == 1) && ((SomeYear % 400 == 0) || ((SomeYear % 4 == 0) && (SomeYear % 100 != 0)))) ? 29 : MonthDays[SomeMonth];
}

// Highlights the buttons
function VirtualButton(Cell, ButtonDown) {
   if (ButtonDown) {
      Cell.style.borderLeft = 'buttonshadow 1px solid';
      Cell.style.borderTop = 'buttonshadow 1px solid';
      Cell.style.borderBottom = 'buttonhighlight 1px solid';
      Cell.style.borderRight = 'buttonhighlight 1px solid';
   }
   else {
      Cell.style.borderLeft = 'buttonhighlight 1px solid';
      Cell.style.borderTop = 'buttonhighlight 1px solid';
      Cell.style.borderBottom = 'buttonshadow 1px solid';
      Cell.style.borderRight = 'buttonshadow 1px solid';
   }
}

// Mouse-over for the previous/next month buttons
function NeighborHover(Cell, Over, DateObj) {
   if (Over) {
      VirtualButton(Cell, false);
      self.status = 'Click to view ' + DateObj.fullName;
   }
   else {
      Cell.style.border = 'buttonface 1px solid';
      self.status = '';
   }
   return true;
}

// Displays a message in the status bar when hovering over the calendar icon
function CalIconHover(Over) {
   var Message = (this.isShowing()) ? 'hide' : 'show';
   self.status = (Over) ? 'Click to ' + Message + ' the calendar' : '';
   return true;
}

// Starts the timer over from scratch
function CalTimerReset() {
   eval('clearTimeout(' + this.timerID + ')');
   eval(this.timerID + '=setTimeout(\'' + this.objName + '.show()\',' + (HideWait * 1000) + ')');
}

// The timer for the calendar
function DoTimer(CancelTimer) {
   if (CancelTimer) eval('clearTimeout(' + this.timerID + ')');
   else {
      eval(this.timerID + '=null');
      this.resetTimer();
   }
}

// Show or hide the calendar
function ShowCalendar() {
	   if (this.isShowing()) {
		  var StopTimer = true;
		  this.getCalendar().style.zIndex = --ZCounter;
		  this.getCalendar().style.visibility = 'hidden';
		  this.getShadow().style.display = 'none';
		  this.fixSelects(false);
		  this.handleTimer(StopTimer);
		  self.status = '';		  
	   }
	   else if(!this.disabled) {
		  var StopTimer = false;
		  this.fixSelects(true);
		  this.getCalendar().style.zIndex = ++ZCounter;
		  this.getCalendar().style.visibility = 'visible';      
		  if(!document.all) {
			  var objShadow = this.getShadow();
			  var objCalendar = this.getCalendar();
			  objShadow.style.display = 'block';

			  objShadow.style.top = objCalendar.offsetTop + 2;
			  objShadow.style.left = objCalendar.offsetLeft + 2;
			  objShadow.style.width = objCalendar.offsetWidth;
			  objShadow.style.height = objCalendar.offsetHeight;
		  }
		  this.handleTimer(StopTimer);
		  self.status = '';
	   }
}

// Hides the input elements when the "blank" month is selected
function SetElementStatus(Hide) {
   this.getCalendarLink().style.visibility = (Hide) ? 'hidden' : 'visible';
}

// Sets the date, based on the manually date input
function CheckManualDate(DateInput, event) {

   event = (event) ? event : ((window.event) ? window.event : "");

	// Do nothing for special keys
	if(event.keyCode != 9 // Tab
		&& event.keyCode != 35 // Home
		&& event.keyCode != 36 // End
		&& event.keyCode != 37 // Arrow-keys
		&& event.keyCode != 38
		&& event.keyCode != 39
		&& event.keyCode != 40
		&& event.keyCode != 144 // Num-lock
		&& event.keyCode != 16 // Shift
		&& event.keyCode != 17 // Ctrl
		&& event.keyCode != 67 // c-key for copy
		)
	{

		// Set the color to black
		DateInput.style.color = "#000000";

		var y = "";
		var m = "";
		var d = "";

		// Six character date
		if(isIntValue(DateInput.value) && DateInput.value.length == 6) {

			y = DateInput.value.substr(yyIndex,2);
			var adjust = (yyIndex < mmIndex) ? 2 : 0;
			m = new Number(DateInput.value.substr(mmIndex - adjust,2));
			adjust = (yyIndex < ddIndex) ? 2 : 0;
			d = new Number(DateInput.value.substr(ddIndex - adjust,2));

		// Eight character date
		} else if(isIntValue(DateInput.value) && DateInput.value.length == 8) {
			y = DateInput.value.substr(yyIndex,4);
			m = new Number(DateInput.value.substr(mmIndex,2));
			d = new Number(DateInput.value.substr(ddIndex,2));

		// ISO "yyyy-mm-dd"
		} else if(DateInput.value.indexOf("-") != -1 && DateInput.value.length > 4) {
			var v = DateInput.value;
			var sepOne = v.indexOf("-");
			var sepTwo = v.indexOf("-", sepOne+1);
			if(sepOne != -1 && sepTwo != -1) {
				y = v.substring(0,sepOne);
				m = new Number( v.substring(sepOne+1,sepTwo));
				d = new Number(v.substring(sepTwo+1,v.length));
			}
		
		// dd/mm/yyyy
		} else if(DateInput.value.indexOf("/") != -1 && DateInput.value.length > 4) {
			var v = DateInput.value;
			var sepOne = v.indexOf("/");
			var sepTwo = v.indexOf("/", sepOne+1);
			if(sepOne != -1 && sepTwo != -1) {
				d = new Number(v.substring(0,sepOne));
				m = new Number( v.substring(sepOne+1,sepTwo));
				y = v.substring(sepTwo+1,v.length);
			}
		}

		// Validate the given date
		if(y.length > 0) {

			if(y.length == 1)
				y = "0" + y;

			// Add century if needed
			if(y.length == 2) {
				var centuryPrefix = (this.isBirthDate == 'true' && (new Number(y) > currentDecennium))
										? currentCentury - 1
										: currentCentury;
				y = centuryPrefix + "" + y;
			}

			if(isExistingDate(y,m,d)) {

				this.setPicked(y, m-1, d, this.picked.hours, this.picked.minutes);

				// Focus the time field
				/*if(this.getHoursField()) {
					if(event.keyCode != 8 // Backspace
						&& event.keyCode != 46 // Del
					) {
						this.getHoursField().focus();
					    this.getHoursField().select();
					}
				}*/
			}
		}

		// Empty value
		if(DateInput.value == "") {
			this.setHoursField('');
			this.setMinutesField('');
			this.setMsHidden('');
			this.setHidden('');
			this.setDateString('');
		}
	}
}

// Determines if a number is valid as hours
function GetGoodHours(HourDigits) {

   if (HourDigits.length == 2) return YearDigits;
   else {
      var Millennium = (YearDigits < Y2kPivotPoint) ? 2000 : 1900;
      return Millennium + parseInt(YearDigits,10);
   }
}

// Changes the date when a valid hour has been entered
function CheckHoursInput(HoursField) {
	if(HoursField.value != HoursField.defaultValue) {
	   var minAllowedHours = 1;
	   var maxAllowedHours = 12;
	   
		   minAllowedHours = 0;
		   maxAllowedHours = 23;
	   

	   if(HoursField.value != "" && !isNaN(HoursField.value) && HoursField.value >= minAllowedHours && HoursField.value <= maxAllowedHours) {
			this.setPicked(this.picked.yearValue, this.picked.monthIndex, this.picked.dayIndex, HoursField.value, this.picked.minutes);
			HoursField.defaultValue = HoursField.value;
	   } else if(HoursField.value != "") {
		   HoursField.value = HoursField.defaultValue;
	   }
	}
}

// Changes the date when am or pm has been selected
function CheckAmPmInput() {
    this.setPicked(this.picked.yearValue, this.picked.monthIndex, this.picked.dayIndex, this.picked.hours, this.picked.minutes);
}

// Changes the date when a valid minute has been entered
function CheckMinutesInput(MinutesField) {
	if(MinutesField.value != MinutesField.defaultValue) {
		if(MinutesField.value != "" && !isNaN(MinutesField.value) && MinutesField.value >= 0 && MinutesField.value <= 59) {
		   this.setPicked(this.picked.yearValue, this.picked.monthIndex, this.picked.dayIndex, this.picked.hours, MinutesField.value);
		   MinutesField.defaultValue = MinutesField.value;
		} else if(MinutesField.value != "") {
		   MinutesField.value = MinutesField.defaultValue;
	   }
	}
}

// Fill empty values when any value has been entered
function FillEmptyValues() {
	if(this.getHoursField() && this.getHoursField().value == '') {
		
			this.getHoursField().value = '00';
		
	   this.getHoursField().defaultValue = '00';
	   this.picked.hours = 0;
	}
	if(this.getMinutesField() && this.getMinutesField().value == '') {
	   this.getMinutesField().value = '00';
	   this.getMinutesField().defaultValue = '00';
	   this.picked.minutes = 0;
	}
}

// Holds characteristics about a date
function dateObject() {
   if (Function.call) { // Used when 'call' method of the Function object is supported
      var ParentObject = this;
      var ArgumentStart = 0;
   }
   else { // Used with 'call' method of the Function object is NOT supported
      var ParentObject = arguments[0];
      var ArgumentStart = 1;
   }
   ParentObject.date = (arguments.length == (ArgumentStart+1)) ? new Date(arguments[ArgumentStart+0]) : new Date(arguments[ArgumentStart+0], arguments[ArgumentStart+1], arguments[ArgumentStart+2]);
   ParentObject.yearValue = ParentObject.date.getFullYear();
   ParentObject.monthIndex = ParentObject.date.getMonth();
   ParentObject.monthName = MonthNames[ParentObject.monthIndex];
   ParentObject.fullName = ParentObject.monthName + ' ' + ParentObject.yearValue;
   ParentObject.day = ParentObject.date.getDate();
   ParentObject.dayCount = GetDayCount(ParentObject.yearValue, ParentObject.monthIndex);
   var FirstDate = new Date(ParentObject.yearValue, ParentObject.monthIndex, 1);
   ParentObject.firstDay = FirstDate.getDay();
}

// Keeps track of the date that goes into the hidden field
function storedMonthObject(DateFormat, DateYear, DateMonth, DateDay, DateHour, DateMinute, PM) {

   (Function.call) ? dateObject.call(this, DateYear, DateMonth, DateDay, DateHour, DateMinute) : dateObject(this, DateYear, DateMonth, DateDay, DateHour, DateMinute);
   this.hours = DateHour;
   this.minutes = DateMinute;
   this.dayIndex = DateDay;
   this.yearPad = this.yearValue.toString();
   this.monthPad = (this.monthIndex < 9) ? '0' + String(this.monthIndex + 1) : this.monthIndex + 1;
   this.dayPad = (this.day < 10) ? '0' + this.day.toString() : this.day;
   this.monthShort = this.monthName ? this.monthName.substr(0,3).toUpperCase() : '';
   // Formats the year with 2 digits instead of 4
   if (DateFormat.indexOf('YYYY') == -1) this.yearPad = this.yearPad.substr(2);
   // Define the date-part delimiter
   if (DateFormat.indexOf('/') >= 0) var Delimiter = '/';
   else if (DateFormat.indexOf('-') >= 0) var Delimiter = '-';
   else var Delimiter = '';
   // Determine the order of the months and days
   if (/DD?.?((MON)|(MM?M?))/.test(DateFormat)) {
      this.formatted = this.dayPad + Delimiter;
      this.formatted += (RegExp.$1.length == 3) ? this.monthShort : this.monthPad;
   }
   else if (/((MON)|(MM?M?))?.?DD?/.test(DateFormat)) {
      this.formatted = (RegExp.$1.length == 3) ? this.monthShort : this.monthPad;
      this.formatted += Delimiter + this.dayPad;
   }
   // Either prepend or append the year to the formatted date
   this.formatted = (DateFormat.substr(0,2) == 'YY') ? this.yearPad + Delimiter + this.formatted : this.formatted + Delimiter + this.yearPad;

   var h = this.hours != "" ? this.hours : "00";
   var m = this.minutes != "" ? this.minutes : "00";

   if(PM) {
        if(h < 12)
            h = new Number(h) + 12;
        else
            h = new Number(h) - 12;
   }

   this.msFormatted = new Date(this.yearPad, this.monthPad-1, this.dayPad, h, m).getTime();
}

// Object for the current displayed month
function displayMonthObject(ParentObject, DateYear, DateMonth, DateDay) {
   (Function.call) ? dateObject.call(this, DateYear, DateMonth, DateDay) : dateObject(this, DateYear, DateMonth, DateDay);
   this.displayID = ParentObject.hiddenFieldName + '_Current_ID';
   this.getDisplay = new Function('return document.getElementById(this.displayID)');
   this.dayHover = DayCellHover;
   this.goCurrent = new Function(ParentObject.objName + '.getCalendar().style.zIndex=++ZCounter;' + ParentObject.objName + '.setDisplayed(Today.getFullYear(),Today.getMonth());');
   if (ParentObject.formNumber >= 0) this.getDisplay().innerHTML = this.fullName;
}

// Object for the previous/next buttons
function neighborMonthObject(ParentObject, IDText, DateMS) {
   (Function.call) ? dateObject.call(this, DateMS) : dateObject(this, DateMS);
   this.buttonID = ParentObject.hiddenFieldName + '_' + IDText + '_ID';
   this.hover = new Function('C','O','NeighborHover(C,O,this)');
   this.getButton = new Function('return document.getElementById(this.buttonID)');
   this.go = new Function(ParentObject.objName + '.getCalendar().style.zIndex=++ZCounter;' + ParentObject.objName + '.setDisplayed(this.yearValue,this.monthIndex);if(!document.all) {' + ParentObject.objName + '.getShadow().style.height = ' + ParentObject.objName + '.getCalendar().offsetHeight}');
   if (ParentObject.formNumber >= 0) this.getButton().title = this.monthName;
}

// Sets the currently-displayed month object
function SetDisplayedMonth(DispYear, DispMonth) {
   this.displayed = new displayMonthObject(this, DispYear, DispMonth, 1);
   // Creates the previous and next month objects
   this.previous = new neighborMonthObject(this, 'Previous', this.displayed.date.getTime() - 86400000);
   this.next = new neighborMonthObject(this, 'Next', this.displayed.date.getTime() + (86400000 * (this.displayed.dayCount + 1)));
   // Creates the HTML for the calendar
   if (this.formNumber >= 0) this.getDayTable().innerHTML = this.buildCalendar();
}

// Sets the current selected date
function SetPickedMonth(PickedYear, PickedMonth, PickedDay, PickedHour, PickedMinute) { 
   this.picked = new storedMonthObject(this.format, PickedYear, PickedMonth, PickedDay, PickedHour, PickedMinute, this.getAmPmSelection());
   this.setHidden(this.picked.formatted);
   this.setMsHidden(this.picked.msFormatted);
   this.setDisplayed(PickedYear, PickedMonth);
   this.setDateString(this.picked.msFormatted);
   this.setHoursField(PickedHour);
   this.setMinutesField(PickedMinute);
}

// Set the date string
function SetDateString(timeInMS) {
   var DateStringField = this.getDateStringField();
   if(DateStringField) {
		var value = (timeInMS != "")
						? new Date(timeInMS).format(this.getHoursField() ? DATE_STRING_FORMAT_HOURS : DATE_STRING_FORMAT)
						: this.getHoursField() ? "inget tillfälle valt" : "inget datum valt";
			
		DateStringField.innerHTML = value;
		DateStringField.style.color = (timeInMS != "") ? "#000000" : GRAY_COLOR;
   }
}

// Set the input field
function SetInputDateField(timeInMS) {
	var InputDateField = this.getInputDateField();
	 if(InputDateField) {
		InputDateField.value = (timeInMS != "") ? new Date(timeInMS).format(INPUT_DATE_FORMAT) : INPUT_DATE_FORMAT;
		InputDateField.style.color = (timeInMS != "") ? "#000000" : GRAY_COLOR;
	}
}

function FocusInputDateField(inputObj) {
	if(inputObj.value == INPUT_DATE_FORMAT) {
		inputObj.focus();
		inputObj.select();
	}
}

function DisableComponent(disable) {
	this.disabled = disable;
	this.getImage().src = (disable) ? imgCalendarGray.src : imgCalendar.src;
	this.getDaysDateLink().className = (disable) ? "actionDisabled" : "action";
}

// The calendar object
function calendarObject(DateName, DateFormat, IsBirthDate, DefaultDate, DefaultTime) {

   /* Properties */
   this.hiddenFieldName = DateName;
   this.hiddenMsFieldName = DateName + '_MS';
   this.dateStringID = DateName + '_DateString_ID';
   this.inputDateID = DateName + '_InputDate_ID';
   this.hoursFieldID = DateName + '_Hours';
   this.imageID = DateName + '_Image_ID';
   this.amPmFieldID = DateName + '_AmPm';
   this.minutesFieldID = DateName + '_Minutes';
   this.monthDisplayID = DateName + '_Current_ID';
   this.calendarID = DateName + '_ID';
   this.shadowID = DateName + '_Shadow_ID';
   this.dayTableID = DateName + '_DayTable_ID';
   this.calendarLinkID = this.calendarID + '_Link';
   this.timerID = this.calendarID + '_Timer';
   this.daysDateLinkID = DateName + "_daysDate_ID";
   this.objName = DateName + '_Object';
   this.format = DateFormat;
   this.formNumber = -1;
   this.picked = null;
   this.displayed = null;
   this.previous = null;
   this.next = null;
   this.disabled = false;

   /* Methods */
   this.fillEmptyValues = FillEmptyValues;
   this.setPicked = SetPickedMonth;
   this.setDisplayed = SetDisplayedMonth;
   this.setDateString = SetDateString;
   this.setInputDateField = SetInputDateField;
   this.checkHours = CheckHoursInput;
   this.checkAmPm = CheckAmPmInput;
   this.checkMinutes = CheckMinutesInput;
   this.manualDate = CheckManualDate;
   this.resetTimer = CalTimerReset;
   this.hideElements = SetElementStatus;
   this.show = ShowCalendar;
   this.handleTimer = DoTimer;
   this.iconHover = CalIconHover;
   this.buildCalendar = BuildCalendarDays;
   this.setCurrentDate = SetCurrentDate;
   this.pickDay = PickDisplayDay;
   this.fixSelects = FixSelectLists;
   this.focusInputDateField = FocusInputDateField;
   this.disableComponent = DisableComponent;
   this.setHidden = new Function('D','if (this.formNumber >= 0) this.getHiddenField().value=D');
   this.setMsHidden = new Function('D','if (this.formNumber >= 0) this.getMsHiddenField().value=D');
   this.setHoursField = new Function('D','if (this.getHoursField() && this.formNumber >= 0) this.getHoursField().value=D');
   this.setMinutesField = new Function('D','if (this.getMinutesField() && this.formNumber >= 0) this.getMinutesField().value=D');
   // Returns a reference to these elements
   this.getHiddenField = new Function('return document.forms[this.formNumber].elements[this.hiddenFieldName]');
   this.getMsHiddenField = new Function('return document.forms[this.formNumber].elements[this.hiddenMsFieldName]');
   this.getDateStringField = new Function('return document.getElementById(this.dateStringID)');
   this.getInputDateField = new Function('return document.getElementById(this.inputDateID)');
   this.getHoursField = new Function('return document.getElementById(this.hoursFieldID)');
   this.getAmPmField = new Function('return document.getElementById(this.amPmFieldID)');
   this.getImage = new Function('return document.getElementById(this.imageID)');
   this.getAmPmSelection = new Function('if(document.getElementById(this.amPmFieldID)) return document.getElementById(this.amPmFieldID).selectedIndex == 1; else return false;');
   this.getMinutesField = new Function('return document.getElementById(this.minutesFieldID)');
   this.getCalendar = new Function('return document.getElementById(this.calendarID)');
   this.getShadow = new Function('return document.getElementById(this.shadowID)');
   this.getDayTable = new Function('return document.getElementById(this.dayTableID)');
   this.getCalendarLink = new Function('return document.getElementById(this.calendarLinkID)');
   this.getMonthDisplay = new Function('return document.getElementById(this.monthDisplayID)');
   this.getDaysDateLink = new Function('return document.getElementById(this.daysDateLinkID)');
   this.isShowing = new Function('return !(this.getCalendar().style.visibility != \'visible\')');
   this.isBirthDate = IsBirthDate;

   /* Constructor */
   // Functions used only by the constructor
   function getMonthIndex(MonthAbbr) { // Returns the index (0-11) of the supplied month abbreviation
      for (var MonPos=0;MonPos<MonthNames.length;MonPos++) {
         if (MonthNames[MonPos].toUpperCase() == MonthAbbr.toUpperCase()) break;
      }
      return MonPos;
   }
   function SetGoodDate(CalObj, Notify) { // Notifies the user about their bad default date, and sets the current system date
      CalObj.setPicked(Today.getFullYear(), Today.getMonth(), Today.getDate(), Today.getHours(), Today.getMinutes());
      if (Notify) alert('WARNING: The supplied date is not in valid \'' + DateFormat + '\' format: ' + DefaultDate + '.\nTherefore, the current system date will be used instead: ' + CalObj.picked.formatted);
   }

   var h = DefaultTime.substring(0, DefaultTime.indexOf(":"));
   var m = DefaultTime.substring(DefaultTime.indexOf(":")+1, DefaultTime.length);

   // Main part of the constructor
   if (DefaultDate != '') {
      if ((this.format == 'YYYYMMDD') && (/^(\d{4})(\d{2})(\d{2})$/.test(DefaultDate))) this.setPicked(RegExp.$1, parseInt(RegExp.$2,10)-1, RegExp.$3, h, m);
      else {
         // Get the year
         if ((this.format.substr(0,2) == 'YY') && (/^(\d{2,4})(-|\/)/.test(DefaultDate))) { // Year is at the beginning
            var YearPart = GetGoodYear(RegExp.$1);

            // Determine the order of the months and days
            if (/(-|\/)(\w{1,3})(-|\/)(\w{1,3})$/.test(DefaultDate)) {
               var MidPart = RegExp.$2;
               var EndPart = RegExp.$4;
               if (/D$/.test(this.format)) { // Ends with days
                  var DayPart = EndPart;
                  var MonthPart = MidPart;
               }
               else {
                  var DayPart = MidPart;
                  var MonthPart = EndPart;
               }
               MonthPart = (/\d{1,2}/i.test(MonthPart)) ? parseInt(MonthPart,10)-1 : getMonthIndex(MonthPart);
               this.setPicked(YearPart, MonthPart, DayPart, h, m);
            }
            else SetGoodDate(this, true);
         }
         else if (/(-|\/)(\d{2,4})$/.test(DefaultDate)) { // Year is at the end
            var YearPart = GetGoodYear(RegExp.$2);

            // Determine the order of the months and days
            if (/^(\w{1,3})(-|\/)(\w{1,3})(-|\/)/.test(DefaultDate)) {
               if (this.format.substr(0,1) == 'D') { // Starts with days
                  var DayPart = RegExp.$1;
                  var MonthPart = RegExp.$3;
               }
               else { // Starts with months
                  var MonthPart = RegExp.$1;
                  var DayPart = RegExp.$3;
               }
               MonthPart = (/\d{1,2}/i.test(MonthPart)) ? parseInt(MonthPart,10)-1 : getMonthIndex(MonthPart);
               this.setPicked(YearPart, MonthPart, DayPart, h, m);
            }
            else SetGoodDate(this, true);
         }
         else SetGoodDate(this, true);
      }
   }
}

// Main function that creates the form elements
function DateInput(DateName, TargetFrame, Required, DateFormat, DisplayTimeField, IsBirthDate, DefaultDate, DefaultTime) {
   if (arguments.length == 0) document.writeln('<span style="color:red;font-size:' + FontSize + 'px;font-family:' + FontFamily + ';">ERROR: Missing required parameter in call to \'DateInput\': [name of hidden date field].</span>');
   else {

      // Aquire time values
      InitialHours = '';
      InitialMinutes = '';

      if(arguments.length < 8 || !DisplayTimeField) {
          InitialHours = '';
          InitialMinutes = '';
          
      } else if(DefaultTime.indexOf(":") != -1){
          InitialHours = DefaultTime.substring(0, DefaultTime.indexOf(":"));
          InitialMinutes = DefaultTime.substring(DefaultTime.indexOf(":")+1, DefaultTime.length);
      } else {
          InitialHours = '00';
          InitialMinutes = '00';
      }

      var PM = false;

      

	  if(InitialHours == '24')
		InitialHours = '00'

      // Handle DateFormat
      if (arguments.length < 5) { // The format wasn't passed in, so use default
         DateFormat = DefaultDateFormat;
      }
      else if (/^(Y{2,4}(-|\/)?)?((MON)|(MM?M?)|(DD?))(-|\/)?((MON)|(MM?M?)|(DD?))((-|\/)Y{2,4})?$/i.test(DateFormat)) DateFormat = DateFormat.toUpperCase();
      else { // Passed-in DateFormat was invalid, use default format instead
         var AlertMessage = 'WARNING: The supplied date format for the \'' + DateName + '\' field is not valid: ' + DateFormat + '\nTherefore, the default date format will be used instead: **' + DefaultDateFormat;
         DateFormat = DefaultDateFormat;
         if (arguments.length == 7) { // DefaultDate was passed in with an invalid date format
            var CurrentDate = new storedMonthObject(DateFormat, Today.getFullYear(), Today.getMonth(), Today.getDate(), InitialHours, InitialMinutes, PM);
            AlertMessage += '\n\nThe supplied date (' + DefaultDate + ') cannot be interpreted with the invalid format.\nTherefore, the current system date will be used instead: ' + CurrentDate.formatted;
            DefaultDate = CurrentDate.formatted;
         }
         alert(AlertMessage);
      }
      // Define the current date if it wasn't set already
      if (!CurrentDate) var CurrentDate = new storedMonthObject(DateFormat, Today.getFullYear(), Today.getMonth(), Today.getDate(), InitialHours, InitialMinutes, PM);

	  // Handle DefaultDate
      if (arguments.length < 7) { // The date wasn't passed in
         DefaultDate = ''; // If required, use today's date
      } else if(DefaultDate == null || DefaultDate == "") {
			DefaultDate = CurrentDate.formatted;
      }

      // Creates the calendar object!
      eval(DateName + '_Object=new calendarObject(\'' + DateName + '\',\'' + DateFormat + '\',\'' + IsBirthDate + '\',\'' + DefaultDate + '\',\'' + InitialHours + ':' + InitialMinutes + '\')');

	  // Determine initial viewable state of day, year, and calendar icon
      if (arguments.length >= 7) {
         var InitialStatus = '';
         var InitialDate = eval(DateName + '_Object.picked.formatted');
         var InitialMsDate = eval(DateName + '_Object.picked.msFormatted');
         var InitYearValue = eval(DateName + '_Object.picked.yearPad');
      }
      else {
         //var InitialStatus = ' style="visibility:hidden"';
         var InitialStatus = '';
         var InitialDate = '';
         var InitialMsDate = '';
         eval(DateName + '_Object.setPicked(' + Today.getFullYear() + ',' + Today.getMonth() + ',' + Today.getDate() + ',' + Today.getHours() + ',' + Today.getMinutes() + ')');
         var InitYearValue = '';
      }
      // Create the form elements
      with (document) {

         writeln('<input type="hidden" name="' + DateName + '" value="' + InitialDate + '">');
         writeln('<input type="hidden" name="' + DateName + '_MS" value="' + InitialMsDate + '">');
         // Find this form number
         for (var f=0;f<forms.length;f++) {
            for (var e=0;e<forms[f].elements.length;e++) {
               if (typeof forms[f].elements[e].type == 'string') {
                  if ((forms[f].elements[e].type == 'hidden') && (forms[f].elements[e].name == DateName)) {
                     eval(DateName + "_Object.formNumber = " + f);
                     break;
                  }
               }
            }
         }
         writeln('<table cellpadding="0" cellspacing="2" border="0"><tr>' + String.fromCharCode(13) + '<td valign="middle">');
		 var dateValue = (InitialMsDate != "") ? new Date(InitialMsDate).format(INPUT_DATE_FORMAT) : INPUT_DATE_FORMAT;
		 var textColor = (InitialMsDate != "") ? "#000000" : GRAY_COLOR;
		 writeln('<input name="' + DateName + '_Object." style="color:' + textColor + '" type="text" maxlength="10" size="10" value="' + dateValue + '" onfocus="' + DateName + '_Object.focusInputDateField(this)" onkeydown="return isValidDateKey(event)" id="' + DateName + '_InputDate_ID" onKeyUp="' + DateName + '_Object.manualDate(this, event)">');
		 writeln('</td>');

		 write('<td valign="middle">' + String.fromCharCode(13) + '<a target="' + TargetFrame + '"' + InitialStatus + ' id="' + DateName + '_ID_Link" href="javascript:parent.' + DateName + '_Object.show()" onMouseOver="return ' + DateName + '_Object.iconHover(true)" onMouseOut="return ' + DateName + '_Object.iconHover(false)"><img src="'+ImageURL+'" align="absmiddle" title="Calendar" border="0" id="' + DateName + '_Image_ID"></a>&nbsp;');
         writeln('<span id="' + DateName + '_ID" style="position:absolute;visibility:hidden;width:' + (CellWidth * 7) + 'px;background-color:' + CalBGColor + ';border:1px solid #868585;" onMouseOver="' + DateName + '_Object.handleTimer(true)" onMouseOut="' + DateName + '_Object.handleTimer(false)">');
         writeln('<table width="' + (CellWidth * 7) + '" cellspacing="0" cellpadding="1">' + String.fromCharCode(13) + '<tr style="background-color:' + TopRowBGColor + ';">');
         writeln('<td id="' + DateName + '_Previous_ID" style="cursor:default" align="center" class="calendarDateInput" style="height:' + CellHeight + '" onClick="' + DateName + '_Object.previous.go()" onMouseDown="VirtualButton(this,true)" onMouseUp="VirtualButton(this,false)" onMouseOver="return ' + DateName + '_Object.previous.hover(this,true)" onMouseOut="return ' + DateName + '_Object.previous.hover(this,false)" title="' + eval(DateName + '_Object.previous.monthName') + '"><img src="' + PrevURL + '"></td>');
         writeln('<td id="' + DateName + '_Current_ID" style="cursor:pointer" align="center" class="calendarDateInput" style="height:' + CellHeight + '" colspan="5" onClick="' + DateName + '_Object.displayed.goCurrent()" onMouseOver="self.status=\'Click to view ' + CurrentDate.fullName + '\';return true;" onMouseOut="self.status=\'\';return true;" title="Show Current Month">' + eval(DateName + '_Object.displayed.fullName') + '</td>');
         writeln('<td id="' + DateName + '_Next_ID" style="cursor:default" align="center" class="calendarDateInput" style="height:' + CellHeight + '" onClick="' + DateName + '_Object.next.go()" onMouseDown="VirtualButton(this,true)" onMouseUp="VirtualButton(this,false)" onMouseOver="return ' + DateName + '_Object.next.hover(this,true)" onMouseOut="return ' + DateName + '_Object.next.hover(this,false)" title="' + eval(DateName + '_Object.next.monthName') + '"><img src="' + NextURL + '"></td></tr>' + String.fromCharCode(13) + '<tr>');
         for (var w=0;w<7;w++) writeln('<td width="' + CellWidth + '" align="center" class="calendarDateInput" style="height:' + CellHeight + ';width:' + CellWidth + ';font-weight:bold;border-top:1px solid dimgray;border-bottom:1px solid dimgray;">' + WeekDays[w] + '</td>');

         writeln('</tr>' + String.fromCharCode(13) + '</table>' + String.fromCharCode(13) + '<span id="' + DateName + '_DayTable_ID">' + eval(DateName + '_Object.buildCalendar()') + '</span>' + String.fromCharCode(13) + '</span>' + String.fromCharCode(13) + '</td>' + String.fromCharCode(13));
         if(DisplayTimeField) {
            writeln('<td><nobr>&nbsp;&nbsp;<input maxlength="2" id="' + DateName + '_Hours" name="' + DateName + '_Hours" type="text" size="1" value="' + InitialHours + '" onKeyUp="' + DateName + '_Object.checkHours(this)">:<input maxlength="2" id="' + DateName + '_Minutes" name="' + DateName + '_Minutes" type="text" size="1" value="' + InitialMinutes + '" onKeyUp="' + DateName + '_Object.checkMinutes(this)"></nobr></td>');
            
         }

         writeln('<td><span class="field_description" id="' + DateName + '_DateString_ID" style="color:');
		 if(InitialMsDate != "") {
			writeln('#000000">');
			writeln(new Date(InitialMsDate).format(DisplayTimeField ? DATE_STRING_FORMAT_HOURS: DATE_STRING_FORMAT));
		 } else {
			writeln(GRAY_COLOR + '">');
			writeln(DisplayTimeField ? "inget tillfälle valt" : "inget datum valt");
		 }
		 writeln('</span></td>');

		 writeln('<td><a style="cursor:pointer" onclick="' + DateName + '_Object.setCurrentDate()" class="action" id="' + DateName + '_daysDate_ID">');
		 writeln("(" + (DisplayTimeField ? "aktuell tid" : "dagens datum") + ")");
		 writeln('</a></td>');

         writeln('</tr>' + String.fromCharCode(13) + '</table>');
         writeln('<div id="' + DateName + '_Shadow_ID" style="display:none;width:100px;height:100px;position:absolute;background-color:black"></div>');
      }
   }

   // Prepare the shadow
   /*if(!document.all) {
        var shadowObj = getObj(DateName + '_Shadow_ID');
        shadowObj.style.filter = "alpha(opacity=1)";
        shadowObj.style.MozOpacity = 0.25;
    } else {
        getObj(DateName + '_ID').style.filter = 'progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=3, color=#555555)';
    }*/
}