$(document).ready(function(){
	$('.event').mouseenter(function(){ show_tips($(this).next()); });
	$('.event').mouseleave(function(){hide_tips();});
	//$('#tips').corner();
	$("#tips").css('opacity', 0.8);

});

var show_tips = function(child){
	$("#tips").empty();
	$("#tips").append(child.clone().removeClass('hide'));
	$("#tips").toggleClass('hide');
}

var hide_tips = function(){
	$("#tips").toggleClass('hide');
}