$(document).ready(function() {
	
	$ajaxCalendar    = $('#ajaxCalendar');
	$ajaxCalendarMsg = $('#ajaxCalendarMsg');
	
	clickListener();
	
	function clickListener()
	{
		$('#prevMonth, #nextMonth').click(function(event) {
			
			event.preventDefault();
			
			var $prevMonth = $('#prevMonth');
			var $nextMonth = $('#nextMonth');
			
			hrefPrevMonth = $prevMonth.attr('rel') + '/format/html';
			hrefNextMonth = $nextMonth.attr('rel') + '/format/html';
					
			if (event.target.id == 'prevMonth') {
				href = hrefPrevMonth;
			}
			else {
				href = hrefNextMonth;
			}
			
			$.ajax({
				type: 'GET',
				url: href,
				timeout : 10000,
				dataType: 'html',
				
				beforeSend: function() 
				{
				    $ajaxCalendar.hide();
				    $ajaxCalendarMsg.html('loading...');
				},
				
				error: function()
				{
					$ajaxCalendarMsg.html('Error! Try again later...');
				},
				
				success: function(data, textStatus)
				{
					$ajaxCalendarMsg.html('');
					$ajaxCalendar.html(data);
					$ajaxCalendar.show();
					clickListener();
				}
			});
		});
	}
});