calendar.js

图书管理系统

<!-- Original:  Kedar R. Bhave ([e-mail]) -->
//  overLIB 3.50  --  This notice must remain untouched at all times.
//  Copyright Erik Bosrup 1998-2001. All rights reserved.
//  By Erik Bosrup ([e-mail]).  Last modified 2001-08-28.
//  Portions by Dan Steinman (dansteinman.com). Additions by other people are
//  listed on the overLIB homepage.
//  Get the latest version at http://www.bosrup.com/web/overlib/
var selectedDates; //save the slected dates
var weekend = [0, 6];
var weekendColor = "#e0e0e0";
var fontface = "Verdana";
var fontsize = 8;			// in "pt" units; used with "font-size" style element
var gNow = new Date();
var ggWinContent;
var ggPosX = -1;
var ggPosY = -1;
Calendar.Months = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"];

// Non-Leap year Month days..
Calendar.DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Leap year Month days..
Calendar.lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
function Calendar(p_item, p_month, p_year, p_format) {
	if ((p_month == null) && (p_year == null)) {
		return;
	}
	if (p_month == null) {
		this.gMonthName = null;
		this.gMonth = null;
		this.gYearly = true;
	} else {
		this.gMonthName = Calendar.get_month(p_month);
		this.gMonth = new Number(p_month);
		this.gYearly = false;
	}
	this.gYear = p_year;
	this.gFormat = p_format;
	this.gBGColor = "white";
	this.gFGColor = "black";
	this.gTextColor = "black";
	this.gHeaderColor = "black";
	this.gReturnItem = p_item;
}
Calendar.get_month = Calendar_get_month;
Calendar.get_daysofmonth = Calendar_get_daysofmonth;
Calendar.calc_month_year = Calendar_calc_month_year;
function Calendar_get_month(monthNo) {
	return Calendar.Months[monthNo];
}
function Calendar_get_daysofmonth(monthNo, p_year) {
	/* 
	Check for leap year ..
	1.Years evenly divisible by four are normally leap years, except for... 
	2.Years also evenly divisible by 100 are not leap years, except for... 
	3.Years also evenly divisible by 400 are leap years. 
	*/
	if ((p_year % 4) == 0) {
		if ((p_year % 100) == 0 && (p_year % 400) != 0) {
			return Calendar.DOMonth[monthNo];
		}
		return Calendar.lDOMonth[monthNo];
	} else {
		return Calendar.DOMonth[monthNo];
	}
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
	/* 
	Will return an 1-D array with 1st element being the calculated month 
	and second being the calculated year 
	after applying the month increment/decrement as specified by 'incr' parameter.
	'incr' will normally have 1/-1 to navigate thru the months.
	*/
	var ret_arr = new Array();
	if (incr == -1) {
		// B A C K W A R D
		if (p_Month == 0) {
			ret_arr[0] = 11;
			ret_arr[1] = parseInt(p_Year) - 1;
		} else {
			ret_arr[0] = parseInt(p_Month) - 1;
			ret_arr[1] = parseInt(p_Year);
		}
	} else {
		if (incr == 1) {
		// F O R W A R D
			if (p_Month == 11) {
				ret_arr[0] = 0;
				ret_arr[1] = parseInt(p_Year) + 1;
			} else {
				ret_arr[0] = parseInt(p_Month) + 1;
				ret_arr[1] = parseInt(p_Year);
			}
		}
	}
	return ret_arr;
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
	/* 
	Will return an 1-D array with 1st element being the calculated month 
	and second being the calculated year 
	after applying the month increment/decrement as specified by 'incr' parameter.
	'incr' will normally have 1/-1 to navigate thru the months.
	*/
	var ret_arr = new Array();
	if (incr == -1) {
		// B A C K W A R D
		if (p_Month == 0) {
			ret_arr[0] = 11;
			ret_arr[1] = parseInt(p_Year) - 1;
		} else {
			ret_arr[0] = parseInt(p_Month) - 1;
			ret_arr[1] = parseInt(p_Year);
		}
	} else {
		if (incr == 1) {
		// F O R W A R D
			if (p_Month == 11) {
				ret_arr[0] = 0;
				ret_arr[1] = parseInt(p_Year) + 1;
			} else {
				ret_arr[0] = parseInt(p_Month) + 1;
				ret_arr[1] = parseInt(p_Year);
			}
		}
	}
	return ret_arr;
}

