<!-- STEP ONE: Copy this code into a new file, save as date-picker.js  -->

<!-- Original:  Kedar R. Bhave (softricks@hotmail.com) -->
<!-- Web Site:  http://www.softricks.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
//<script language="JavaScript">

var fontface = "Arial";
var fontsize = 2;

var gReturnItemMth, gReturnItemDay, gDefaultDay, gDefaultMonth, gDefaultYear ;
var gReturnItemConstant, gMinimumDaysOut, gNoOfNights;
var gStartDay, gStartMonth, gStartYear;
var gBaseUrl, gVpsStyle, gVpsDestStyle, gImgBase;

var gNow = new Date();
var ggWinCal, gYearNow, gMonthNow, gDayNow;
isNav = (navigator.appName.indexOf("Netscape") != -1) ? true : false;
isIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;

Calendar.Months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];

// 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_WinCal, p_month, p_year, p_format) {
	if ((p_month == null) && (p_year == null))	return;

	if (p_WinCal == null)
		this.gWinCal = ggWinCal;
	else
		this.gWinCal = p_WinCal;
	
	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;
}

// 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 = vCode + "<TABLE WIDTH='100%' BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><TD BGCOLOR='#000000'>";
	vCode = vCode + "<TABLE WIDTH='100%' BORDER=0 CELLSPACING=1 CELLPADDING=2>";
	
	vHeader_Code = this.cal_header();
	vData_Code = this.cal_data();
	vCode = vCode + vHeader_Code + vData_Code;
	
	vCode = vCode + "</TABLE>";
	vCode = vCode + "</TD></TR></TABLE>";
	
	return vCode;
}

Calendar.prototype.show = function() {
	var vCode = "";
		
	this.gWinCal.document.open();
	
	// Setup the page...
	this.wwrite("<html>");
	this.wwrite("<head><title>Calendar</title>");
	this.wwrite("<link href='" + gVpsStyle + "' rel='stylesheet' type='text/css'>");
	this.wwrite("<link href='" + gVpsDestStyle + "' rel='stylesheet' type='text/css'>");
	this.wwrite("</head>");
	
	this.wwrite("<body marginheight=0 marginwidth=0 leftmargin=0 topmargin=0>");

	this.wwrite("<TABLE WIDTH='100%' BORDER=0 CELLSPACING=0 CELLPADDING=2><TR>");

	// 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];
	
	var jvScript = "javascript:window.opener.Build(" +
		"'" + this.gReturnItem + "', '" + prevMM + "', '" + 
		prevYYYY + "', '" + this.gFormat + "')";

	var htmlInstr = "<TD CLASS='title'>&nbsp;<A HREF=" +  
		'"' + jvScript + '">' +
		"<img SRC='" + gImgBase + "gfx/cal_prev.gif' WIDTH='16' HEIGHT='16' BORDER=0></a></td>" ;
	this.wwriteA(htmlInstr) ;
	
	this.wwriteA("<TD ALIGN=center CLASS='title'><FONT class='titleText'>");
	this.wwriteA(this.gMonthName + " " + this.gYear);
	this.wwriteA("</FONT></TD>");

	jvScript = "javascript:window.opener.Build(" +
		"'" + this.gReturnItem + "', '" + nextMM + "', '" + 
		nextYYYY + "', '" + this.gFormat + "')";

	htmlInstr = "<TD ALIGN='RIGHT' CLASS='title'><A HREF=" +  
		'"' + jvScript + '">' +
		"<img SRC='" + gImgBase + "gfx/cal_next.gif' WIDTH='16' HEIGHT='16' BORDER=0></a>&nbsp;</td></tr></table>" ;
	this.wwriteA(htmlInstr) ;

	// Get the complete calendar code for the month..
	vCode = this.getMonthlyCalendarCode();
	this.wwrite(vCode);

	this.wwrite("</font></body></html>");
	if(document.getElementById) {
		this.gWinCal.document.close();
	}
}

