þÿ// EventsCalendarCode.js
// This script creates a list of all upcoming clinics.
// AKA the Midwest Events Calendar
// Written by: Brian Bahn
// Updated:  02/02/2012


var strURLBase = "http://www.midwestmtn.com/current-events/events-calendar/"; 

// Functions:
// fnPageHeaderCreate
// fnPageContentCreate
// fnCalendarCreate
// fnCalendarDate
// fnEventsUpcoming

// To Do (create these functions)
// fnListView
// fnWeekView
// fnMonthView
// fnQuarterView

// Sample data record:
//	"DateBegin", "DateEnd", "TimeBegin", "TimeEnd", "Title", "HyperlinkID", "Description", "Location", 

////////////////////////////////////////////////////////////
// Data Processing section.                               //
////////////////////////////////////////////////////////////


function fnPageHeaderCreate() {

	var idxClinics;
	var idxEventsPerMonth = 0;

	var intEvents = 0;

	var strClinicDateBegin; 
	var strClinicDateEnd; 
	var strClinicMonth; 
	var strClinicYear; 
	var strTitle; 
	var strHyperlink; 
	
	var datClinicDateBegin;

	var aryEventsPerMonth = new Array();
	
	document.write('<h4 id="zzUpcomingEvents" style="margin-top: 0px; margin-bottom: 10px; text-align: left; line-height: 20px;">Upcoming Events:');

	// Populate the aryEventsPerMonth array with counts of events for each month in the array.
	for (var idxClinics = 0; idxClinics < aryClinics.length; idxClinics++) {

	  // Move array fields into variables for each data record.
	  strClinicMonth = aryClinics[idxClinics].substring(0, 2);
	  idxClinics += (intArrayFields - 1);
	  //idxClinics += 7;

	  // Don't test for a new month if this is the first data record.
	  if (idxClinics != (intArrayFields - 1)) {
	    // Increment the events counter.
	    intEvents++;
	    // Is this a new strClinicMonth from the previous data record?
	    if (strClinicMonth != aryClinics[idxClinics - ((intArrayFields * 2) - 1)].substring(0, 2)) {
	      // This is a new strClinicMonth from the previous data record.  Create an array element.
	      aryEventsPerMonth.push(intEvents);
	      intEvents = 0;
	    }
	    // Is this the last data record?
	    if ((idxClinics + 1) == aryClinics.length) {
	      // This is a new strClinicMonth from the previous data record.  
	      // Increment the events counter.
	      intEvents++;
	      // Create an array element.
	      aryEventsPerMonth.push(intEvents);
	    }
	  }  // End of if statements.

	}  // End of for loop.

	// Write a hyperlink per month and for every tagged clinic.
	for (var idxClinics = 0; idxClinics < aryClinics.length; idxClinics++) {
	  // Increment the events counter.
	  intEvents++;
	  // Move array fields into variables for each data record.
		strClinicDateBegin = aryClinics[idxClinics]; 
		datClinicDateBegin = new Date(strClinicDateBegin); 
		strClinicMonth = aryClinics[idxClinics].substring(0,2); 
		strClinicYear = aryClinics[idxClinics].substring(6,10); 
		idxClinics += 4;
		strTitle = aryClinics[idxClinics];
		idxClinics++;
		strHyperlink = aryClinics[idxClinics]; 
		idxClinics += 2;

		// Don't test for a duplicate if this is the first data record.
		if (idxClinics == (intArrayFields - 1)) {
		  document.write('<br /><span style=\"text-size: larger; \">&bull;&nbsp; <a href=' + strURLBase + '#YYYYMM' + strClinicYear + strClinicMonth + ' title=\"Click to view all events for this month.\">' + String(aryMonthNames[datClinicDateBegin.getMonth()]) + ' (' + aryEventsPerMonth[0] + ' events)</a></span>&nbsp; ');
		}
		else
			{
			// Is this a new strClinicMonth from the previous data record?
			if (strClinicMonth != aryClinics[idxClinics - ((intArrayFields * 2) - 1)].substring(0,2)) {
			  // This is a new strClinicMonth from the previous data record.
			  intEvents = 1;
			  idxEventsPerMonth++; 
			  document.write('<br />&bull;&nbsp; <a href=' + strURLBase + '#YYYYMM' + strClinicYear + strClinicMonth + ' title=\"Click to view all events for this month.\">' + String(aryMonthNames[datClinicDateBegin.getMonth()]) + ' (' + aryEventsPerMonth[parseInt(idxEventsPerMonth)] + ' events)</a>&nbsp; ');
			}
			// Is this a featured event?
			if (strHyperlink != "") {
				  document.write(' |&nbsp; <a href=' + strURLBase + '#' + strHyperlink + ' title=\"Click to view details for this featured event .\">' + aryClinics[idxClinics - 3] + '</a>&nbsp; ');
				}
			}  // End of else statements.
		}  // End of for loop.
	document.write('</h4>'); 	
	}	// End of function fnPageHeaderCreate.


