hide_balloon = true;
function hide_ca_popup(element) {
	if (hide_balloon == false) return setTimeout("hide_ca_popup()", 2000);
	$ca_balloon.hide();
}
function crearBallons() {
	$hdiv = $("#hiddeninfo");
	$ca_balloon = $('<div class="balloon" style="position:absolute;top:0;left:0;display:none"><div class="body-balloon"></div><h5></h5></div>');
	$('body').append($ca_balloon);
	$ca_balloon.hover(function(){hide_balloon=false;},function(){setTimeout("hide_balloon=true",1000);});
	function show_ca_popup(element) {
		var ww = $(window).innerWidth();
		var $e =$(element);
		var ew = $e.width();
		var $c = $('#'+element.getAttribute('for'));
		var pos = $e.offset();
		var bw = $ca_balloon.width();
		$hdiv.append($('.body-balloon', $ca_balloon).children());
		$('.body-balloon', $ca_balloon).html($c);
        
        // ##### Event's content #####
        var day = parseInt($e.attr("day"));
        var eventos = calendardata.mes[day];
        var content = "<dt>Eventos:</dt>";
        
        for(var i = 0; i < eventos.length; i++){
            evento = eventos[i];
            content += '<dd><a href="groups_events_week.php?gid=' + gid + '&event_date=' + evento.event_date + '">' + evento.event_title +'</a></dd>';
        }
        
        $("#events_content").html(content);
        // ###################
		if (pos.left + bw > ww) {
			$ca_balloon.removeClass('left-corner').addClass('rigth-corner');
			$ca_balloon.css({top:pos.top,left:pos.left-bw-3}).show();
		} else {
			$ca_balloon.removeClass('rigth-corner').addClass('left-corner');
			$ca_balloon.css({top:pos.top,left:pos.left+ew+3}).show();
		}
	}
	$('.ca_popito').hover(function(e){show_ca_popup(this);},function(e){setTimeout("hide_ca_popup(this);",2000);});
}