/**************************************************************************************************************************
	eventCalendar Script
	Borrowed from JavaScript Kit: http://www.javascriptkit.com
	Modified heavily for ccpas.org
	External files:
		events.js - 	contains the event details for each event date
				Events structure (8 Fields - zero relative):
  					["Type", "Month", "Day", "Year", "StartTime", "Fiscal Year", "Name", "Description"]
		images - 	folder containing all image files
	  Functions:
		changedate():		Given a button that was pressed, moves to next or previous month or year, or current month.
		easter(): 		Given a year, calculates the date for easter
		createCalendar(): 	Renders the calander into the page with links for each event-date.
		checkEvents(): 		Given a date, check to see if there is an event in event.js
		firstEvent(): 		Displays event info for the page load event for the first event of the month
		eventOut(): 		Writes out the event details
		showEvents(): 		Given an event, format it for display
		floatingHoliday():	Given event details in event.js determine what day of the month it is

	Colors:
		#AAFFAA			Green - today's date
		#88FFFF			Blue, light - event days
		#6699CC			Blue - Calendar Header
		#CCCCCC			Grey, light - inactive days
		#F0F0F0			Grey, medium - Weekday header
		#FAA61A			Orange - highlight
			
**************************************************************************************************************************/

/* Preload images script */
var myimages=new Array()

function preloadimages(){
	for (i=0;i<preloadimages.arguments.length;i++){
		myimages[i]=new Image();
		myimages[i].src=preloadimages.arguments[i];
	}
}

/* The path of images to be preloaded inside parenthesis: (Extend list as desired.) */
preloadimages("Images/MonthBackOn.jpg","Images/MonthBackOff.jpg","Images/MonthForwardOn.jpg","Images/MonthForwardOff.jpg");

var thisDate = 1;	// Tracks current date being written in calendar
var numbDays = 0;

/* SET GLOBALS */
var today = new Date();							// Date object to store the current date
var todaysDay = today.getDay() + 1;					// Stores the current day number 1-7 (day of the week)
var todaysDate = today.getDate();					// Stores the current numeric date within the month
var todaysMonth = today.getMonth() + 1;					// Stores the current month 1-12
var todaysYear = today.getFullYear();					// Stores the current year
var monthNum = todaysMonth;						// Tracks the current month being displayed
var yearNum = todaysYear;						// Tracks the current year being displayed
var firstDate = new Date(String(monthNum)+"/1/"+String(yearNum));	// Stores the first day of the current month
var firstDay = firstDate.getDay();					// Tracks the day number 1-7 of the first day of the current month
var lastDate = new Date(String(monthNum+1)+"/0/"+String(yearNum));	// Tracks the last date of the current month
var glblConcertProgURLPrefix = "Events/Programs/prog";			// Preset directories for the files - DO NOT CHANGE
/* END GLOBALS */  

function changedate(buttonpressed) {
	if 	(buttonpressed == "prevyr") yearNum--;
	else if (buttonpressed == "nextyr") yearNum++;
	else if (buttonpressed == "prevmo") monthNum--;
	else if (buttonpressed == "nextmo") monthNum++;
	else if (buttonpressed == "return") { 
		monthNum = todaysMonth;
		yearNum = todaysYear;
	}

	if (monthNum == 0) {
		monthNum = 12;
		yearNum--;
	}
	else if (monthNum == 13) {
		monthNum = 1;
		yearNum++
	}

	lastDate = new Date(String(monthNum+1)+"/0/"+String(yearNum));
	numbDays = lastDate.getDate();
	firstDate = new Date(String(monthNum)+"/1/"+String(yearNum));
	firstDay = firstDate.getDay() + 1;
	createCalendar();
	return;
}

