var currentDisplay;

function displayDate(date)
{
	var requestedDateDiv = document.getElementById(date);
	var divOffset;
	
	if (currentDisplay)
	{
		document.getElementById(currentDisplay).style.display = 'none';
	}
	
	requestedDateDiv.style.display = 'block';
	requestedDateDiv.style.top = 0;
	
	var divTop = getYCoord(requestedDateDiv);
	var scrollTop = 0;
	if (document.documentElement.scrollTop != 'undefined' && document.documentElement.scrollTop > 0)
	{
		scrollTop = document.documentElement.scrollTop;
	}
	else if (document.body.scrollTop != 'undefined' && document.body.scrollTop > 0)
	{
		scrollTop = document.body.scrollTop;
	}
	var winHeight = document.documentElement.clientHeight;
	var divHeight = requestedDateDiv.offsetHeight;
	
	if (divTop + divHeight > scrollTop + winHeight + 10)
	{
		divOffset = (scrollTop + winHeight) - (divTop + divHeight) - 10;
		requestedDateDiv.style.top = divOffset + 'px';
	}
	
	currentDisplay = date;
}

function getYCoord(el) {
	y = 0;
	while(el){
		y += el.offsetTop;
		el = el.offsetParent;
	}
	return y;
}


function hideDate(date, e)
{
	if (!e) var e = window.event;
	var tg = (window.event) ? e.srcElement : e.target;
	if (tg.nodeName != 'DIV') return;
	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
	while (reltg != tg && reltg.nodeName != 'BODY')
		reltg= reltg.parentNode;
	if (reltg== tg) return;
	//alert(reltg.nodeName);
	// Mouseout took place when mouse actually left layer
	// Handle event

	document.getElementById(date).style.display = 'none';
}