// This is the code for the calendar popup
// It has been tested and is functional in IE 5+, Netscape 6+, Opera 8+, and Firefox 1+.  5/19/2005 -CLS

var weekend = [0,6];
var weekendColor = "#EFE7D0";
var formName;
var fieldNum = 0;  //used to find which form should be used in functions below

var gNow = new Date();
var currentYr = gNow.getFullYear();
var ggWinCal;
isNav = (navigator.appName.indexOf("Netscape") != -1) ? true : false;
isIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;

//To find out the version number, we need to parse the first number from the navigator.appVersion variable, so we 
//need to define a Left function:
function Left(str, n){
	if (n <= 0)
	    return "";
	else if (n > String(str).length)
	    return str;
	else
	    return String(str).substring(0,n);
}

//Now use the Left() function to get the browser version.
browserVersion = Left(navigator.appVersion, 1);

if(isNav) {
	//alert("Why are you using Netscape??");
	
	if (browserVersion < 5) {
		alert("Your browser version does not support the calendar feature. Please enter the dates manually.");
	}
	//Testing
	//alert("Your browser: " + navigator.appName);
	//alert("Your browser version: " + navigator.appVersion);
}

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;
	formName = p_item;
	formNameArr = formName.split(".");
	formName = formNameArr[1];
}

Calendar.get_month = Calendar_get_month;
Calendar.get_daysofmonth = Calendar_get_daysofmonth;
Calendar.calc_month_year = Calendar_calc_month_year;
Calendar.print = Calendar_print;

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_print() {
	ggWinCal.print();
}

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.  The BGCOLOR here is the bgcolor of the body of the calendar.
	vCode = vCode + "<TABLE width=\"100%\" cellpadding=\"4\" cellspacing=\"2\" BORDER=\"0\" BGCOLOR=\"#EFE7D0\">";
	
	vHeader_Code = this.cal_header();
	vData_Code = this.cal_data();
	vCode = vCode + vHeader_Code + vData_Code;
	
	vCode = vCode + "</TABLE>";
	
	return vCode;
}