function createCalendar() {
	calendarString = '';
	var daycounter = 0;
	calendarString += '<table class=calendartext width="180" border="0" cellpadding="0" cellspacing="1">';
	calendarString += '<tr>';

	//***** Suspend use of Previous and Next Year; use Previous and Next Month only
	//***** Next line is for Previous Year with old style button
	//calendarString += '<td align=\"center\" valign=\"center\" width=\"40\" height=\"40\"><a href=\"#\" onMouseOver=\"document.PrevYr.src=\'Images\/PrevYrOn40x40\.jpg\';\" onMouseOut=\"document.PrevYr.src=\'Images\/PrevYrOff40x40\.jpg\';\" onClick=\"changedate(\'prevyr\')\"><img name=\"PrevYr\" src=\"Images\/PrevYrOff40x40\.jpg\" height=\"40\" border=\"0\" alt=\"Prev Yr\"\/><\/a><\/td>';
	
	calendarString += '<td align=\"center\" valign=\"center\"     height=\"20\"><a href=\"#\" onMouseOver=\"document.PrevMo.src=\'Images\/MonthBackOn\.jpg\';\" onMouseOut=\"document.PrevMo.src=\'Images\/MonthBackOff\.jpg\';\" onClick=\"changedate(\'prevmo\')\"><img name=\"PrevMo\" src=\"Images\/MonthBackOff\.jpg\" border=\"0\" alt=\"Previous Month\"\/><\/a><\/td>';
	calendarString += '<td class=\"caltitle\" bgcolor=\"#6699CC\" height=\"20\" align=\"center\" valign=\"center\" colspan=\"5\"><b>' + wordMonth[monthNum-1] + '&nbsp;&nbsp;' + yearNum + '<\/b><\/td>';
	calendarString += '<td align=\"center\" valign=\"center\"     height=\"20\"><a href=\"#\" onMouseOver=\"document.NextMo.src=\'Images\/MonthForwardOn\.jpg\';\" onMouseOut=\"document.NextMo.src=\'Images\/MonthForwardOff\.jpg\';\" onClick=\"changedate(\'nextmo\')\"><img name=\"NextMo\" src=\"Images\/MonthForwardOff\.jpg\" border=\"0\" alt=\"Next Month\"\/><\/a><\/td>';
	   
	//***** Next line is for Next Year
	//calendarString += '<td align=\"center\" valign=\"center\" width=\"40\" height=\"40\"><a href=\"#\" onMouseOver=\"document.NextYr.src=\'Images\/NextYrOn40x40\.jpg\';\" onMouseOut=\"document.NextYr.src=\'Images\/NextYrOff40x40\.jpg\';\" onClick=\"changedate(\'nextyr\')\"><img name=\"NextYr\" src=\"Images\/NextYrOff40x40\.jpg\" height=\"40\" border=\"0\" alt=\"Next Yr\"\/><\/a><\/td>';
	
	calendarString += '<\/tr>';
	calendarString += '<tr>';
	calendarString += '<td class=calDOW bgcolor=\"#CCCCCC\" align=\"center\" valign=\"center\" width=\"25\" height=\"15\">S<\/td>';
	calendarString += '<td class=calDOW bgcolor=\"#CCCCCC\" align=\"center\" valign=\"center\" width=\"25\" height=\"15\">M<\/td>';
	calendarString += '<td class=calDOW bgcolor=\"#CCCCCC\" align=\"center\" valign=\"center\" width=\"25\" height=\"15\">T<\/td>';
	calendarString += '<td class=calDOW bgcolor=\"#CCCCCC\" align=\"center\" valign=\"center\" width=\"25\" height=\"15\">W<\/td>';
	calendarString += '<td class=calDOW bgcolor=\"#CCCCCC\" align=\"center\" valign=\"center\" width=\"25\" height=\"15\">T<\/td>';
	calendarString += '<td class=calDOW bgcolor=\"#CCCCCC\" align=\"center\" valign=\"center\" width=\"25\" height=\"15\">F<\/td>';
	calendarString += '<td class=calDOW bgcolor=\"#CCCCCC\" align=\"center\" valign=\"center\" width=\"25\" height=\"15\">S<\/td>';
	calendarString += '<\/tr>';

	thisDate == 1;

	for (var i = 1; i <= 6; i++) {
		//Each row (week) of the calendar for a total of 6 possible - only a small number of months use all 6
		calendarString += '<tr>';
		for (var x = 1; x <= 7; x++) {
			daycounter = (thisDate - firstDay)+1;
			thisDate++;
			if ((daycounter > numbDays) || (daycounter < 1)) {
				//First or last week of month
				calendarString += '<td class=\"calendartext\" align=\"center\" bgcolor=\"#F0F0F0\" height=\"18\" >&nbsp;<\/td>';
			} else {
				if (checkevents(daycounter,monthNum,yearNum,i,x) || ((todaysDay == x) && (todaysDate == daycounter) && (todaysMonth == monthNum))){
					//Check to see if the day is also an event day
					if (checkevents(daycounter,monthNum,yearNum,i,x) && ((todaysDay == x) && (todaysDate == daycounter) && (todaysMonth == monthNum))){
						calendarString += '<td class=\"calendartext\" align=\"center\" bgcolor=\"#CCCCCC\" height=\"18\" ><a href="javascript:showevents('+daycounter+','+monthNum+','+yearNum+','+i+','+x +')">' +daycounter+ '<\/a><\/td>';
					} else {
						if ((todaysDay == x) && (todaysDate == daycounter) && (todaysMonth == monthNum)) {
							//Today's date
							calendarString += '<td class="calendartext" align="center" bgcolor="#AAFFAA" height="18" >' + '<a onmouseover="Tip(\'This is today!\', ABOVE, true, BGCOLOR, \'#77AADD\', FONTCOLOR, \'#EEFFFF\')" onmouseout="UnTip()">' + daycounter + '<\/a><\/td>';
						}
							//Scheduled Holidays or Events
 						else	calendarString += '<td class="calendartext" align="center" bgcolor="#88FFFF" height="18" ><a href="javascript:showevents('+daycounter+','+monthNum+','+yearNum+','+i+','+x+')" onmouseover="Tip(geteventTitle('+daycounter+','+monthNum+','+yearNum+','+i+','+x+'), ABOVE, true, BGCOLOR, \'#77AADD\', FONTCOLOR, \'#EEFFFF\')" onmouseout="UnTip()">' + daycounter + '<\/a><\/td>';
					}
				} else {
					//Normal days - no events
					calendarString += '<td align="center" bgcolor="#FFFFFF" height="18" >' + daycounter + '<\/td>';
				}
			}
		}
		calendarString += '<\/tr>';
	}
	//***** Suspend link to return back to Todays Month *****
	//calendarString += '<tr><td colspan=\"7\" nowrap align=\"center\" valign=\"center\" bgcolor=\"#6699CC\" width=\"180\" height=\"18\"><a href=\"javascript:changedate(\'return\')\">Show Current Date<\/a><\/td><\/tr><\/table>';

	var object=document.getElementById('calendar');
	object.innerHTML= calendarString;
	thisDate = 1;
}