function fnPageContentCreate() {

  var idxClinics;
  var strClinicDateBegin;
  var strClinicDateEnd;
  var strClinicFullYear;
  var strClinicMonth;
  var strClinicMonthPrevious;
	var strClinicDay;
  var strTimeBegin;
  var strTimeEnd;
	var strTitle;
	var strDescription;
	var strLocation;

	var datClinicDateBegin;
	var datClinicDateEnd;

  // Step through the aryClinics records.
  for (var idxClinics = 0; idxClinics < aryClinics.length; idxClinics++) {
    // Move array fields into variables for each data record.
    strClinicDateBegin = aryClinics[idxClinics];
    datClinicDateBegin = new Date(strClinicDateBegin);
    idxClinics++
    strClinicDateEnd = aryClinics[idxClinics];
    datClinicDateEnd = new Date(strClinicDateEnd);
    idxClinics++
    strTimeBegin = aryClinics[idxClinics];
    idxClinics++
    strTimeEnd = aryClinics[idxClinics];
    idxClinics++
    strTitle = aryClinics[idxClinics];
    idxClinics++
    strHyperlink = aryClinics[idxClinics];
    idxClinics++
    strDescription = aryClinics[idxClinics];
    idxClinics++
    strLocation = aryClinics[idxClinics];

    // Write a month table?
    // Is this is the first data record?
    if (idxClinics == (intArrayFields - 1)) {
      // Create a table for this month.
      fnCalendarCreate(aryClinics[idxClinics - (intArrayFields - 1)].substring(0, 2), aryClinics[idxClinics - (intArrayFields - 1)])
    }
    else {
      // Is this a new month from the previous data record?
      if (datClinicDateBegin.getMonth() != strClinicMonthPrevious) {
        // Write a hyperlink to top of page after every month's clinics.
        document.write('<div class=\"clsTopOfPage\"><a href=' + strURLBase + '#>&uarr; Top of Page &uarr;</a></div>');
        // Create a table for this month.
        fnCalendarCreate(aryClinics[idxClinics - (intArrayFields - 1)].substring(0, 2), aryClinics[idxClinics - (intArrayFields - 1)])
      }
    }

    // Write a division per clinic.
    strClinicDay = String(aryDayNames[datClinicDateBegin.getDay()]);
    var datClinicDateBegin = new Date(strClinicDateBegin);
    strClinicMonth = datClinicDateBegin.getMonth();
    var datTimeBegin = new Date(strTimeBegin);
    var datTimeEnd = new Date(strTimeEnd);


    // Create a division for this clinic from aryClinics array.

    // IE hyperlink bug fix.  Table allows hyperlinking to work.
    // To Do:  Re-write clinics to web page using table structure instead of divisions.
    document.write('<table');
    if (strHyperlink != "") {
      document.write(' id=\"' + strHyperlink + '\"');
    }
    else {
      document.write(' id=\"YYYYMMDDhhmm' + strClinicDateBegin.substring(6, 10) + strClinicDateBegin.substring(0, 2) + strClinicDateBegin.substring(3, 5) + strTimeBegin + '\"');
    }
    document.write('>');
    document.write('<tr><td>');
    document.write('</td></tr></table>');

    document.write('<div');
    if (strHyperlink != "") {
      document.write(' id=\"' + strHyperlink + '\"');
    }
    else {
      document.write(' id=\"YYYYMMDDhhmm' + strClinicDateBegin.substring(6, 10) + strClinicDateBegin.substring(0, 2) + strClinicDateBegin.substring(3, 5) + strTimeBegin + '\"');
    }
    document.write(' class=\"divProgram\">');

    // Create a division for this clinic's date.
    document.write('<div class=\"divProgramDate\">');
    document.write(aryDayNames[datClinicDateBegin.getDay()] + ',<br />');
    document.write(aryMonthNames[datClinicDateBegin.getMonth()] + " " + datClinicDateBegin.getDate());
    if (strClinicDateEnd != "") {
      document.write('<br />&ndash; to &ndash;<br />' + aryDayNames[datClinicDateEnd.getDay()] + ',<br />');
      document.write(aryMonthNames[datClinicDateEnd.getMonth()] + " " + datClinicDateEnd.getDate());
    }
    // Create a division for this clinic's time.
    document.write('<div class=\"divProgramTime\">');
    if (strTimeBegin != "") {
      document.write(MilitaryTo12Hour(strTimeBegin));
    }
    if (strTimeEnd != "") {
      document.write(' &ndash; ' + MilitaryTo12Hour(strTimeEnd));
    }
    // Close divProgramTime division.
    document.write('</div>');
    // Close divProgramDate division.
    document.write('</div>');

    // Create a division for this clinic's title.
    document.write('<div class=\"divProgramTitle\">' + strTitle + '</div>');
    // Create a division for this clinic's description.
    document.write('<div class=\"divProgramDescription\">' + strDescription + '</div>');
    // Create a division for this clinic's location.
    document.write('<div class=\"divProgramLocation\">' + strLocation + '</div>');
    // Close divProgram division.
    document.write('</div>');

    // Clear the margins to avoid division overflow.
    document.write('<div class=\"clear\"></div>');

    strClinicMonthPrevious = strClinicMonth;

  }
  // Write a hyperlink to top of page after every month's clinics.
  document.write('<div class=\"clsTopOfPage\"><a href=' + strURLBase + '\"#\">&uarr; Top of Page &uarr;</a></div>');
} // End of function fnPageContentCreate.


