var timeout;


function open_window(arr_pos, x, y) {
	var el = new Element('div');
	var id = "calwin_"+ new Date().getTime();
	var h;
	if(items[arr_pos]) {
		h = (14*items[arr_pos].length)
	}	
	else {
		h = 0;
	}
	el.id = id;
	el.style.zIndex = 5;
	el.addClass('calwin');
	el.setStyles({
		width: 140,
		height: 88,
		top: y-105,
		left: x-140});
	var html = "<br>";
	if(typeof(items[arr_pos]) == "undefined")
		return;
	for(i = 0; i < items[arr_pos].length; i++) {
		html += items[arr_pos][i];
		html += "<br />\n";
	}
	el.innerHTML = html;
	el.injectInside(document.body);
	win = el;
	return;
}

function close_window() {
	if(typeof(win) == "undefined")
		return;
	win.setStyle('display', 'none');
	return;
}




function init() {
	var el = $$('table.calendar').getCoordinates();
	el = el['0'];
	var x = el.left;
	var y = el.height+el.top+10;
	$$('td.cal_day').each(function(td) {
		var day = td.firstChild.innerHTML;
		day = parseInt(day);
		td.addEvent('mouseenter', function(td) {
				var event = new Event(td);
				if(typeof(win) != "undefined") {
					close_window();
				}
				timeout = setTimeout("open_window("+day+", "+event.page.x+", "+event.page.y+")", 500);
		});
		td.addEvent('mouseleave', function() {
			clearTimeout(timeout);
			if(items[day] != undefined || typeof(win) != "undefined") {
				close_window()
			}
		});
	});
}

window.onDomReady(function () {
	init()   
	
 
});