Calendar.prototype.showY = function() {
}

Calendar.prototype.wwrite = function(wtext) {
	this.gWinCal.document.writeln(wtext);
}

Calendar.prototype.wwriteA = function(wtext) {
	this.gWinCal.document.write(wtext);
}

Calendar.prototype.cal_header = function() {
	var vCode = "";
	
	vCode = vCode + "<TR>";
	vCode = vCode + "<TD WIDTH='14%' ALIGN=center class='border'><FONT CLASS='resultTitle'>Sun</FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%' ALIGN=center class='border'><FONT CLASS='resultTitle'>Mon</FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%' ALIGN=center class='border'><FONT CLASS='resultTitle'>Tue</FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%' ALIGN=center class='border'><FONT CLASS='resultTitle'>Wed</FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%' ALIGN=center class='border'><FONT CLASS='resultTitle'>Thu</FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%' ALIGN=center class='border'><FONT CLASS='resultTitle'>Fri</FONT></TD>";
	vCode = vCode + "<TD WIDTH='16%' ALIGN=center class='border'><FONT CLASS='resultTitle'>Sat</FONT></TD>";
	vCode = vCode + "</TR>";
	
	return vCode;
}

Calendar.prototype.cal_data = function() {
	var vDate = new Date();
	var vDateTemp = new Date();
	var intNowDay;
	var oneDay=24*60*60*1000;

	// LGoco - date should be passed from the server
	var vDateNow = new Date(gYearNow, gMonthNow, gDayNow);

	// LGoco - compute for the start and end date
	var vStartDate = new Date(gStartYear, gStartMonth, gStartDay);
	var vEndDate = new Date(vStartDate.valueOf() + ( gNoOfNights )* oneDay);
	
	var vDateNowPlusXDays = new Date(vDateNow.valueOf() + gMinimumDaysOut * oneDay );

	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. 
	*/

	var vPlanRangeColor;
	var vYellow = "BGCOLOR = '#FFFF99' "	// Yellow
	vCode = vCode + "<TR BGCOLOR='#FFFFFF'>";
	for (i=0; i<vFirstDay; i++) {
		vCode = vCode + "<TD WIDTH='14%' ALIGN=center><FONT CLASS='detail'> </FONT></TD>";
	}

	// Write rest of the 1st week
	for (j=vFirstDay; j<7; j++) {
		if (vDate.setDate(vDay) >= vStartDate && vDate.setDate(vDay) <= vEndDate)
			vPlanRangeColor = vYellow
		else
			vPlanRangeColor = "BGCOLOR = '#FFFFFF' ";	

		if (vDate.setDate(vDay) >= vDateNowPlusXDays) {
			vCode = vCode + "<TD WIDTH='14%' ALIGN=center " + vPlanRangeColor + "><FONT CLASS='detail'>" + 
				"<A HREF='#' " + 
					"onClick=\"self.opener.calUpdateDate('" + 
						gReturnItemConstant + "', " + this.format_mm(this.gMonth) + ", " + 
						this.format_dd(vDay) + ", " + this.gYear + ");" + 
					"window.close();\">" + 
					this.format_day(vDay) + 
				"</A>" + 
				"</FONT></TD>";
		} else {
			vCode = vCode + "<TD WIDTH='14%' ALIGN=center " + vPlanRangeColor + 
				"><FONT CLASS='detail'>" + 
				vDay + 
				"</FONT></TD>";
		}		
		vDay=vDay + 1;
	}
	vCode = vCode + "</TR>";

	// Write the rest of the weeks
	for (k=2; k<7; k++) {
		vCode = vCode + "<TR BGCOLOR='#FFFFFF'>";

		for (j=0; j<7; j++) {
			if (vDate.setDate(vDay) >= vStartDate && vDate.setDate(vDay) <= vEndDate)
				vPlanRangeColor = vYellow
			else
				vPlanRangeColor = "BGCOLOR = '#FFFFFF' ";	

			if (vDate.setDate(vDay) >= vDateNowPlusXDays) {
				vCode = vCode + "<TD WIDTH='14%' ALIGN=center " + vPlanRangeColor + "><FONT CLASS='detail'>" + 
					"<A HREF='#' " + 
						"onClick=\"self.opener.calUpdateDate('" + 
							gReturnItemConstant + "', " + this.format_mm(this.gMonth) + ", " + 
							this.format_dd(vDay) + ", " + this.gYear + ");" + 
							"window.close();\">" + 
							this.format_day(vDay) + 
					"</A>" + 
					"</FONT></TD>";
			} else {
				vCode = vCode + "<TD WIDTH='14%' ALIGN=center " + vPlanRangeColor + 
					"><FONT CLASS='detail'>" + 
					vDay + 
					"</FONT></TD>";
			}		
			vDay=vDay + 1;

			if (vDay > vLastDay) {
				vOnLastDay = 1;
				break;
			}
		}

		if (j == 6)
			vCode = vCode + "</TR>";
		if (vOnLastDay == 1)
			break;
	}

	// CBourassa - overlap days need to handle year rollover
	// If the current month is December (11) then add one to the year for the overlap year
	var vOverlapYear
	if(this.gMonth == 11){
		vOverlapYear = String(Number(this.gYear) + 1)
	} else {
		vOverlapYear = this.gYear
	}
	
	// Fill up the rest of last week with proper blanks, so that we get proper square blocks
	for (m=1; m<(7-j); m++) {
		// LGoco - needs to color yellow if it falls within the 
		// date range
		if (vDate.valueOf() +(m*oneDay) >= vStartDate && 
			vDate.valueOf() +(m*oneDay) <= vEndDate)
			vPlanRangeColor = vYellow
		else
			vPlanRangeColor = "";	

		if (this.gYearly)
			vCode = vCode + "<TD WIDTH='14%' ALIGN=center " + vPlanRangeColor + "><FONT CLASS='detail'> </FONT></TD>";
		else
			vCode = vCode + "<TD WIDTH='14%' ALIGN=center " + vPlanRangeColor + "><FONT CLASS='detail'>" + 
							"<A HREF='#' onClick=\"self.opener.calUpdateDate('" + 
							gReturnItemConstant + "', " + this.format_mm(this.gMonth + 1) + ", " + 
							this.format_dd(m) + ", " + vOverlapYear + ");" + 
							"window.close();\">" + 
							m + "</A></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)
	if (vday == gDefaultDay && this.gMonth == gDefaultMonth && this.gYear == gDefaultYear)
		return ("<FONT COLOR=\"RED\"><B>" + vday + "</B></FONT>");
	else
		return (vday);
}

Calendar.prototype.format_mm = function(p_month) {
	var vMonth = p_month;
	if (vMonth > 11) {
		vMonth = vMonth - 12;
		this.gYear = String(Number(this.gYear) + 1);
	}
	vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;
	return vMonth ;

}	

Calendar.prototype.format_dd = function(p_day) {
	var vDay = p_day - 1;
	return ( (vDay.toString().length < 2) ? "0" + vDay : vDay) ;
}	

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 "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 getNights() {

	if(document.form1.Nights == null) {
		return 1;
	}
	else {
		return parseInt(document.form1.Nights.options[document.form1.Nights.selectedIndex].value);
	}
}