function fnCalendarCreate(intMonth, strClinicDateBegin) {

	var idxClinics = 0; 
	
	var datToday = new Date(datClinicDateBegin); 
	var datClinicDateBegin = new Date(strClinicDateBegin); 
	var datFirstDayMonth = new Date(String(strClinicDateBegin).substring(0,2) + '/01/' + String(strClinicDateBegin).substring(6,10));

	var intDayOfMonth;
	var intEvents = 0; 

	var strClinicDateBegin; 
	var strClinicDateEnd; 
	var strMonth; 
	var strClinicMonth; 
	var strClinicYear; 
	var strTitle; 
	var strHyperlink; 
	var strDay; 
	
	if (intMonth <= 9) {
		strMonth = "0" + intMonth;
		}
	
//	document.write('<h4 style="margin-top: 0px; margin-bottom: 40px; line-height: 20px;">Program Calendar:</h4>');
	document.write('<table id=\"YYYYMM' + strClinicDateBegin.substring(6,10) + strClinicDateBegin.substring(0,2) + '\" class=\"calendarTable\">'); 
	document.write('<thead>'); 
	document.write('<tr>'); 
	document.write('<td colspan = \"7\">' + aryMonthNames[intMonth - 1] + '</td>'); 
	document.write('</tr>'); 
	document.write('<tr>'); 
	document.write('<th>Sun</th>'); 
	document.write('<th>Mon</th>'); 
	document.write('<th>Tue</th>'); 
	document.write('<th>Wed</th>'); 
	document.write('<th>Thu</th>'); 
	document.write('<th>Fri</th>'); 
	document.write('<th>Sat</th>'); 
	document.write('</tr>'); 
	document.write('</thead>'); 
	document.write('<tbody>'); 
	document.write('<tr>'); 

	
	// Write a date number for every day in this month.  Use hyperlinked dates for days that have a clinic scheduled.
	for (intDayOfMonth = 1; intDayOfMonth <= aryDaysInMonths[intMonth - 1]; intDayOfMonth++) {
	  var datCurrent = new Date(String(strClinicDateBegin).substring(0, 2) + "/" + intDayOfMonth + "/" + String(strClinicDateBegin).substring(6, 10));
		if (intDayOfMonth == 1) {
			strDay = "0" + intDayOfMonth; 
			switch(datFirstDayMonth.getDay()) {
				case 0:  // Sunday
					document.write('<tr>'); 
					fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
					break; 
				case 1:  // Monday
					document.write('<td></td>'); 
					fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
					break; 
				case 2:  // Tuesday
					document.write('<td></td><td></td>'); 
					fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
					break; 
				case 3:  // Wednesday
					document.write('<td></td><td></td><td></td>'); 
					fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
					break; 
				case 4:  // Thursday
					document.write('<td></td><td></td><td></td><td></td>'); 
					fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
					break; 
				case 5:  // Friday
					document.write('<td></td><td></td><td></td><td></td><td></td>'); 
					fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
					break; 
				case 6:  // Saturday
					document.write('<td></td><td></td><td></td><td></td><td></td><td></td>'); 
					fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
					document.write('</tr>'); 
					break; 
				}
			}
		else {
			if (intDayOfMonth < aryDaysInMonths[intMonth - 1]) {
				if (intDayOfMonth <= 9) {
					strDay = "0" + intDayOfMonth; 
					}
				else {
					strDay = intDayOfMonth; 
					}
				switch(datCurrent.getDay()) {
					case 0:  // Sunday
						document.write('<tr>'); 
						fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
						break; 
					case 6:  // Saturday
						fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
						document.write('</tr>'); 
						break; 
					default:
						fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
						break; 
					}
				}
			else {
				strDay = intDayOfMonth; 
				switch(datCurrent.getDay()) {
					case 0:  // Sunday
						document.write('<tr>'); 
						fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
						document.write('<td></td><td></td><td></td><td></td><td></td><td></td></tr>'); 
						break; 
					case 1:  // Monday
						fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
						document.write('<td></td><td></td><td></td><td></td><td></td></tr>'); 
						break; 
					case 2:  // Tuesday
						fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
						document.write('<td></td><td></td><td></td><td></td></tr>'); 
						break; 
					case 3:  // Wednesday
						fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
						document.write('<td></td><td></td><td></td></tr>'); 
						break; 
					case 4:  // Thursday
						fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
						document.write('<td></td><td></td></tr>'); 
						break; 
					case 5:  // Friday
						fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
						document.write('<td></td></tr>'); 
						break; 
					case 6:  // Saturday
	  				fnCalendarDate(strDay, String(strClinicDateBegin).substring(0,2) + "/" + strDay + "/" + String(strClinicDateBegin).substring(6,10)); 
		  			document.write('</tr>'); 
					break; 
				}
			}
		}
  }
//  document.write('<tr><td colspan=\"7\" style=\"height: 20px; \"><p style=\"margin-bottom: 0px; text-align: center; \">' + String(intEvents) + ' events listed for the month of ' + aryMonthNames[intMonth - 1] + '.</p></td></tr>');
//    alert(intEvents); 
//  document.write('<tr><td colspan=\"7\" style=\"height: 20px; \"><p style=\"margin-bottom: 0px; text-align: center; \">' + intEvents + ' events listed for the month of ' + aryMonthNames[intMonth - 1] + '.</p></td></tr>');
  document.write('</tbody></table>'); 
}	// End of function fnCalendarCreate.


