$(document).ready(function(){
	var currMonth  = $("#currMonth");
	var currYear  = $("#currYear");
	var ReturnToCurrDate = $("#ReturnToCurrDate");
	var currMonth_init = $("#currMonth_init");
	var currYear_init = $("#currYear_init");
	
	var CalYearNum_0 = $("#CalYearNum_0");
	var CalYearNum_1 = $("#CalYearNum_1");
	var CalYearNum_2 = $("#CalYearNum_2");
	var CalYearNum_3 = $("#CalYearNum_3");
	var MonthGraphic = $("#MonthGraphic");
	var monthNameArr = "January,February,March,April,May,June,July,August,September,October,November,December".split(",");
	
	var CalendarMonth_LeftArrow = $("#CalendarMonth_LeftArrow");
	var CalendarMonth_RightArrow = $("#CalendarMonth_RightArrow");
	var CalendarYear_LeftArrow = $("#CalendarYear_LeftArrow");
	var CalendarYear_RightArrow = $("#CalendarYear_RightArrow");
	
	var Entries = $("#Entries");
	changeYearImage();
	
	ReturnToCurrDate.bind("click", function(){
		gotoDate();
	});
	
	function gotoDate(){
		currMonth.attr({value:currMonth_init.val()});
		currYear.attr({value:currYear_init.val()});
		getEvents();
	}
	
	CalendarYear_LeftArrow.bind("click", function(){
		var newsCurrYear_val = parseInt(currYear.val()) - 1;
		currYear.attr({value:newsCurrYear_val});
		changeYear();
	});
	CalendarYear_RightArrow.bind("click", function(){
		var newsCurrYear_val = parseInt(currYear.val()) + 1;
		currYear.attr({value:newsCurrYear_val});
		changeYear();
	});
	
	CalendarMonth_LeftArrow.bind("click", function(){
		if(currMonth.val() > 1){
			var newsCurrMonth_val = parseInt(currMonth.val()) - 1;
		}
		else{
			var newsCurrMonth_val = 12;
		}
		currMonth.attr({value:newsCurrMonth_val});
		changeMonth();
	});
	CalendarMonth_RightArrow.bind("click", function(){
		if(currMonth.val() < 12){
			var newsCurrMonth_val = parseInt(currMonth.val()) + 1;
		}
		else{
			var newsCurrMonth_val = 1;
		}
		currMonth.attr({value:newsCurrMonth_val});
		changeMonth();
	});
	
	function changeYearImage(){
		var CalNumVal_0 = "/graphics/Calendar/CalNum_" + currYear.val().charAt(0) + ".png";
		var CalNumVal_1 = "/graphics/Calendar/CalNum_" + currYear.val().charAt(1) + ".png";
		var CalNumVal_2 = "/graphics/Calendar/CalNum_" + currYear.val().charAt(2) + ".png";
		var CalNumVal_3 = "/graphics/Calendar/CalNum_" + currYear.val().charAt(3) + ".png";
		CalYearNum_0.attr({src: CalNumVal_0});
		CalYearNum_1.attr({src: CalNumVal_1});
		CalYearNum_2.attr({src: CalNumVal_2});
		CalYearNum_3.attr({src: CalNumVal_3});
	}
	function changeMonthImage(){
		var newMonthImage = "/graphics/Calendar/MonthGraphic_" + currMonth.val() + ".png";
		MonthGraphic.attr({src: newMonthImage});
	}
	
	function changeYear(){
		getEvents();
	}
	function changeMonth(){
		getEvents();
	}
	
	function getEvents(monthVal, yearVal){
		changeYearImage();
		changeMonthImage();
		$.ajax({
	   	type: "POST",
	   	url: "/_commongoal/content/Calendar_Ajax.cfc",
	   	dataType: "json",
	   	data: {
			method: 'searchEvents',
			currYear: currYear.val(),
			currMonth: currMonth.val()
	   	},
	   	success: processRes
	   	});
	}
	
	var processRes = function(results) {
		/*alert(results.length + " | Month:" + currMonth.val() + " | Year:" + currYear.val());*/
		
		var retEvent = "";
		var newHTML = "";
		if (results.length > 0){
			for(var i = 0; i < results.length; i++){
				var dateArr = results[i].EVENTSTARTDATESTRING.split("/");
				newHTML += '<div class="EventEntry"><div><strong>' + monthNameArr[dateArr[0]-1] + " " + dateArr[1] + ", " + dateArr[2];
				if(results[i].ISMULTIDATE == 1)
				{
					var monthname = results[i].EVENTENDDATE.split(",")[0];
					var endDateArr = results[i].EVENTENDDATE.split(" ");
					newHTML += " - " + monthname + " " + endDateArr[1] + ", " + endDateArr[2];
				}
				newHTML += '</strong>  |  ' + results[i].TITLE + '</div>' + results[i].DESCRIPTION;
			}
		}
		else{
			newHTML = "<div>No events for this month.</div>";
		}
		Entries.html(newHTML);
	}
});