$(function(){
	
	
	
	//hide all popups to start
	$('.courses_details').hide();
	$('.minutes_details').hide();
	
	//course events
	$('li.courses_events').hover(
		function() {
			$('.courses_details').hide();
			var height = $(this).height() * -1;
			$(this).find(".courses_details").css("top", height).fadeIn('fast');
		},
		function() {
			$('div.courses_details:visible').fadeOut('slow');
		}
	);
	
	//minutes
	$('li.minutes').hover(
		function() {
			$(".minutes_details").fadeIn('fast');
		},
		function() {
			$('div.minutes_details:visible').fadeOut('slow');
		}
	);
	

});