function fnCalendarDate(strDate, strCurrent) {

	var strClinicList; 
	
	// Put date number in calendar date box upper left corner.
	document.write('<td><div class=\"divDate\">' + parseInt(strDate, 10) + '</div><ul style=\"font-size: .8em; \">');
	// Write a list item for each event occuring today.
	for (var idxClinics = 0; idxClinics < aryClinics.length; idxClinics++) {
		if(strCurrent == aryClinics[idxClinics]) {
			document.write('<li>'); 
			if (aryClinics[idxClinics + 2] != "") {
				// Write the event's starting time.
				document.write(MilitaryTo12Hour(aryClinics[idxClinics + 2]) + '<br />'); 
			}
			// Create a hyperlink to the event's individual listing.
			document.write('<a '); 
			if (aryClinics[idxClinics + 5] != "") {
				document.write('href=' + strURLBase + '#' + aryClinics[idxClinics + 5] + '>');
			}
			else {
				document.write('href=' + strURLBase + '#YYYYMMDDhhmm' + aryClinics[idxClinics].substring(6,10) + aryClinics[idxClinics].substring(0,2) + aryClinics[idxClinics].substring(3,5) + aryClinics[idxClinics + 2] + '>');
			}
			document.write(aryClinics[idxClinics + 4] + '</a></li>'); 
		}
		idxClinics += 7; 
	}
	document.write('</ul></td>');
}	// End of function fnCalendarDate.


