// $Revision: 2.0 $
// Popup Calendar
// Version: 1.1
// Copyright 2001 Lunn Poly
// Identify Browser type IE4, IE5+, NS4, NS6
var ie4=(document.all)? true:false;
var ns4=(document.layers)? true:false;
//var ns6=(document.getElementById) ? true : false;
var ns6=false;
var ie5=(ie4 && ns6)?true:false;
var ie5=(document.getElementById) ? true : false;
if (ie5) { ns6 = false }
// Declare Global Variables
var HTMLMonths;
var Calendar = new Date();
var TodaysDate = new Date();
var MaxDate = new Date();
var SelectedDate = new Date();
var FieldObjChange = new Object();
// Calendar icon image height & width settings
// *** This would be better obtained dynamically
var icoHeight = 22;
var icoWidth = 29;
// Error Trapping IE
//if (ie4 || ie5) { window.onerror = catchError; }
function catchError() {
return true;
}
// Path to Images
var Image_Path = 'img/';
// Define Day Names and Month Names
var day_of_week = new Array('S','M','T','W','T','F','S');
var MonthName = new Array('Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec');
// Netscape Fix on Y2K
if (ns4 || ns6) { year += 1900 };
// Write Layer onto Page
if (ns4) {
document.write('');
} else {
document.write('');
}
function getRef(id) {
if (ie5 || ns6) { return document.getElementById(id); }
if (ie4) { return document.all[id]; }
if (ns4) { return document.layers[id]; }
}
function generatetable() {
// Create HTML
cal = '
';
cal += '
';
// Netscape Fix - Event Trigger
//window.status = 'Calculating (60%)';
// Create row for days of week
for(index=0; index < 7; index++)
{
cal += '
' + day_of_week[index] + '
';
}
cal += '
';
day1 = Calendar.getDay();
// Use empty cells to add gaps until today
for(index=0; index < day1; index++) {
cal += '
';
}
// Loop round all days in month
for(index=0; index < 31; index++)
{
// Netscape Fix - Event Trigger
PercentCompleted = 69 + index;
//window.status = 'Calculating (' + PercentCompleted + '%)';
var day = Calendar.getDate();
if( day > index )
{
//Get the Day No.
week_day =Calendar.getDay();
//Start new table row if Sunday
if(week_day == 0) { cal += '
';
} else {
cal += HTMLtd + '' + day + '';
}
}
}
// End Row if Saturday
if (week_day == 7) { cal += '
'; }
// Move to next Day in month
Calendar.setDate(day+1);
}
}
cal += '
';
return cal;
}
// Set the value in the date field specified
function setFieldDate(DayNo) {
DisplayedMonth = Calendar.getMonth();
DisplayedYear = Calendar.getFullYear();
// Identify which month is selected
if (DisplayedMonth == 0) {
DisplayedMonth = 12;
DisplayedYear -= 1;
}
if (DisplayedMonth < 10) { DisplayedMonth = '0' + DisplayedMonth }
if (DayNo < 10) { DayNo = '0' + DayNo }
if (ns4 || ns6) { DisplayedYear += 1900 }; // Netscape Fix on Y2K
// mod to only display 2-digit year **********************MF
DisplayedYear = DisplayedYear.toString();
DisplayedYear = DisplayedYear.substring(DisplayedYear.length-2, DisplayedYear.length);
// Set field value
FieldObjChange.value = DayNo + '/' + DisplayedMonth + '/' + DisplayedYear;
// Hdie the Layer
HideLayer();
}
// Display new date when Month selector is used
function DispNewDate() {
// Get value of select field
if (ns4) {
obj1 = document.layers['nslayer1'].document.forms[0].elements[0];
NewDisplayDate = obj1.options[obj1.selectedIndex].value;
} else {
IDRef = getRef('MonthSelection');
NewDisplayDate = IDRef.value
}
// Split Month and Year
var NewDisplaySplit = NewDisplayDate.split(",");
NewMonth = NewDisplaySplit[0];
NewYear = NewDisplaySplit[1];
// Set Calendar to show new month and year
Calendar.setDate(1);
Calendar.setMonth(NewMonth-1);
Calendar.setYear(NewYear);
// Update HTML
UpdateDisplay();
}
// Move onto the next month
function NextMonth_Click() {
Calendar.setDate(1);
UpdateDisplay();
}
// Move to the previous month
function PrevMonth_Click() {
NewMonth = Calendar.getMonth() - 1;
NewYear = Calendar.getFullYear();
if (ns4 || ns6) { NewYear += 1900 }; // Netscape Fix on Y2K
// If January then need to move to Decemeber and previous year
if (NewMonth < 1) {
NewMonth = 12 + NewMonth;
NewYear -= 1 }
// Set Calendar to new Month and Year
Calendar.setMonth(NewMonth-1);
Calendar.setYear(NewYear);
Calendar.setDate(1);
// Update HTML
UpdateDisplay();
}
// Generate Months as HTML options
function GetHTMLMonths() {
HTMLStr = '';
// Identify how many months are required
MaxMonthsDisp = (MaxDate.getFullYear() - TodaysDate.getFullYear()) * 12;
MaxMonthsDisp += (MaxDate.getMonth() - TodaysDate.getMonth()) + 1;
for(index=0; index < MaxMonthsDisp; index++) {
// Netscape Fix - Event Trigger
PercentCompleted = (20 + index);
//window.status = 'Calculating (' + PercentCompleted + '%)';
// Add months to current date and identify new month and year
ShowMonth = TodaysDate.getMonth() + index;
ShowYear = TodaysDate.getFullYear();
if (ns4 || ns6) { ShowYear += 1900 };
ShowYear += Math.floor(ShowMonth / 12);
ShowMonth = (ShowMonth % 12) + 1;
// Get the selected month and Year
SelMonth = Calendar.getMonth() + 1;
SelYear = Calendar.getFullYear();
if (ns4 || ns6) { SelYear += 1900 }; // Netscape Fix on Y2K
SelectedOption = '';
// Show current selection in select field
if ((SelMonth == ShowMonth) && (SelYear == ShowYear)) { SelectedOption = ' selected ' }
HTMLStr += '';
} // for
return HTMLStr
}
// Update the HTML and show on Layer
function UpdateDisplay() {
// Netscape Fix - Event Trigger
//window.status = 'Calculating (10%)';
window.status = '';
// Show Calculating message in Netscape
if (ns4) {
outHTML = '
';
outHTML += '
';
outHTML += 'Calculating...';
outHTML += '
';
document.layers['nslayer1'].document.open();
document.layers['nslayer1'].document.write(unescape(outHTML));
document.layers['nslayer1'].document.close();
}
// Generate HTML for Previous Month Link
if ((Calendar.getMonth() == TodaysDate.getMonth()) && (Calendar.getFullYear() == TodaysDate.getFullYear())) {
PrevMonthHTML = '
';
} else {
PrevMonthHTML = '' }
// Generate HTML for Next Month Link
if ((Calendar.getMonth() == MaxDate.getMonth()) && (Calendar.getFullYear() == MaxDate.getFullYear())) {
NextMonthHTML = '
';
} else {
NextMonthHTML = '' }
// Start to generate HTML for Page
outHTML = '';
// Form tag required for Netscape but IE does not allow
if (ns4) { outHTML += '
' }
// Generate HTML for Next Month Link
if ((Calendar.getMonth() == MaxDate.getMonth()) && (Calendar.getFullYear() == MaxDate.getFullYear())) {
NextMonthHTML = '
' }
// Start to generate HTML for Page
outHTML = '';
// Form tag required for Netscape but IE does not allow
if (ns4) { outHTML += '