function checkevents(day,month,year,week,dayofweek) {
	/* Determine if we have an event, or events on this day 
	   This means only events that are Typed as "P"ublic */

	var numevents = 0;

	for (var i = 0; i < events.length; i++) {
		if (events[i][0] != "P") {
			//We have a non-public event so ignore this one
		} else if ((events[i][0] == "P") && (events[i][2] == day) && (events[i][1] == month) && (events[i][3] == year)) {
			numevents++;
		}
	}
	if (numevents == 0) {
		return false;
	} else {
		return true;
	}

/****************************************************************************************
	Below is all the original code - left it for potential mining later
var numevents = 0;
var floater = 0;

	for (var i = 0; i < events.length; i++) {
		if (events[i][0] == "W") {
			if ((events[i][2] == dayofweek)) numevents++;
		}
		else if (events[i][0] == "Y") {
			if ((events[i][2] == day) && (events[i][1] == month)) numevents++;
		}
		else if (events[i][0] == "F") {
			if ((events[i][1] == 3) && (events[i][2] == 0) && (events[i][3] == 0) ) {
				easter(year);
				if (easterday == day && eastermonth == month) numevents++;
			} else {
				floater = floatingholiday(year,events[i][1],events[i][2],events[i][3]);
				if ((month == 5) && (events[i][1] == 5) && (events[i][2] == 4) && (events[i][3] == 2)) {
					if ((floater + 7 <= 31) && (day == floater + 7)) {
						numevents++;
					} else if ((floater + 7 > 31) && (day == floater)) numevents++;
				} else if ((events[i][1] == month) && (floater == day)) numevents++;
			}
		}
		else if ((events[i][2] == day) && (events[i][1] == month) && (events[i][3] == year)) {
			numevents++;
		}
	}

	if (numevents == 0) {
		return false;
	} else {
		return true;
	}
***************************************************************************************/
}

