// datepicker procedures

$(document).ready(function() {

	var browserName = BrowserDetect.browser; 

	/* retreive all training dates from a year ago through future */
	$.ajax({
		type: "GET",
		url:  "xml/retrieve-dates-for-calendar-xml.php?SponsorType=S",
		dataType: "xml",
		success: function(xml) {
			$(xml).find('TrainingCalendar').each(function() {
				xDates = $(this).find('CalendarDate').text();
				$("input[name='calDates']").val(xDates);
				});
			}
	});
	
	function trainingDays(datePassed) {
		var xDates = document.getElementById('calDates').value;
		var trainingDates = [];
		var convertedDate = "";
		var i=0;
		trainingDates = xDates.split(";")

		/* this method of getting the date is because of how browsers handle the year
		   Navigator = year 2000; IE 3.x = 100; IE.4x = 2000; Firefox = 100 */
		var bYear = datePassed.getYear();
		bYear = 1900 + (bYear % 1900);	

		convertedDate = (datePassed.getMonth() + 1) + "." + datePassed.getDate() + "." + bYear;

		for (i = 0; i <= trainingDates.length; i++) {
			if (convertedDate == trainingDates[i]) {
				return [true, "class_days"];
			}
		}
		/* no date found return true with no css change */
		return [true, ''];
	}

	if(browserName == 'Firefox') {
		$("div#coedatepicker").datepicker({ numberOfMonths: [3,1],
											gotoCurrent: true, 
											changeMonth: true,
											changeYear: true,
											yearRange: '-1:+1',
											onChangeMonthYear: function(year, month){
												var datePassed = year + '-' + month + '-01';
												RetrieveCalendarReq(datePassed, 'S', 'byMonth', 'Firefox')},
											beforeShowDay: trainingDays})
			.bind("click", function(event) { 
			RetrieveCalendarReq(this.value, 'S', '', 'Firefox');

	   $('#newCalendar').find('dd').hide().end().find('dt').click(function() {
		 $(this).next().slideToggle("fast");
	   });
	   
	   $('#newCalendar p').hover(function() {
		 $(this).addClass('titleHover');
	   }, function() {
			$(this).removeClass('titleHover');
	   });
	   
		});
	} else {
		$("div#coedatepicker").datepicker( { 
						onSelect: function(dateText, inst) { 
							RetrieveCalendarReq(dateText, 'S', '', 'IE');
						},
						numberOfMonths: [3,1],
						gotoCurrent: true,
						changeMonth: true,
						changeYear: true,
						yearRange: '-1:+1',
						onChangeMonthYear: function(year, month){
							var datePassed = year + '-' + month + '-01';
							RetrieveCalendarReq(datePassed, 'S', 'byMonth', 'IE')},
						beforeShowDay: trainingDays});
	}
	RetrieveCalendarReq('ALL', 'S', '', browserName);

});