var events;
var descriptions;

function initEvents() {
	events = $('calendar').getElementsByClassName('event');
	descriptions = $('calendar').getElementsByClassName('description');
	
	for (z = 0; z < events.length; z++) {
		events[z].style.cursor = "pointer";
		events[z].index = z;
		events[z].onmouseover = function(e) {
			descriptions[this.index].style.display = "inline";
			//Effect.Appear(descriptions[this.index], {duration: 0.5});
			var descX = Position.cumulativeOffset(descriptions[this.index])[0];
			if (descriptions[this.index].getWidth() * descriptions[this.index].getHeight() > 3000) {
				descriptions[this.index].style.width = 300 + "px";
			}
			if (Position.cumulativeOffset(descriptions[this.index])[0] + descriptions[this.index].getWidth() > document.body.clientWidth) {
				var rightX = -((document.body.clientWidth - 960) / 2);
				descriptions[this.index].style.left = "";
				descriptions[this.index].style.right = rightX + "px";
			}
			else {
				descriptions[this.index].style.right = "";
				descriptions[this.index].style.left = Position.positionedOffset(this)[0] + "px";
			}
		}
		events[z].onmouseout = function(e) {
			descriptions[this.index].style.display = "none";
		}
	}
}

Event.observe(window, 'load', initEvents);