var eventOpen = 0;

function showOverlay() {
	if (!eventOpen) {
		var overlay = $("<div id='events-overlay'></div>");
		$(document.body).append(overlay);
	} else {
		var overlay = $('#event-overlay');
	}
	overlay.animate({
		opacity: '0.5'
	}, 800);
	overlay.click( function() {
		hideEventDetails();
	});
}
function hideOverlay() {
	var overlay = $('#events-overlay');
	overlay.animate({
		opacity: '0'
	}, 800, 'linear', function() {
		$(this).remove();
	});
}
function shrinkCalendar() {
	$('#event-calendar').animate({
		width: '50%',
		left: '-5.5em'
	}, 800).css('overflow', 'visible');
	$('#event-calendar dl.first dt .month').animate({
		opacity: '0'
	}, 800);
	showOverlay();
	eventOpen = 1;
}
function expandCalendar() {
	$('#event-calendar').animate({
		width: '100%',
		left: '0'
	}, 800).css('overflow', 'visible');
	$('#event-calendar dl.first dt .month').animate({
		opacity: '1'
	}, 800);
	hideOverlay();
	eventOpen = 0;
}
function hideEventDetails() {
	$('#event-details').animate({
		opacity: '0'
	}, 800, function() {
		$(this).css('display', 'none');
	});
	expandCalendar();
}
function setUpEventDetails() {
	$('#event-details a.close').click(function() {
		hideEventDetails();
		return false;
	});
}
function setUpEvents() {
	$('#event-calendar dl dd').click(function() {
		eventUrl = $('a.more', this).attr('href');
		shrinkCalendar();
		$('#event-details').css('display', 'block').animate({
			opacity: '1'
		}, 800);
		
		$('#event-details').html("<h2 class='loading'>Loading&hellip;</h2>").load(eventUrl, '', setUpEventDetails);
		
		return false;
	});
}
$(document).ready(function() {
	setUpEvents();
	//setUpShrinking();
});