Calendar.prototype.show = function() {
	var vCode = "";
	this.gWinCal.document.open();

	// Setup the page...
	this.wwrite("<html>");
	this.wwrite("<head><title>Seventh District Dental Society</title>");
	this.wwrite("<link href=\"../css/calendar.css\" rel=\"stylesheet\" type=\"text/css\">");   
	this.wwrite("</head>");
	this.wwrite("<body onLoad=\"window.focus()\">");

	// 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];
	
	//Code to make the year a 4-digit year - will validate entry within the form instead.
	//if (this.gYear.length == 2) {
	//	if (this.gYear < 90) {this.gYear = "20" + this.gYear;}
	//	else {this.gYear = "19" + this.gYear;}
	//}
	
	this.wwrite("<table width='100%' border = '1' cellspacing = '0' cellpadding = '2'><tr><td width = '100%'>");
	this.wwrite("<TABLE WIDTH='100%' BORDER=0 CELLSPACING='0' CELLPADDING='5'><TR class='calendarHead'><TD width='10%' ALIGN=center>");
	this.wwrite("<A HREF=\"" + "javascript:window.opener.Build(" + "'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)-1) + "', '" + this.gFormat + "'" + ");" +	"\"><img src='../images/icons/arrow_left_double.gif' border='0' alt='Previous year'><\/A></TD><TD width='10%' ALIGN=center>");
	this.wwrite("<A HREF=\"" + "javascript:window.opener.Build(" + "'" + this.gReturnItem + "', '" + prevMM + "', '" + prevYYYY + "', '" + this.gFormat + "'" +	");" + "\"><img src='../images/icons/arrow_left_single.gif' border='0' alt='Previous month'><\/A></TD><TD width='60%' ALIGN=center>");
	this.wwrite("<div align = 'center'><B>" + this.gMonthName + " " + this.gYear + "</B></div></TD><TD width='10%' ALIGN=center>");
	this.wwrite("<A HREF=\"" +	"javascript:window.opener.Build(" + "'" + this.gReturnItem + "', '" + nextMM + "', '" + nextYYYY + "', '" + this.gFormat + "'" +	");" + 		"\"><img src='../images/icons/arrow_right_single.gif' border='0' alt='Next month'><\/A></TD><TD width='10%' ALIGN=center>");
	this.wwrite("<A HREF=\"" + "javascript:window.opener.Build(" + "'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)+1) + "', '" + this.gFormat + "'" +	");" + 		"\"><img src='../images/icons/arrow_right_double.gif' border='0' alt='Next year'><\/A></TD></TR></TABLE>");

	// Get the complete calendar code for the month..
	vCode = this.getMonthlyCalendarCode();
	this.wwrite(vCode);

	this.wwrite("</td></tr></body></html>");
	this.gWinCal.document.close();
}

Calendar.prototype.showY = function() {
	var vCode = "";
	var i;
	var vr, vc, vx, vy;		// Row, Column, X-coord, Y-coord
	var vxf = 285;			// X-Factor
	var vyf = 200;			// Y-Factor
	var vxm = 10;			// X-margin
	var vym;				// Y-margin
	if (isIE)	vym = 75;
	else if (isNav)	vym = 25;
	
	this.gWinCal.document.open();

	this.wwrite("<html>");
	this.wwrite("<head><title>Seventh District Dental Society</title>");
	this.wwrite("</head>");
	this.wwrite("<body" + "link=\"" + this.gLinkColor + "\" " + "vlink=\"" + this.gLinkColor + "\" " + "alink=\"" + this.gLinkColor + "\" " +	"text=\"" + this.gTextColor + "\">");
	this.wwrite("<B>");
	this.wwrite("Year : " + this.gYear);
	this.wwrite("</B><BR>");

	// Get the complete calendar code for each month..
	var j;
	for (i=11; i>=0; i--) {
		if (isIE)
			this.wwrite("<DIV ID=\"layer" + i + "\" CLASS=\"lclass" + i + "\">");
		else if (isNav)
			this.wwrite("<LAYER ID=\"layer" + i + "\" CLASS=\"lclass" + i + "\">");
		this.gMonth = i;
		this.gMonthName = Calendar.get_month(this.gMonth);
		vCode = this.getMonthlyCalendarCode();
		this.wwrite(this.gMonthName + "/" + this.gYear + "<BR>");
		this.wwrite(vCode);

		if (isIE)
			this.wwrite("</DIV>");
		else if (isNav)
			this.wwrite("</LAYER>");
	}

	this.wwrite("</td></tr></body></html>");
	this.gWinCal.document.close();
}

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 class='calendarSubHead'>";
	vCode = vCode + "<TD WIDTH='14%'><div align='center'><B>Sun</B></div></TD>";
	vCode = vCode + "<TD WIDTH='14%'><div align='center'><B>Mon</B></div></TD>";
	vCode = vCode + "<TD WIDTH='14%'><div align='center'><B>Tue</B></div></TD>";
	vCode = vCode + "<TD WIDTH='14%'><div align='center'><B>Wed</B></div></TD>";
	vCode = vCode + "<TD WIDTH='14%'><div align='center'><B>Thu</B></div></TD>";
	vCode = vCode + "<TD WIDTH='14%'><div align='center'><B>Fri</B></div></TD>";
	vCode = vCode + "<TD WIDTH='16%'><div align='center'><B>Sat</B></div></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) + "></TD>";
	}

	// Write rest of the 1st week
	for (j=vFirstDay; j<7; j++) {
		vCode = vCode + "<TD WIDTH='14%' align='center'" + this.write_weekend_string(j) + ">" + 
			"<A HREF='#' " + "onClick=\"self.opener.document." + this.gReturnItem + ".value='" + this.format_data(vDay) + 	"';window.close();\">" + this.format_day(vDay) + "</A>" + "</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%' align='center'" + this.write_weekend_string(j) + ">" + "<A HREF='#' " +  "onClick=\"self.opener.document." + this.gReturnItem + ".value='" + this.format_data(vDay) + "';window.close();\">" + this.format_day(vDay) + "</A>" + "</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%' align='center'" + this.write_weekend_string(j+m) + "></TD>";
		else
			vCode = vCode + "<TD WIDTH='14%' align='center'" + this.write_weekend_string(j+m) + ">" + m + "</TD>";
	}
	return vCode;
}

//The function is called from various other functions to validate that the chars entered in textboxes are valid
function validate_calendar(str) {
	var isValid = true;
	var numSlashes = 0;
	var numChars = 0;
	var validChars = "-/\.0123456789";
	var tempArr = str.split("/");
	var tempMo = parseInt(tempArr[0], 10);
	var tempDay = parseInt(tempArr[1], 10);
	var tempYr = parseInt(tempArr[2], 10);
	
	if (tempMo < 1 || tempMo > 12 || tempDay < 1 || tempDay > 31) {
		isValid = false;
	}
	
	for (i = 0; i < str.length; i++) {
		str = str.replace("-", "/");
		str = str.replace(".", "/");
		str = str.replace("\\", "/");
		if (validChars.indexOf(str.charAt(i)) < 0) {
			isValid = false;
			break;
		}
		if (str.charAt(i) == "/") {
			numSlashes++;
		}
		if(str.length < 8) {
			isValid = false;
			break;
		}
	}
	if (numSlashes < 2) {
		isValid = false;
	}
	return isValid;
	alert("Is valid? " + isValid);
}