function firstevent() {
//Get the first event of the current month

	var eventString = "";

	for (var i = 0; i < events.length; i++) {
		if ((events[i][1] == monthNum) && (events[i][3] == yearNum) && (events[i][0] == "P")) {
			eventout(events[i][1],events[i][2],events[i][3],events[i][4],events[i][6],events[i][7]);
			return;
		}
	}
	if (eventString == "") {
		eventString = "<b>There are no events scheduled this month</b><p><p><p>";

		var object=document.getElementById('eventtext');
		object.innerHTML= eventString;
	}
}

function ActiveEvent(month,day,year,time,title,location) {
//This is the constructor for the current instance of object ActiveEvent

	this.month 	= Number(month);
	this.monthW 	= wordMonth[month-1];
	this.day 	= Number(day);
	this.year 	= Number(year);
	calcDOW    	= new Date(eval('"'+this.day+' '+this.monthW+','+this.year+'"'));
	this.DOW  	= dayofWeek[calcDOW.getDay()];
	this.time 	= time;
	this.title 	= title;
	this.location	= location;

	this.openConcertProg = function() {
		openProgramWindow(this.month, this.day, this.year, this.DOW, this.title);
	}
}

function eventout(month,day,year,time,title,location) {
//Write out selected event details
//Instantiate a new ActiveEvent Object for reference
	
	var eventString = "";

	currentEvent = new ActiveEvent(month,day,year,time,title,location);
			
	eventString += "<font class=eventtitle>" + title + "</font><p>";
	eventString += "<b>" + "Date: " + "</b>" + month +'/'+ day +'/'+ year + "<br>";
	eventString += "<b>" + "Start Time: " + "</b>" + time + "<br>";
	eventString += "<b>" + "Location: " + "</b>" + location + "<br>";
			
	var object=document.getElementById('eventtext');
	
	object.innerHTML= eventString;
}

function geteventTitle(day,month,year,week,dayofweek) {
// Get just the event title for ToolTips	

	for (var i = 0; i < events.length; i++) {
		if ((events[i][0] == "P") && (events[i][2] == day) && (events[i][1] == month) && (events[i][3] == year)) {
			return events[i][6];
		}
	}
}


function showevents(day,month,year,week,dayofweek) {
var theevent = "";
var floater = 0;

	for (var i = 0; i < events.length; i++) {
		// First we'll process recurring events (if any):
		if (events[i][0] != "P") {
			if (events[i][0] == "D") {
			}
			if (events[i][0] == "W") {
				if ((events[i][2] == dayofweek)) {
				theevent += "Events of: \n" + month +'/'+ day +'/'+ year + '\n';
				theevent += events[i][6] + '\n';
				theevent += 'Start Time: ' + events[i][4] + '\n';
				theevent += 'Ending Time: ' + events[i][5] + '\n';
				theevent += 'Description: ' + events[i][7] + '\n';
				theevent += '\n -------------- \n\n';
				document.forms.eventform.eventlist.value = theevent;
				}
			}
			if (events[i][0] == "M") {
			}
			if (events[i][0] == "Y") {
				if ((events[i][2] == day) && (events[i][1] == month)) {
				theevent += "Events of: \n" + month +'/'+ day +'/'+ year + '\n';
				theevent += events[i][6] + '\n';
				theevent += 'Start Time: ' + events[i][4] + '\n';
				theevent += 'Ending Time: ' + events[i][5] + '\n';
				theevent += 'Description: ' + events[i][7] + '\n';
				theevent += '\n -------------- \n\n';
				document.forms.eventform.eventlist.value = theevent;
				}
			}
			if (events[i][0] == "F") {
				if ((events[i][1] == 3) && (events[i][2] == 0) && (events[i][3] == 0) ) {
					if (easterday == day && eastermonth == month) {
						theevent += "Events of: \n" + month +'/'+ day +'/'+ year + '\n';
						theevent += events[i][6] + '\n';
						theevent += 'Start Time: ' + events[i][4] + '\n';
						theevent += 'Ending Time: ' + events[i][5] + '\n';
						theevent += 'Description: ' + events[i][7] + '\n';
						theevent += '\n -------------- \n\n';
						document.forms.eventform.eventlist.value = theevent;
					} 
				} else {
					floater = floatingholiday(year,events[i][1],events[i][2],events[i][3]);

					if ((month == 5) && (events[i][1] == 5) && (events[i][2] == 4) && (events[i][3] == 2)) {
						if ((floater + 7 <= 31) && (day == floater + 7)) {
							theevent += "Events of: \n" + month +'/'+ day +'/'+ year + '\n';
							theevent += events[i][6] + '\n';
							theevent += 'Start Time: ' + events[i][4] + '\n';
							theevent += 'Ending Time: ' + events[i][5] + '\n';
							theevent += 'Description: ' + events[i][7] + '\n';
							theevent += '\n -------------- \n\n';
							document.forms.eventform.eventlist.value = theevent;
						} else if ((floater + 7 > 31) && (day == floater)) {
							theevent += "Events of: \n" + month +'/'+ day +'/'+ year + '\n';
							theevent += events[i][6] + '\n';
							theevent += 'Start Time: ' + events[i][4] + '\n';
							theevent += 'Ending Time: ' + events[i][5] + '\n';
							theevent += 'Description: ' + events[i][7] + '\n';
							theevent += '\n -------------- \n\n';
							document.forms.eventform.eventlist.value = theevent;
						}
					} else if ((events[i][1] == month) && (floater == day)) {
						theevent += "Events of: \n" + month +'/'+ day +'/'+ year + '\n';
						theevent += events[i][6] + '\n';
						theevent += 'Start Time: ' + events[i][4] + '\n';
						theevent += 'Ending Time: ' + events[i][5] + '\n';
						theevent += 'Description: ' + events[i][7] + '\n';
						theevent += '\n -------------- \n\n';
						document.forms.eventform.eventlist.value = theevent;
					}
				}
		}
		}
		// Now we'll process any One Time Public events happening on the matching month, day, year:
		else if ((events[i][0] == "P") && (events[i][2] == day) && (events[i][1] == month) && (events[i][3] == year)) {
			eventout(events[i][1],events[i][2],events[i][3],events[i][4],events[i][6],events[i][7]);
		}
	}
	//Suspend this - there should never be no events to show; we will always have a default (e.g. the first event of the month)
	//if (theevent == "") document.forms.eventform.eventlist.value = 'No events to show.';
}


