$(document).ready(function(){
	$('#selectYear').change(function () {
		getEvents($('#month').attr('class'));
	});
	initEvents();
});

function getEvents(month) {
	year = $('#selectYear').val();
	$('.monthSelected').removeClass('monthSelected');
	$('#Month_'+month).addClass('monthSelected');
	var params = {};
	params['month'] = month;
	params['year'] = year;
	$.ajax({
		type:'POST',
		url:'/events/ajaxgetevents/'+month+'/'+year,
		data: (params),
		async: false,
		success: function(data,textStatus){
			$('#events').html(data);
			initEvents();
		},
		error: function (XMLHttpRequest, textStatus, errorThrown) {
			alert(XMLHttpRequest.responseText+', textStatus: '+textStatus+', errorThrown: '+errorThrown);
		}
	});
}

function getDetails(event){
	$.ajax({
		type:'GET',
		url:'/events/ajaxgetdetails/'+event,
		async: false,
		success: function(data,textStatus){
			$('#event').html(data);
			$('a.fancybox').fancybox({'hideOnContentClick': true});
		},
		error: function (XMLHttpRequest, textStatus, errorThrown) {
			alert(XMLHttpRequest.responseText+', textStatus: '+textStatus+', errorThrown: '+errorThrown);
		}
	});
}

function initEvents() {
	$('table#events_table tr').click(function(){
		$('table#events_table tr.selected').removeClass('selected');
		$(this).addClass('selected');
		getDetails($(this).attr('id'));
	});
}