function fnEventsUpcoming(intEvents) {

  var datToday = new Date();
	var txtToday =  datToday.toDateString(); 
	var txtToday =  (datToday.getMonth() + 1) + "/" + datToday.getDate() + "/" + datToday.getFullYear(); 
	var intEventsListed = 0;
	var strBackground; 
	
	document.write("<table id='tblUpcomingEvents'>"); 
	document.write("<caption>Next " + intEvents + " Midwest Mountaineering Events</caption>"); 
	document.write("<thead><tr>"); 
	document.write("<th>Date Time</th><th>Event</th>"); 
	document.write("</tr></thead>"); 
	document.write("<tfoot><tr>"); 
	document.write("<td colspan=\"2\">See all upcoming clinics and events:<br /><a href=\"http://www.midwestmtn.com/current-events/events-calendar\">Events Calendar Page</a></td>"); 
	document.write("</tr></tfoot>"); 
	document.write("<tbody>"); 
	
	// Step through the aryClinics records.
	for (var idxClinics = 0; idxClinics < aryClinics.length; idxClinics++) {
		// Move array fields into variables for each data record.
		strClinicDateBegin = aryClinics[idxClinics];
		datClinicDateBegin = new Date(strClinicDateBegin);
		datClinicDateBegin.setHours(23, 59);  // Ensure today's events are listed by making their start time 1 minute before midnight.
		idxClinics++
		idxClinics++
		strTimeBegin = aryClinics[idxClinics]; 
		idxClinics++
		idxClinics++
		strTitle = aryClinics[idxClinics]; 
		idxClinics++
		idxClinics++
		idxClinics++
		if (datClinicDateBegin >= datToday) {
			intEventsListed++ 
			if (intEventsListed <= intEvents) {
				// Is this an even numbered row?
				if (intEventsListed % 2 == 0) {
					// Even numbered row.
					strBackground = "#dcdcdc";
				}
				else {
					strBackground = "white";
				}
				// Check event for a beginning time.
				if (strTimeBegin != "") {
					// Handle events with a beginning time.
					document.write("<tr style=\"background: " + strBackground + "\">"); 
					document.write("<td>" + aryDayNames[datClinicDateBegin.getDay()].substr(0,3) + ", " + aryMonthNames[datClinicDateBegin.getMonth()].substr(0,3) + " " + datClinicDateBegin.getDate()); 
					if (strClinicDateBegin.substr(3,1) == 1) {
						intClinicDate = 0; 
					}
					else {
						intClinicDate = strClinicDateBegin.substr(4,1); 
					}
//					document.write("<span class=\"ordinal\">" + aryDateOrdinals[intClinicDate] + "</span>&nbsp; <span style=\"font-size: .2em;\">" + MilitaryTo12Hour(strTimeBegin) + "</span></td> <td>" + strTitle + "</td>"); 
//					document.write("&nbsp; " + MilitaryTo12Hour(strTimeBegin) + "</span></td> <td>" + strTitle + "</td>");
				document.write("<span class=\"ordinal\">" + aryDateOrdinals[intClinicDate] + "</span>&nbsp; " + MilitaryTo12Hour(strTimeBegin) + "</span></td> <td><a ");
					if (strTimeBegin != "") {
					  document.write('href=' + strURLBase + '#YYYYMMDDhhmm' + strClinicDateBegin.substring(6, 10) + strClinicDateBegin.substring(0, 2) + strClinicDateBegin.substring(3, 5) + aryClinics[idxClinics + 2] + strTimeBegin + ' title="Click here to see event details.">');
					}
					else {
					  document.write('href=' + strURLBase + '#YYYYMMDDhhmm' + aryClinics[idxClinics].substring(6, 10) + aryClinics[idxClinics].substring(0, 2) + aryClinics[idxClinics].substring(3, 5) + aryClinics[idxClinics + 2] + '>');
					}
					document.write(strTitle + "</a></td>");
					/*
					// Create a hyperlink to the event's individual listing.
					document.write('<a ');
					if (aryClinics[idxClinics + 5] != "") {
					document.write('href=' + strURLBase + '#' + aryClinics[idxClinics + 5] + '>');
					}
					else {
					document.write('href=' + strURLBase + '#YYYYMMDDhhmm' + aryClinics[idxClinics].substring(6, 10) + aryClinics[idxClinics].substring(0, 2) + aryClinics[idxClinics].substring(3, 5) + aryClinics[idxClinics + 2] + '>');
					}
					document.write(aryClinics[idxClinics + 4] + '</a></li>'); 
					*/
				}
				else {
					// Handle events without a beginning time.
					document.write("<tr style=\"background: " + strBackground + "\">"); 
					document.write("<td>" + aryDayNames[datClinicDateBegin.getDay()].substr(0,3) + ", " + aryMonthNames[datClinicDateBegin.getMonth()].substr(0,3) + " " + datClinicDateBegin.getDate()); 
					if (strClinicDateBegin.substr(3,1) == 1) {
						intClinicDate = 0; 
					}
					else {
						intClinicDate = strClinicDateBegin.substr(4,1); 
					}
					document.write("<span class=\"ordinal\">" + aryDateOrdinals[intClinicDate] + "</span></td> <td>" + strTitle + "</td>"); 
				}
				// Write an upcoming event line.
				document.write("</td></tr>"); 
			}
		}
	}
document.write("</tbody></table>");
//alert("Test"); 
}	// End of function fnEventsUpcoming.


// End of EventsCalendarCode.js