// This is for compatibility with Navigator 3, we have to create and discard one object before the prototype object exists.
new Calendar();
Calendar.prototype.getMonthlyCalendarCode = function () {
	var vCode = "";
	var vHeader_Code = "";
	var vData_Code = "";
	
	// Begin Table Drawing code here..
	vCode += ("<div align=center><TABLE BORDER=1 BGCOLOR=\"" + this.gBGColor + "\" style='font-size:" + fontsize + "pt;'>");
	vHeader_Code = this.cal_header();
	vData_Code = this.cal_data();
	vCode += (vHeader_Code + vData_Code);
	vCode += "</TABLE></div>";
	return vCode;
};
Calendar.prototype.show = function () {
	var vCode = "";

	// build content into global var ggWinContent
	ggWinContent += ("<FONT FACE='" + fontface + "' ><B>");
	ggWinContent += (this.gMonthName + " " + this.gYear);
	ggWinContent += "</B><BR>";
	
	// Show navigation buttons
	var prevMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, -1);
	var prevMM = prevMMYYYY[0];
	var prevYYYY = prevMMYYYY[1];
	var nextMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, 1);
	var nextMM = nextMMYYYY[0];
	var nextYYYY = nextMMYYYY[1];
	ggWinContent += ("<TABLE WIDTH='90%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0' style='font-size:" + fontsize + "pt;'><TR><TD ALIGN=center>");
	ggWinContent += ("[<A HREF=\"javascript:void(0);\" " + "onMouseOver=\"window.status='Go back one year'; return true;\" " + "onMouseOut=\"window.status=''; return true;\" " + "onClick=\"Build(" + "'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear) - 1) + "', '" + this.gFormat + "'" + ");isSelected(" + (parseInt(this.gYear) - 1) + ");" + "\"><<上一年</A>]</TD><TD ALIGN=center>");
	ggWinContent += ("[<A HREF=\"javascript:void(0);\" " + "onMouseOver=\"window.status='Go back one month'; return true;\" " + "onMouseOut=\"window.status=''; return true;\" " + "onClick=\"Build(" + "'" + this.gReturnItem + "', '" + prevMM + "', '" + prevYYYY + "', '" + this.gFormat + "'" + ");" + "\"><<Mon</A>]</TD><TD ALIGN=center>");
	ggWinContent += "       </TD><TD ALIGN=center>";
	ggWinContent += ("[<A HREF=\"javascript:void(0);\" " + "onMouseOver=\"window.status='Go forward one month'; return true;\" " + "onMouseOut=\"window.status=''; return true;\" " + "onClick=\"Build(" + "'" + this.gReturnItem + "', '" + nextMM + "', '" + nextYYYY + "', '" + this.gFormat + "'" + ");" + "\">Mon></A>]</TD><TD ALIGN=center>");
	ggWinContent += ("[<A HREF=\"javascript:void(0);\" " + "onMouseOver=\"window.status='Go forward one year'; return true;\" " + "onMouseOut=\"window.status=''; return true;\" " + "onClick=\"Build(" + "'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear) + 1) + "', '" + this.gFormat + "'" + ");isSelected(" + (parseInt(this.gYear) + 1) + ");" + "\">下一年>></A>]</TD></TR></TABLE><BR>");

	// Get the complete calendar code for the month, and add it to the
	//	content var
	vCode = this.getMonthlyCalendarCode();
	ggWinContent += vCode;
};
Calendar.prototype.showY = function () {
	var vCode = "";
	var i;
	ggWinContent += "<FONT FACE='" + fontface + "' ><B>";
	ggWinContent += ("当前为 : " + this.gYear + "年");
	ggWinContent += "</B><BR>";

	// Show navigation buttons
	var prevYYYY = parseInt(this.gYear) - 1;
	var nextYYYY = parseInt(this.gYear) + 1;	
	ggWinContent += ("<form action='' method='post' name='myform' id='myform'><TABLE WIDTH='100%' HEIGHT='30' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#FFFFFF' style='font-size:" + fontsize + "pt;'><TR><TD ALIGN=center>每月<select name='sel_choose_way1' id='sel_choose_way1'><option value='0'>每</option><option value='1'>第一个</option><option value='2'>最后一个</option></select>周<select name='sel_choose_week' id='sel_choose_week'><option value='1'>一</option><option value='2'>二</option><option value='3'>三</option><option value='4'>四</option><option value='5'>五</option><option value='6'>六</option><option value='0'>日</option></select>&nbsp;&nbsp;<input type='button' name='submitchoose2' id='submitchoose2' value='添加' onclick='getDatesmonthweekday(document.myform.sel_choose_way1.options[document.myform.sel_choose_way1.selectedIndex].value,document.myform.sel_choose_week.options[document.myform.sel_choose_week.selectedIndex].value," + parseInt(this.gYear) + ")'>/<input type='button' name='submitdelete2' id='submitdelete2' value='删除'onclick='delDatesmonthweekday(document.myform.sel_choose_way1.options[document.myform.sel_choose_way1.selectedIndex].value,document.myform.sel_choose_week.options[document.myform.sel_choose_week.selectedIndex].value," + parseInt(this.gYear) + ")'></TD><TD ALIGN=center>每月 <select name='sel_choose_mon' id='sel_choose_mon'><option value='1'>第</option><option value='0' selected='selected'>倒数第</option></select><select name='sel_choose_day' id='sel_choose_day'><option value='1' selected='selected'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option><option value='19'>19</option><option value='20'>20</option><option value='21'>21</option><option value='22'>22</option><option value='23'>23</option><option value='24'>24</option><option value='25'>25</option><option value='26'>26</option><option value='27'>27</option><option value='28'>28</option><option value='29'>29</option><option value='30'>30</option><option value='31'>31</option></select>天&nbsp;&nbsp;<input type='button' name='submitchoose1' id='submitchoose1' value='添加'onclick='getDatesBymonthday(document.myform.sel_choose_mon.options[document.myform.sel_choose_mon.selectedIndex].value,document.myform.sel_choose_day.options[document.myform.sel_choose_day.selectedIndex].value," + parseInt(this.gYear) + ")'>/<input type='button' name='submitdelete1' id='submitdelete1' value='删除'onclick='delDatesBymonthday(document.myform.sel_choose_mon.options[document.myform.sel_choose_mon.selectedIndex].value,document.myform.sel_choose_day.options[document.myform.sel_choose_day.selectedIndex].value," + parseInt(this.gYear) + ")'></TD><TD ALIGN=center><input type='button' name='submitunchoose1' id='submitunchoose1' value='反向选择'onclick='submitunchoosedates(" + parseInt(this.gYear) + ")'></TD><TD ALIGN=center><input type='button' name='deletechoose1' id='deletechoose1' value='全部删除'onclick='deletechoosedates()'></TD></TR></TABLE></form>");
	ggWinContent += ("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#FFFFFF' style='font-size:" + fontsize + "pt;'><TR><TD ALIGN=center>");
	ggWinContent += ("[<A HREF=\"javascript:void(0);\" " + "onMouseOver=\"window.status='Go back one year'; return true;\" " + "onMouseOut=\"window.status=''; return true;\" " + "onClick=\"Build(" + "'" + this.gReturnItem + "', null, '" + prevYYYY + "', '" + this.gFormat + "'" + "); isSelected4testY(" + (parseInt(prevYYYY)) + ");" + "\"><<前一年</A>]</TD><TD ALIGN=center>");
	ggWinContent += "       </TD><TD ALIGN=center>";
	ggWinContent += ("[<A HREF=\"javascript:void(0);\" " + "onMouseOver=\"window.status='Go forward one year'; return true;\" " + "onMouseOut=\"window.status=''; return true;\" " + "onClick=\"Build(" + "'" + this.gReturnItem + "', null, '" + nextYYYY + "', '" + this.gFormat + "'" + "); isSelected4testY(" + (parseInt(nextYYYY)) + ");" + "\">后一年>></A>]</TD></TR></TABLE><BR>");

	// Get the complete calendar code for each month.
	// start a table and first row in the table
	ggWinContent += ("<TABLE WIDTH='90%' BORDER=0 CELLSPACING=0 CELLPADDING=5 style='font-size:" + fontsize + "pt;'><TR>");
	var j;
	for (i = 0; i < 12; i++) {
		// start the table cell
		ggWinContent += "<TD ALIGN='center' VALIGN='top'>";
		this.gMonth = i;
		this.gMonthName = Calendar.get_month(this.gMonth);
		vCode = this.getMonthlyCalendarCode();
		ggWinContent += (this.gMonthName + "/" + this.gYear + "<BR>");
		ggWinContent += vCode;
		ggWinContent += "</TD>";
		if (i == 3 || i == 7) {
			ggWinContent += "</TR><TR>";
		}
	}
	ggWinContent += "</TR></TABLE></font><BR>";
};
Calendar.prototype.cal_header = function () {
	var vCode = "";
	vCode = vCode + "<TR>";
	vCode = vCode + "<TD WIDTH='14%'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B><A HREF='javascript:void(0);' " + "onMouseOver=\"window.status='每周日'; return true;\"onclick=getDatesByWeek(" + parseInt(this.gYear) + "," + (parseInt(this.gMonth) + 1) + ",0)>日</A></B></FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B><A HREF='javascript:void(0);'" + "onMouseOver=\"window.status='每周一'; return true;\"onclick=getDatesByWeek(" + parseInt(this.gYear) + "," + (parseInt(this.gMonth) + 1) + ",1)>一</A></B></FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B><A HREF='javascript:void(0);'" + "onMouseOver=\"window.status='每周二'; return true;\" onclick=getDatesByWeek(" + parseInt(this.gYear) + "," + (parseInt(this.gMonth) + 1) + ",2)>二</A></B></FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B><A  HREF='javascript:void(0);'" + "onMouseOver=\"window.status='每周三'; return true;\"onclick=getDatesByWeek(" + parseInt(this.gYear) + "," + (parseInt(this.gMonth) + 1) + ",3)>三</A></B></FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B><A HREF='javascript:void(0);'" + "onMouseOver=\"window.status='每周四'; return true;\"onclick=getDatesByWeek(" + parseInt(this.gYear) + "," + (parseInt(this.gMonth) + 1) + ",4)>四</A></B></FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B><A HREF='javascript:void(0);'" + "onMouseOver=\"window.status='每周五'; return true;\"onclick=getDatesByWeek(" + parseInt(this.gYear) + "," + (parseInt(this.gMonth) + 1) + ",5)>五</A></B></FONT></TD>";
	vCode = vCode + "<TD WIDTH='16%'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B><A HREF='javascript:void(0);'" + "onMouseOver=\"window.status='每周六'; return true;\"onclick=getDatesByWeek(" + parseInt(this.gYear) + "," + (parseInt(this.gMonth) + 1) + ",6)>六</A></B></FONT></TD>";
	vCode = vCode + "</TR>";
	return vCode;
};
Calendar.prototype.cal_data = function () {
	var vDate = new Date();
	vDate.setDate(1);
	vDate.setMonth(this.gMonth);
	vDate.setFullYear(this.gYear);
	var vFirstDay = vDate.getDay();
	var vDay = 1;
	var vLastDay = Calendar.get_daysofmonth(this.gMonth, this.gYear);
	var vOnLastDay = 0;
	var vCode = "";
	/*
	Get day for the 1st of the requested month/year..
	Place as many blank cells before the 1st day of the month as necessary. 
	*/
	vCode = vCode + "<TR>";
	for (i = 0; i < vFirstDay; i++) {
		vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(i) + "><FONT FACE='" + fontface + "'> </FONT></TD>";
	}

	// Write rest of the 1st week
	for (j = vFirstDay; j < 7; j++) {
		vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + " id='" + (this.gMonth + 1) + "-" + vDay + "'style='background-color:pink'><FONT FACE='" + fontface + "'>" + "<A HREF='javascript:void(0);' " + "onMouseOver=\"window.status='set date to " + this.format_data(vDay) + "'; return true;\" " + "onMouseOut=\"window.status=' '; return true;\" " + "onClick=\"saveInfo('" + this.format_data(vDay) + "'," + this.gYearly + ",'" + this.gReturnItem + "');test('" + (this.gMonth + 1) + "-" + vDay + "');//;ggPosX=-1;ggPosY=-1;nd();nd();\">" + this.format_day(vDay) + "</A>" + "</FONT></TD>";
		vDay = vDay + 1;
	}
	vCode = vCode + "</TR>";

	// Write the rest of the weeks
	for (k = 2; k < 7; k++) {
		vCode = vCode + "<TR>";
		for (j = 0; j < 7; j++) {
			vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + " id='" + (this.gMonth + 1) + "-" + vDay + "'style='background-color:pink'><FONT FACE='" + fontface + "'>" + "<A HREF='javascript:void(0);' " + "onMouseOver=\"window.status='set date to " + this.format_data(vDay) + "'; return true;\" " + "onMouseOut=\"window.status=' '; return true;\" " + "onClick=\"saveInfo('" + this.format_data(vDay) + "'," + this.gYearly + ",'" + this.gReturnItem + "');test('" + (this.gMonth + 1) + "-" + vDay + "')//ggPosX=-1;ggPosY=-1;nd();nd();\">" + this.format_day(vDay) + "</A>" + "</FONT></TD>";
			vDay = vDay + 1;
			if (vDay > vLastDay) {
				vOnLastDay = 1;
				break;
			}
		}
		if (j == 6) {
			vCode = vCode + "</TR>";
		}
		if (vOnLastDay == 1) {
			break;
		}
	}
	
	// Fill up the rest of last week with proper blanks, so that we get proper square blocks
	for (m = 1; m < (7 - j); m++) {
		if (this.gYearly) {
			vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j + m) + "><FONT FACE='" + fontface + "' COLOR='gray'> </FONT></TD>";
		} else {
			vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j + m) + "><FONT FACE='" + fontface + "' COLOR='gray'>" + m + "</FONT></TD>";
		}
	}
	return vCode;
};
Calendar.prototype.format_day = function (vday) {
	var vNowDay = gNow.getDate();
	var vNowMonth = gNow.getMonth();
	var vNowYear = gNow.getFullYear();
	if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear) {
		return ("<FONT COLOR=\"RED\"><B>" + vday + "</B></FONT>");
	} else {
		return (vday);
	}
	//str = this.gYear+"-"+this.Month+"-"+vday;
	//if(isSelected(str)) return("<FONT COLOR="BLUE"><B>"+vday+</B></FONT>";  
};
Calendar.prototype.write_weekend_string = function (vday) {
	var i;

	// Return special formatting for the weekend day.
	for (i = 0; i < weekend.length; i++) {
		if (vday == weekend[i]) {
			return (" BGCOLOR=\"" + weekendColor + "\"");
		}
	}
	return "";
};
Calendar.prototype.format_data = function (p_day) {
	var vData;
	var vMonth = 1 + this.gMonth;
	vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;
	var vMon = Calendar.get_month(this.gMonth).substr(0, 3).toUpperCase();
	var vFMon = Calendar.get_month(this.gMonth).toUpperCase();
	var vY4 = new String(this.gYear);
	var vY2 = new String(this.gYear.substr(2, 2));
	var vDD = (p_day.toString().length < 2) ? "0" + p_day : p_day;
	switch (this.gFormat) {
	  case "MM/DD/YYYY":
		vData = vMonth + "/" + vDD + "/" + vY4;
		break;
	  case "MM/DD/YY":
		vData = vMonth + "/" + vDD + "/" + vY2;
		break;
	  case "MM-DD-YYYY":
		vData = vMonth + "-" + vDD + "-" + vY4;
		break;
	  case "YYYY-MM-DD":
		vData = vY4 + "-" + vMonth + "-" + vDD;
		break;
	  case "MM-DD-YY":
		vData = vMonth + "-" + vDD + "-" + vY2;
		break;
	  case "DD/MON/YYYY":
		vData = vDD + "/" + vMon + "/" + vY4;
		break;
	  case "DD/MON/YY":
		vData = vDD + "/" + vMon + "/" + vY2;
		break;
	  case "DD-MON-YYYY":
		vData = vDD + "-" + vMon + "-" + vY4;
		break;
	  case "DD-MON-YY":
		vData = vDD + "-" + vMon + "-" + vY2;
		break;
	  case "DD/MONTH/YYYY":
		vData = vDD + "/" + vFMon + "/" + vY4;
		break;
	  case "DD/MONTH/YY":
		vData = vDD + "/" + vFMon + "/" + vY2;
		break;
	  case "DD-MONTH-YYYY":
		vData = vDD + "-" + vFMon + "-" + vY4;
		break;
	  case "DD-MONTH-YY":
		vData = vDD + "-" + vFMon + "-" + vY2;
		break;
	  case "DD/MM/YYYY":
		vData = vDD + "/" + vMonth + "/" + vY4;
		break;
	  case "DD/MM/YY":
		vData = vDD + "/" + vMonth + "/" + vY2;
		break;
	  case "DD-MM-YYYY":
		vData = vDD + "-" + vMonth + "-" + vY4;
		break;
	  case "DD-MM-YY":
		vData = vDD + "-" + vMonth + "-" + vY2;
		break;
	  default:
		vData = vMonth + "/" + vDD + "/" + vY4;
	}
	return vData;
};
function Build(p_item, p_month, p_year, p_format) {
	gCal = new Calendar(p_item, p_month, p_year, p_format);

	// Customize your Calendar here..
	gCal.gBGColor = "white";
	gCal.gLinkColor = "black";
	gCal.gTextColor = "black";
	gCal.gHeaderColor = "darkgreen";

	// initialize the content string
	ggWinContent = "";

	// Choose appropriate show function
	if (gCal.gYearly) {
		// and, since the yearly calendar is so large, override the positioning and fontsize
		// warning: in IE6, it appears that "select" fields on the form will still show
		//	through the "over" div; Note: you can set these variables as part of the onClick
		//	javascript code before you call the show_yearly_calendar function
		if (ggPosX == -1) {
			ggPosX = 10;
		}
		if (ggPosY == -1) {
			ggPosY = 10;
		}
		if (fontsize == 8) {
			fontsize = 6;
		}
		// generate the calendar
		gCal.showY();
	} else {
		gCal.show();
	}

	// if this is the first calendar popup, use autopositioning with an offset
	if (ggPosX == -1 && ggPosY == -1) {
		overlib(ggWinContent, AUTOSTATUSCAP, STICKY, CLOSECLICK, CSSSTYLE, TEXTSIZEUNIT, "pt", TEXTSIZE, 8, CAPTIONSIZEUNIT, "pt", CAPTIONSIZE, 8, CLOSESIZEUNIT, "pt", CLOSESIZE, 8, CAPTION, "请选择日期", OFFSETX, 20, OFFSETY, -20);
		// save where the 'over' div ended up; we want to stay in the same place if the user
		//	clicks on one of the year or month navigation links
		if ((ns4) || (ie4)) {
			ggPosX = parseInt(over.left);
			ggPosY = parseInt(over.top);
		} else {
			if (ns6) {
				ggPosX = parseInt(over.style.left);
				ggPosY = parseInt(over.style.top);
			}
		}
	} else {
		// we have a saved X & Y position, so use those with the FIXX and FIXY options
		overlib(ggWinContent, AUTOSTATUSCAP, STICKY, CLOSECLICK, CSSSTYLE, TEXTSIZEUNIT, "pt", TEXTSIZE, 8, CAPTIONSIZEUNIT, "pt", CAPTIONSIZE, 8, CLOSESIZEUNIT, "pt", CLOSESIZE, 8, CAPTION, "请选择日期", FIXX, ggPosX, FIXY, ggPosY);
	}
	window.scroll(ggPosX, ggPosY);