var events_div_timeout;

$(function() {
	$("table.calendar td:has(a)").hover(function(e) { // mouseover na buňce která obsahuje odkaz
		clearTimeout(events_div_timeout);
		
		var div = $("div#events_detail"); // vezmeme si divík (je na konci těla stránky)
		
		div.hide(); // zmizíme divík s detailem akcí kdyby byl náhodou zobrazený
		
		var html = "";
		var ids = $(this).find("div.hidden").text().split(","); // pole ID akcí v příslušném divíku
		
		for (var i = 0; i < ids.length; i++) {
			html += $("div.calendarinfo #event_"+ids[i]).html();
		}

		html += '<p><a href="#" onclick="this.parentNode.parentNode.style.display=\'none\';return false;">zavřít</a></p>';
		
		div.html(html); // nastavíme obsah divíku s akcemi
		
		pos = $(this).position();
		div.css({left : pos.left + 6, top : pos.top + $(this).height()}) // přemístíme ho k levému spodnímu rohu buňky
		
		div.show(); // a zobrazíme ho
		
		return false;
	}, function() { // a při vyjetí z buňky spustíme odpočet do zmizení
		events_div_timeout = setTimeout("hideEventsDetail()", 2000);
	});
	
	$("div#events_detail").mouseover(function(e) { // při najetí na divík s detailem zrušíme timeout zmizení
		clearTimeout(events_div_timeout);
	}).mouseout(function(e) { // a při vyjetí z něj ho zase spustíme
		events_div_timeout = setTimeout("hideEventsDetail()", 2000);
	});
});

function hideEventsDetail() {
	$("div#events_detail").hide();
}