function Build(p_item, p_month, p_year, p_format) {
	var p_WinCal = ggWinCal;
	gCal = new Calendar(p_item, p_WinCal, p_month, p_year, p_format);

	// Customize your Calendar here..
	gCal.gBGColor="white";
	gCal.gLinkColor="black";
	gCal.gTextColor="black";
	gCal.gHeaderColor="darkgreen";

	// Choose appropriate show function
	if (gCal.gYearly)	gCal.showY();
	else	gCal.show();
}

function show_calendar() {
	// MChanFong  Jul 27 2001 Added two parameters to take in the x and y-coordinates where the calendar will be displayed
	/* 
		arguments:
//			Argument[0] - Text Field where full date is stored
//			Argument[0] - Select Field where month is stored
//			Argument[1] - Select Field where day is stored
			Argument[0] - Initial value of month shown in the Calendar object
			Argument[1] - Initial value of day shown in the Calendar object
			Argument[2] - Return Item Constant (used by calling program to know
						  what field needs to be updated.
			Argument[3] - Initial value of year shown in the Calendar object
			Argument[4] - Date format
			Argument[5] - x-coordinate
			Argument[6] - y-coordinate
			Argument[7] - Year component of server date
			Argument[8] - Month component of server date
			Argument[9] - Day component of server date

			Argument[10] - Year component of plan start date
			Argument[11] - Month component of plan start date
			Argument[12] - Day component of plan start date

			Argument[13] - # of Nights
			Argument[14] - Minimum Days Out
			Argument[15] - Base Url
			
			
		p_month : 0-11 for Jan-Dec; 12 for All Months.
		p_year	: 4-digit year
		p_format: Date format (mm/dd/yyyy, dd/mm/yy, ...)
		p_item	: Return Item.
	*/
	var vDateTemp = new Date();

	if (arguments[0] == null)
		p_month = new String(gNow.getMonth());
	else
		p_month = arguments[0];
	gDefaultMonth = p_month;
	
	if (arguments[1] == null)
		gDefaultDay = new String(gNow.getDay() + 1);
	else
		gDefaultDay = arguments[1] + 1;
		
	gReturnItemConstant = arguments[2] ;	

	if (arguments[3] == "" || arguments[3] == null)
		p_year = new String(gNow.getFullYear().toString());
	else
		p_year = arguments[3];
	gDefaultYear = p_year ;
			
	if (arguments[4] == null)
		p_format = "MM/DD/YYYY";
	else
		p_format = arguments[4];

	if (arguments[5] == null)
		arguments[5] = 200;		// default x-coordinate if null
	
	if (arguments[6] == null)
		arguments[6] = 200;		// default y-coordinate if null

	// Year of current date
	if (arguments[7] == null)
		gYearNow = vDateTemp.getFullYear();
	else
		gYearNow = arguments[7];	
		
	// Month of current date
	if (arguments[8] == null)
		gMonthNow = vDateTemp.getMonth();	
	else
		gMonthNow = arguments[8];	
	
	// Day of current date
	if (arguments[9] == null)
		gDayNow = vDateTemp.getDate();
	else
		gDayNow = arguments[9];	

	// Year of start date
	if (arguments[10] == null)
		gStartYear = gDefaultYear;
	else
		gStartYear = arguments[10];
		
	// Month of start date
	if (arguments[11] == null)
		gStartMonth = gDefaultMonth;
	else
		gStartMonth = arguments[11];

	// Day of start date
	if (arguments[12] == null)
		gStartDay = gDefaultDay;
	else
		gStartDay = arguments[12];

	// # of Nights
	if (arguments[13] == null)
		gNoOfNights = 7;
	else
		gNoOfNights = arguments[13];
		
	// Minimum Days Out
	if (arguments[14] == null)
		gMinimumDaysOut = 2;
	else
		gMinimumDaysOut = arguments[14];
		
	//Base Url
	if (arguments[15] == null) {
		gVpsStyle = "VpsStyle.css";
		gVpsDestStyle = "calendar.css";
		gImgBase = "";
	}
	else
	{
		gVpsStyle = arguments[15] + "vps/VpsStyle.css";
		gVpsDestStyle = arguments[15] + "vps_dest/DestStyle.css";
		gImgBase = arguments[15] + "vps/";
	}

	vWinCal = Open_Calendar(arguments[6], arguments[5]);
	vWinCal.opener = self;
	ggWinCal = vWinCal;

	p_item = "" ;
	Build(p_item, p_month, p_year, p_format);
	ggWinCal.focus();
}
