$(document).ready(function(){
	var calendar = {
		month: null, 
		year: null,
		months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
		
		prev: function(event){
			this.month--;
			if(this.month == 0){
				this.month = 12;
				this.year--;
			}
			this.loadMonth();
		},
		
		next: function(){
			this.month++;
			if(this.month == 13){
				this.month = 1;
				this.year++;
			}
			this.loadMonth();
		},
		
		loadMonth: function(){
			var data = {month: this.month, year: this.year}
			var loadHtmlFunc = this.loadMonthHtml;
			$.get("/mmlib/includes/ajax.loadcalendar.php", data, function(response){ 
				loadHtmlFunc.call(calendar, response); 
				$(selector).addClass('today');
			});
		},
		
		loadMonthHtml: function(response){
			$("div#unit-calendar table tbody").html(response);
			$("#calendar-current-date").html('<a href="/whats-on/' + this.year + '/' + this.month + '">' + this.months[this.month -1] + " " + this.year + "</a>");
		},
	
		init: function(month, year){
			this.month = month;
			this.year = year;
			var prevFunc = this.prev;
			var nextFunc = this.next;			
			var calendar = this;
			$("div#unit-calendar a.previous").click(function(){ prevFunc.apply(calendar); return false });
			$("div#unit-calendar a.next").click(function(){ nextFunc.apply(calendar); return false });
		}
	};
	
	var selectedDay = $("#default_day").val();
	var selectedMonth = $("#default_month").val();
	var selectedYear = $("#default_year").val();
	
	if(!selectedDay && !selectedMonth && !selectedYear){
		var d = new Date();
		selectedYear = d.getFullYear();
		selectedMonth = d.getMonth() + 1;
		selectedDay = d.getDate();
	}
	
	calendar.init(selectedMonth, selectedYear);
	
	var selector = "td#calendar-date-" + selectedYear;
	if(selectedMonth < 10 && selectedMonth.length == 1){
		selectedMonth = "0" + selectedMonth;
	}

	if(selectedDay < 10 && selectedDay.length == 1){
		selectedDay = "0" + selectedDay;
	}
	
	selector = selector + selectedMonth + selectedDay;
	
	$(selector).addClass('today');
});