function floatingholiday(targetyr,targetmo,cardinaloccurrence,targetday) {
// Floating holidays/events of the events.js file uses:
//	the Month field for the Month (here it becomes the targetmo field)
//	the Day field as the Cardinal Occurrence  (here it becomes the cardinaloccurrence field)
//		1=1st, 2=2nd, 3=3rd, 4=4th, 5=5th, 6=6th occurrence of the day listed next
//	the Year field as the Day of the week the event/holiday falls on  (here it becomes the targetday field)
//		1=Sunday, 2=Monday, 3=Tuesday, 4=Wednesday, 5=Thurday, 6=Friday, 7=Saturday
//	example: "F",	"1",	"3",	"2", = Floating holiday in January on the 3rd Monday of that month.
//
// In our code below:
// 	targetyr is the active year
// 	targetmo is the active month (1-12)
// 	cardinaloccurrence is the xth occurrence of the targetday (1-6)
// 	targetday is the day of the week the floating holiday is on
//		0=Sun; 1=Mon; 2=Tue; 3=Wed; 4=Thu; 5=Fri; 6=Sat
//		Note: subtract 1 from the targetday field if the info comes from the events.js file
//
// Note:
//	If Memorial Day falls on the 22nd, 23rd, or 24th, then we add 7 to the dayofmonth to the result.
//
// Example: targetyr = 2052; targetmo = 5; cardinaloccurrence = 4; targetday = 1
//	This is the same as saying our floating holiday in the year 2052, is during May, on the 4th Monday
//
var firstdate = new Date(String(targetmo)+"/1/"+String(targetyr));	// Object Storing the first day of the current month.
var firstday = firstdate.getUTCDay();					// The first day (0-6) of the target month.
var dayofmonth = 0;							// zero out our calendar day variable.

	targetday = targetday - 1;

	if (targetday >= firstday) {
		cardinaloccurrence--;	// Subtract 1 from cardinal day.
		dayofmonth = (cardinaloccurrence * 7) + ((targetday - firstday)+1);
	} else {
		dayofmonth = (cardinaloccurrence * 7) + ((targetday - firstday)+1);
	}
return dayofmonth;
}