//This function formats the selected day within the selected month (if showing) within the selected year (if showing).
Calendar.prototype.format_day = function(vday) {
	//In some instances, the default value of the textbox is mm/dd/yyyy.  In this case, show the current date as the
	//default date in calendar popup (also if the value is empty or null or contains invalid characters, current date should be shown).
	if (document.forms[0].elements[fieldNum].value == "mm/dd/yyyy" || document.forms[0].elements[fieldNum].value == "" || document.forms[0].elements[fieldNum].value == null || validate_calendar(document.forms[0].elements[fieldNum].value) == false) {
		var vNowDay = gNow.getDate();
		var vNowMonth = gNow.getMonth();
		var vNowYear = gNow.getFullYear();
		if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear) {
			return ("<FONT COLOR=\"#EA6C13\"><B>" + vday + "</B></FONT>");
		}
		else {
			return (vday);
		}
	}
	else {
		var dateEntered = document.forms[0].elements[fieldNum].value;
		for (var cnt=0; cnt<2; cnt++) {dateEntered = dateEntered.replace("-", "/");}
		for (var cnt=0; cnt<2; cnt++) {dateEntered = dateEntered.replace(".", "/");}
		for (var cnt=0; cnt<2; cnt++) {dateEntered = dateEntered.replace("\\", "/");}
		var dateEnteredArray = dateEntered.split('/');
		var monthEntered = (dateEnteredArray[0] - 1);
		var yearEntered = dateEnteredArray[2];
		if (vday == dateEnteredArray[1] && this.gMonth == monthEntered && this.gYear == yearEntered) {
			return ("<FONT COLOR=\"#EA6C13\"><B>" + vday + "</B></FONT>");
		}
		else {
			return (vday);
		}
	}	
}

// Return special formatting for the weekend day.
Calendar.prototype.write_weekend_string = function(vday) {
	var i;
	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 "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) {
	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="blue";
	gCal.gTextColor="black";
	gCal.gHeaderColor="black";

	// Choose appropriate show function
	if (gCal.gYearly)	gCal.showY();
	else	gCal.show();
}

function show_calendar() {
	//alert("showing calendar");
	fieldNum = 0;
	while (arguments[0] != (document.forms[0].name + "." + document.forms[0].elements[fieldNum].name)) {
		fieldNum++; 
	}
	if (!(document.forms[0].elements[fieldNum].value == "mm/dd/yyyy" || document.forms[0].elements[fieldNum].value == "" || document.forms[0].elements[fieldNum].value == null || validate_calendar(document.forms[0].elements[fieldNum].value) == false)) {
		var dateEntered = document.forms[0].elements[fieldNum].value;
		for (var cnt=0; cnt<2; cnt++) {dateEntered = dateEntered.replace("-", "/");}
		for (var cnt=0; cnt<2; cnt++) {dateEntered = dateEntered.replace(".", "/");}
		for (var cnt=0; cnt<2; cnt++) {dateEntered = dateEntered.replace("\\", "/");}
		var dateEnteredArray = dateEntered.split('/');
		var month = parseInt(dateEnteredArray[0], 10);
		arguments[1] = month - 1;
		arguments[2] = dateEnteredArray[2];
	}
	
	p_item = arguments[0];
	if (arguments[1] == null)
		p_month = new String(gNow.getMonth());
	else
		p_month = arguments[1];
	if (arguments[2] == "" || arguments[2] == null)
		p_year = new String(gNow.getFullYear().toString());
	else
		p_year = arguments[2];
	if (arguments[3] == null)
		p_format = "MM/DD/YYYY";
	else
		p_format = arguments[3];
	
	
	vWinCal = window.open("", "Calendar", "width=270,height=220,status=no,resizable=no,top=200,left=200");
	vWinCal.opener = self;
	ggWinCal = vWinCal;

	Build(p_item, p_month, p_year, p_format);
}

//Yearly Calendar Code Starts here
function show_yearly_calendar(p_item, p_year, p_format) {
	// Load the defaults..
	if (p_year == null || p_year == "")
		p_year = new String(gNow.getFullYear().toString());
	if (p_format == null || p_format == "")
		p_format = "MM/DD/YYYY";

	var vWinCal = window.open("", "Calendar", "scrollbars=yes");
	vWinCal.opener = self;
	ggWinCal = vWinCal;

	Build(p_item, null, p_year, p_format);
}
