1 // CONSTRUCTOR for the CalendarPopup Object
2 function CalendarPopup() {
4 if (arguments.length>0) {
5 c = new PopupWindow(arguments[0]);
14 // Calendar-specific properties
15 c.monthNames = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
16 c.monthAbbreviations = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
17 c.dayHeaders = new Array("S","M","T","W","T","F","S");
18 c.returnFunction = "CP_tmpReturnFunction";
19 c.returnMonthFunction = "CP_tmpReturnMonthFunction";
20 c.returnQuarterFunction = "CP_tmpReturnQuarterFunction";
21 c.returnYearFunction = "CP_tmpReturnYearFunction";
23 c.isShowYearNavigation = false;
24 c.displayType = "date";
25 c.disabledWeekDays = new Object();
26 c.disabledDatesExpression = "";
27 c.yearSelectStartOffset = 2;
31 c.isShowNavigationDropdowns=false;
32 c.isShowYearNavigationInput=false;
33 window.CP_calendarObject = null;
34 window.CP_targetInput = null;
35 window.CP_dateFormat = "MM/dd/yyyy";
37 c.copyMonthNamesToWindow = CP_copyMonthNamesToWindow;
38 c.setReturnFunction = CP_setReturnFunction;
39 c.setReturnMonthFunction = CP_setReturnMonthFunction;
40 c.setReturnQuarterFunction = CP_setReturnQuarterFunction;
41 c.setReturnYearFunction = CP_setReturnYearFunction;
42 c.setMonthNames = CP_setMonthNames;
43 c.setMonthAbbreviations = CP_setMonthAbbreviations;
44 c.setDayHeaders = CP_setDayHeaders;
45 c.setWeekStartDay = CP_setWeekStartDay;
46 c.setDisplayType = CP_setDisplayType;
47 c.setDisabledWeekDays = CP_setDisabledWeekDays;
48 c.addDisabledDates = CP_addDisabledDates;
49 c.setYearSelectStartOffset = CP_setYearSelectStartOffset;
50 c.setTodayText = CP_setTodayText;
51 c.showYearNavigation = CP_showYearNavigation;
52 c.showCalendar = CP_showCalendar;
53 c.hideCalendar = CP_hideCalendar;
54 c.getStyles = getCalendarStyles;
55 c.refreshCalendar = CP_refreshCalendar;
56 c.getCalendar = CP_getCalendar;
58 c.setCssPrefix = CP_setCssPrefix;
59 c.showNavigationDropdowns = CP_showNavigationDropdowns;
60 c.showYearNavigationInput = CP_showYearNavigationInput;
61 c.copyMonthNamesToWindow();
65 function CP_copyMonthNamesToWindow() {
66 // Copy these values over to the date.js
67 if (typeof(window.MONTH_NAMES)!="undefined" && window.MONTH_NAMES!=null) {
68 window.MONTH_NAMES = new Array();
69 for (var i=0; i<this.monthNames.length; i++) {
70 window.MONTH_NAMES[window.MONTH_NAMES.length] = this.monthNames[i];
72 for (var i=0; i<this.monthAbbreviations.length; i++) {
73 window.MONTH_NAMES[window.MONTH_NAMES.length] = this.monthAbbreviations[i];
77 // Temporary default functions to be called when items clicked, so no error is thrown
78 function CP_tmpReturnFunction(y,m,d) {
79 if (window.CP_targetInput!=null) {
80 var dt = new Date(y,m-1,d,0,0,0);
81 if (window.CP_calendarObject!=null) { window.CP_calendarObject.copyMonthNamesToWindow(); }
82 window.CP_targetInput.value = formatDate(dt,window.CP_dateFormat);
85 alert('Use setReturnFunction() to define which function will get the clicked results!');
88 function CP_tmpReturnMonthFunction(y,m) {
89 alert('Use setReturnMonthFunction() to define which function will get the clicked results!\nYou clicked: year='+y+' , month='+m);
91 function CP_tmpReturnQuarterFunction(y,q) {
92 alert('Use setReturnQuarterFunction() to define which function will get the clicked results!\nYou clicked: year='+y+' , quarter='+q);
94 function CP_tmpReturnYearFunction(y) {
95 alert('Use setReturnYearFunction() to define which function will get the clicked results!\nYou clicked: year='+y);
98 // Set the name of the functions to call to get the clicked item
99 function CP_setReturnFunction(name) { this.returnFunction = name; }
100 function CP_setReturnMonthFunction(name) { this.returnMonthFunction = name; }
101 function CP_setReturnQuarterFunction(name) { this.returnQuarterFunction = name; }
102 function CP_setReturnYearFunction(name) { this.returnYearFunction = name; }
104 // Over-ride the built-in month names
105 function CP_setMonthNames() {
106 for (var i=0; i<arguments.length; i++) { this.monthNames[i] = arguments[i]; }
107 this.copyMonthNamesToWindow();
110 // Over-ride the built-in month abbreviations
111 function CP_setMonthAbbreviations() {
112 for (var i=0; i<arguments.length; i++) { this.monthAbbreviations[i] = arguments[i]; }
113 this.copyMonthNamesToWindow();
116 // Over-ride the built-in column headers for each day
117 function CP_setDayHeaders() {
118 for (var i=0; i<arguments.length; i++) { this.dayHeaders[i] = arguments[i]; }
121 // Set the day of the week (0-7) that the calendar display starts on
122 // This is for countries other than the US whose calendar displays start on Monday(1), for example
123 function CP_setWeekStartDay(day) { this.weekStartDay = day; }
125 // Show next/last year navigation links
126 function CP_showYearNavigation() { this.isShowYearNavigation = (arguments.length>0)?arguments[0]:true; }
128 // Which type of calendar to display
129 function CP_setDisplayType(type) {
130 if (type!="date"&&type!="week-end"&&type!="month"&&type!="quarter"&&type!="year") { alert("Invalid display type! Must be one of: date,week-end,month,quarter,year"); return false; }
131 this.displayType=type;
134 // How many years back to start by default for year display
135 function CP_setYearSelectStartOffset(num) { this.yearSelectStartOffset=num; }
137 // Set which weekdays should not be clickable
138 function CP_setDisabledWeekDays() {
139 this.disabledWeekDays = new Object();
140 for (var i=0; i<arguments.length; i++) { this.disabledWeekDays[arguments[i]] = true; }
143 // Disable individual dates or ranges
144 // Builds an internal logical test which is run via eval() for efficiency
145 function CP_addDisabledDates(start, end) {
146 if (arguments.length==1) { end=start; }
147 if (start==null && end==null) { return; }
148 if (this.disabledDatesExpression!="") { this.disabledDatesExpression+= "||"; }
149 if (start!=null) { start = parseDate(start); start=""+start.getFullYear()+LZ(start.getMonth()+1)+LZ(start.getDate());}
150 if (end!=null) { end=parseDate(end); end=""+end.getFullYear()+LZ(end.getMonth()+1)+LZ(end.getDate());}
151 if (start==null) { this.disabledDatesExpression+="(ds<="+end+")"; }
152 else if (end ==null) { this.disabledDatesExpression+="(ds>="+start+")"; }
153 else { this.disabledDatesExpression+="(ds>="+start+"&&ds<="+end+")"; }
156 // Set the text to use for the "Today" link
157 function CP_setTodayText(text) {
158 this.todayText = text;
161 // Set the prefix to be added to all CSS classes when writing output
162 function CP_setCssPrefix(val) {
163 this.cssPrefix = val;
166 // Show the navigation as an dropdowns that can be manually changed
167 function CP_showNavigationDropdowns() { this.isShowNavigationDropdowns = (arguments.length>0)?arguments[0]:true; }
169 // Show the year navigation as an input box that can be manually changed
170 function CP_showYearNavigationInput() { this.isShowYearNavigationInput = (arguments.length>0)?arguments[0]:true; }
172 // Hide a calendar object
173 function CP_hideCalendar() {
174 if (arguments.length > 0) { window.popupWindowObjects[arguments[0]].hidePopup(); }
175 else { this.hidePopup(); }
178 // Refresh the contents of the calendar display
179 function CP_refreshCalendar(index) {
180 var calObject = window.popupWindowObjects[index];
181 if (arguments.length>1) {
182 calObject.populate(calObject.getCalendar(arguments[1],arguments[2],arguments[3],arguments[4],arguments[5]));
185 calObject.populate(calObject.getCalendar());
190 // Populate the calendar and display it
191 function CP_showCalendar(anchorname) {
192 if (arguments.length>1) {
193 if (arguments[1]==null||arguments[1]=="") {
194 this.currentDate=new Date();
197 this.currentDate=new Date(parseDate(arguments[1]));
200 this.populate(this.getCalendar());
201 this.showPopup(anchorname);
204 // Simple method to interface popup calendar with a text-entry box
205 function CP_select(inputobj, linkname, format) {
206 var selectedDate=(arguments.length>3)?arguments[3]:null;
207 if (!window.getDateFromFormat) {
208 alert("calendar.select: To use this method you must also include 'date.js' for date formatting");
211 if (this.displayType!="date"&&this.displayType!="week-end") {
212 alert("calendar.select: This function can only be used with displayType 'date' or 'week-end'");
215 if (inputobj.type!="text" && inputobj.type!="hidden" && inputobj.type!="textarea") {
216 alert("calendar.select: Input object passed is not a valid form input object");
217 window.CP_targetInput=null;
220 if (inputobj.disabled) { return; } // Can't use calendar input on disabled form input!
221 window.CP_targetInput = inputobj;
222 window.CP_calendarObject = this;
223 this.currentDate=null;
225 if (selectedDate!=null) {
226 time = getDateFromFormat(selectedDate,format)
228 else if (inputobj.value!="") {
229 time = getDateFromFormat(inputobj.value,format);
231 if (selectedDate!=null || inputobj.value!="") {
232 if (time==0) { this.currentDate=null; }
233 else { this.currentDate=new Date(time); }
235 window.CP_dateFormat = format;
236 this.showCalendar(linkname);
239 // Get style block needed to display the calendar correctly
240 function getCalendarStyles() {
243 if (this!=null && typeof(this.cssPrefix)!="undefined" && this.cssPrefix!=null && this.cssPrefix!="") { p=this.cssPrefix; }
244 result += "<STYLE>\n";
245 result += "."+p+"cpYearNavigation,."+p+"cpMonthNavigation { background-color:#C0C0C0; text-align:center; vertical-align:center; text-decoration:none; color:#000000; font-weight:bold; }\n";
246 result += "."+p+"cpDayColumnHeader, ."+p+"cpYearNavigation,."+p+"cpMonthNavigation,."+p+"cpCurrentMonthDate,."+p+"cpCurrentMonthDateDisabled,."+p+"cpOtherMonthDate,."+p+"cpOtherMonthDateDisabled,."+p+"cpCurrentDate,."+p+"cpCurrentDateDisabled,."+p+"cpTodayText,."+p+"cpTodayTextDisabled,."+p+"cpText { font-family:arial; font-size:8pt; }\n";
247 result += "TD."+p+"cpDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0px 0px 1px 0px; }\n";
248 result += "."+p+"cpCurrentMonthDate, ."+p+"cpOtherMonthDate, ."+p+"cpCurrentDate { text-align:right; text-decoration:none; }\n";
249 result += "."+p+"cpCurrentMonthDateDisabled, ."+p+"cpOtherMonthDateDisabled, ."+p+"cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }\n";
250 result += "."+p+"cpCurrentMonthDate, .cpCurrentDate { color:#000000; }\n";
251 result += "."+p+"cpOtherMonthDate { color:#808080; }\n";
252 result += "TD."+p+"cpCurrentDate { color:white; background-color: #C0C0C0; border-width:1px; border:solid thin #800000; }\n";
253 result += "TD."+p+"cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }\n";
254 result += "TD."+p+"cpTodayText, TD."+p+"cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}\n";
255 result += "A."+p+"cpTodayText, SPAN."+p+"cpTodayTextDisabled { height:20px; }\n";
256 result += "A."+p+"cpTodayText { color:black; }\n";
257 result += "."+p+"cpTodayTextDisabled { color:#D0D0D0; }\n";
258 result += "."+p+"cpBorder { border:solid thin #808080; }\n";
259 result += "</STYLE>\n";
263 // Return a string containing all the calendar code to be displayed
264 function CP_getCalendar() {
265 var now = new Date();
266 // Reference to window
267 if (this.type == "WINDOW") { var windowref = "window.opener."; }
268 else { var windowref = ""; }
270 // If POPUP, write entire HTML document
271 if (this.type == "WINDOW") {
272 result += "<HTML><HEAD><TITLE>Calendar</TITLE>"+this.getStyles()+"</HEAD><BODY MARGINWIDTH=0 MARGINHEIGHT=0 TOPMARGIN=0 RIGHTMARGIN=0 LEFTMARGIN=0>\n";
273 result += '<CENTER><TABLE WIDTH=100% BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>\n';
276 result += '<TABLE CLASS="'+this.cssPrefix+'cpBorder" WIDTH=144 BORDER=1 BORDERWIDTH=1 CELLSPACING=0 CELLPADDING=1>\n';
277 result += '<TR><TD ALIGN=CENTER>\n';
278 result += '<CENTER>\n';
280 // Code for DATE display (default)
281 // -------------------------------
282 if (this.displayType=="date" || this.displayType=="week-end") {
283 if (this.currentDate==null) { this.currentDate = now; }
284 if (arguments.length > 0) { var month = arguments[0]; }
285 else { var month = this.currentDate.getMonth()+1; }
286 if (arguments.length > 1 && arguments[1]>0 && arguments[1]-0==arguments[1]) { var year = arguments[1]; }
287 else { var year = this.currentDate.getFullYear(); }
288 var daysinmonth= new Array(0,31,28,31,30,31,30,31,31,30,31,30,31);
289 if ( ( (year%4 == 0)&&(year%100 != 0) ) || (year%400 == 0) ) {
292 var current_month = new Date(year,month-1,1);
293 var display_year = year;
294 var display_month = month;
295 var display_date = 1;
296 var weekday= current_month.getDay();
299 offset = (weekday >= this.weekStartDay) ? weekday-this.weekStartDay : 7-this.weekStartDay+weekday ;
302 if (display_month < 1) { display_month = 12; display_year--; }
303 display_date = daysinmonth[display_month]-offset+1;
305 var next_month = month+1;
306 var next_month_year = year;
307 if (next_month > 12) { next_month=1; next_month_year++; }
308 var last_month = month-1;
309 var last_month_year = year;
310 if (last_month < 1) { last_month=12; last_month_year--; }
312 if (this.type!="WINDOW") {
313 result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>";
316 var refresh = windowref+'CP_refreshCalendar';
317 var refreshLink = 'javascript:' + refresh;
318 if (this.isShowNavigationDropdowns) {
319 result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="78" COLSPAN="3"><select CLASS="'+this.cssPrefix+'cpMonthNavigation" name="cpMonth" onChange="'+refresh+'('+this.index+',this.options[this.selectedIndex].value-0,'+(year-0)+');">';
320 for( var monthCounter=1; monthCounter<=12; monthCounter++ ) {
321 var selected = (monthCounter==month) ? 'SELECTED' : '';
322 result += '<option value="'+monthCounter+'" '+selected+'>'+this.monthNames[monthCounter-1]+'</option>';
324 result += '</select></TD>';
325 result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="10"> </TD>';
327 result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="56" COLSPAN="3"><select CLASS="'+this.cssPrefix+'cpYearNavigation" name="cpYear" onChange="'+refresh+'('+this.index+','+month+',this.options[this.selectedIndex].value-0);">';
328 for( var yearCounter=year-this.yearSelectStartOffset; yearCounter<=year+this.yearSelectStartOffset; yearCounter++ ) {
329 var selected = (yearCounter==year) ? 'SELECTED' : '';
330 result += '<option value="'+yearCounter+'" '+selected+'>'+yearCounter+'</option>';
332 result += '</select></TD>';
335 if (this.isShowYearNavigation) {
336 result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="10"><A CLASS="'+this.cssPrefix+'cpMonthNavigation" HREF="'+refreshLink+'('+this.index+','+last_month+','+last_month_year+');"><</A></TD>';
337 result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="58"><SPAN CLASS="'+this.cssPrefix+'cpMonthNavigation">'+this.monthNames[month-1]+'</SPAN></TD>';
338 result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="10"><A CLASS="'+this.cssPrefix+'cpMonthNavigation" HREF="'+refreshLink+'('+this.index+','+next_month+','+next_month_year+');">></A></TD>';
339 result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="10"> </TD>';
341 result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="10"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="'+refreshLink+'('+this.index+','+month+','+(year-1)+');"><</A></TD>';
342 if (this.isShowYearNavigationInput) {
343 result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="36"><INPUT NAME="cpYear" CLASS="'+this.cssPrefix+'cpYearNavigation" SIZE="4" MAXLENGTH="4" VALUE="'+year+'" onBlur="'+refresh+'('+this.index+','+month+',this.value-0);"></TD>';
346 result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="36"><SPAN CLASS="'+this.cssPrefix+'cpYearNavigation">'+year+'</SPAN></TD>';
348 result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="10"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="'+refreshLink+'('+this.index+','+month+','+(year+1)+');">></A></TD>';
351 result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="22"><A CLASS="'+this.cssPrefix+'cpMonthNavigation" HREF="'+refreshLink+'('+this.index+','+last_month+','+last_month_year+');"><<</A></TD>\n';
352 result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="100"><SPAN CLASS="'+this.cssPrefix+'cpMonthNavigation">'+this.monthNames[month-1]+' '+year+'</SPAN></TD>\n';
353 result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="22"><A CLASS="'+this.cssPrefix+'cpMonthNavigation" HREF="'+refreshLink+'('+this.index+','+next_month+','+next_month_year+');">>></A></TD>\n';
356 result += '</TR></TABLE>\n';
357 result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=0 CELLPADDING=1 ALIGN=CENTER>\n';
359 for (var j=0; j<7; j++) {
361 result += '<TD CLASS="'+this.cssPrefix+'cpDayColumnHeader" WIDTH="14%"><SPAN CLASS="'+this.cssPrefix+'cpDayColumnHeader">'+this.dayHeaders[(this.weekStartDay+j)%7]+'</TD>\n';
364 for (var row=1; row<=6; row++) {
366 for (var col=1; col<=7; col++) {
368 if (this.disabledDatesExpression!="") {
369 var ds=""+display_year+LZ(display_month)+LZ(display_date);
370 eval("disabled=("+this.disabledDatesExpression+")");
373 if ((display_month == this.currentDate.getMonth()+1) && (display_date==this.currentDate.getDate()) && (display_year==this.currentDate.getFullYear())) {
374 dateClass = "cpCurrentDate";
376 else if (display_month == month) {
377 dateClass = "cpCurrentMonthDate";
380 dateClass = "cpOtherMonthDate";
382 if (disabled || this.disabledWeekDays[col-1]) {
383 result += ' <TD CLASS="'+this.cssPrefix+dateClass+'"><SPAN CLASS="'+this.cssPrefix+dateClass+'Disabled">'+display_date+'</SPAN></TD>\n';
386 var selected_date = display_date;
387 var selected_month = display_month;
388 var selected_year = display_year;
389 if (this.displayType=="week-end") {
390 var d = new Date(selected_year,selected_month-1,selected_date,0,0,0,0);
391 d.setDate(d.getDate() + (7-col));
392 selected_year = d.getYear();
393 if (selected_year < 1000) { selected_year += 1900; }
394 selected_month = d.getMonth()+1;
395 selected_date = d.getDate();
397 result += ' <TD CLASS="'+this.cssPrefix+dateClass+'"><A HREF="javascript:'+windowref+this.returnFunction+'('+selected_year+','+selected_month+','+selected_date+');'+windowref+'CP_hideCalendar(\''+this.index+'\');" CLASS="'+this.cssPrefix+dateClass+'">'+display_date+'</A></TD>\n';
400 if (display_date > daysinmonth[display_month]) {
404 if (display_month > 12) {
411 var current_weekday = now.getDay() - this.weekStartDay;
412 if (current_weekday < 0) {
413 current_weekday += 7;
416 result += ' <TD COLSPAN=7 ALIGN=CENTER CLASS="'+this.cssPrefix+'cpTodayText">\n';
417 if (this.disabledDatesExpression!="") {
418 var ds=""+now.getFullYear()+LZ(now.getMonth()+1)+LZ(now.getDate());
419 eval("disabled=("+this.disabledDatesExpression+")");
421 if (disabled || this.disabledWeekDays[current_weekday+1]) {
422 result += ' <SPAN CLASS="'+this.cssPrefix+'cpTodayTextDisabled">'+this.todayText+'</SPAN>\n';
425 result += ' <A CLASS="'+this.cssPrefix+'cpTodayText" HREF="javascript:'+windowref+this.returnFunction+'(\''+now.getFullYear()+'\',\''+(now.getMonth()+1)+'\',\''+now.getDate()+'\');'+windowref+'CP_hideCalendar(\''+this.index+'\');">'+this.todayText+'</A>\n';
428 result += ' </TD></TR></TABLE></CENTER></TD></TR></TABLE>\n';
431 // Code common for MONTH, QUARTER, YEAR
432 // ------------------------------------
433 if (this.displayType=="month" || this.displayType=="quarter" || this.displayType=="year") {
434 if (arguments.length > 0) { var year = arguments[0]; }
436 if (this.displayType=="year") { var year = now.getFullYear()-this.yearSelectStartOffset; }
437 else { var year = now.getFullYear(); }
439 if (this.displayType!="year" && this.isShowYearNavigation) {
440 result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>";
442 result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="22"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="javascript:'+windowref+'CP_refreshCalendar('+this.index+','+(year-1)+');"><<</A></TD>\n';
443 result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="100">'+year+'</TD>\n';
444 result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="22"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="javascript:'+windowref+'CP_refreshCalendar('+this.index+','+(year+1)+');">>></A></TD>\n';
445 result += '</TR></TABLE>\n';
449 // Code for MONTH display
450 // ----------------------
451 if (this.displayType=="month") {
452 // If POPUP, write entire HTML document
453 result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=1 CELLPADDING=0 ALIGN=CENTER>\n';
454 for (var i=0; i<4; i++) {
456 for (var j=0; j<3; j++) {
457 var monthindex = ((i*3)+j);
458 result += '<TD WIDTH=33% ALIGN=CENTER><A CLASS="'+this.cssPrefix+'cpText" HREF="javascript:'+windowref+this.returnMonthFunction+'('+year+','+(monthindex+1)+');'+windowref+'CP_hideCalendar(\''+this.index+'\');" CLASS="'+date_class+'">'+this.monthAbbreviations[monthindex]+'</A></TD>';
462 result += '</TABLE></CENTER></TD></TR></TABLE>\n';
465 // Code for QUARTER display
466 // ------------------------
467 if (this.displayType=="quarter") {
468 result += '<BR><TABLE WIDTH=120 BORDER=1 CELLSPACING=0 CELLPADDING=0 ALIGN=CENTER>\n';
469 for (var i=0; i<2; i++) {
471 for (var j=0; j<2; j++) {
472 var quarter = ((i*2)+j+1);
473 result += '<TD WIDTH=50% ALIGN=CENTER><BR><A CLASS="'+this.cssPrefix+'cpText" HREF="javascript:'+windowref+this.returnQuarterFunction+'('+year+','+quarter+');'+windowref+'CP_hideCalendar(\''+this.index+'\');" CLASS="'+date_class+'">Q'+quarter+'</A><BR><BR></TD>';
477 result += '</TABLE></CENTER></TD></TR></TABLE>\n';
480 // Code for YEAR display
481 // ---------------------
482 if (this.displayType=="year") {
483 var yearColumnSize = 4;
484 result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>";
486 result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="50%"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="javascript:'+windowref+'CP_refreshCalendar('+this.index+','+(year-(yearColumnSize*2))+');"><<</A></TD>\n';
487 result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="50%"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="javascript:'+windowref+'CP_refreshCalendar('+this.index+','+(year+(yearColumnSize*2))+');">>></A></TD>\n';
488 result += '</TR></TABLE>\n';
489 result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=1 CELLPADDING=0 ALIGN=CENTER>\n';
490 for (var i=0; i<yearColumnSize; i++) {
491 for (var j=0; j<2; j++) {
492 var currentyear = year+(j*yearColumnSize)+i;
493 result += '<TD WIDTH=50% ALIGN=CENTER><A CLASS="'+this.cssPrefix+'cpText" HREF="javascript:'+windowref+this.returnYearFunction+'('+currentyear+');'+windowref+'CP_hideCalendar(\''+this.index+'\');" CLASS="'+date_class+'">'+currentyear+'</A></TD>';
497 result += '</TABLE></CENTER></TD></TR></TABLE>\n';
500 if (this.type == "WINDOW") {
501 result += "</BODY></HTML>\n";