function findLeft(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
		}
	}
	return curleft;
}

function findTop(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curtop += obj.offsetTop
		}
	}
	return curtop;
}


function ajout_evenement(elem, type_even, fct)
{  // event_listener cross browser
	if(elem.addEventListener)
	{
		elem.addEventListener(type_even, fct, false);
		return true;
	}
	else if(elem.attachEvent)
	{
		return elem.attachEvent('on'+type_even,fct);
	}
	else
	{
		el['on'+type_elem]=fct;
	}
}

function detail_jour(event)
{
	var cible=null;
	if (window.event && window.event.srcElement) cible = window.event.srcElement;
	else if (event && event.target) cible = event.target;
	
	while(cible && cible.className != 'jour_normal' && cible.className != 'weekend' && cible.className != 'today' && cible.className != 'weekend_today')
		cible = cible.parentNode;
	
	if(cible != null)
	{
		var mois = cible.getElementsByTagName('span')[1];
		var contenu = cible.getElementsByTagName('div')[0];
		if(contenu.innerHTML != '')
		{
			document.getElementById('detail_jour').innerHTML = '<h3>'+mois.innerHTML+'</h3><div class="contenu">'+contenu.innerHTML+'</div>';
			document.getElementById('detail_jour').style.display='block';
			document.getElementById('detail_jour').style.position='absolute';
			document.getElementById('detail_jour').style.top=findTop(cible) + 'px';
			document.getElementById('detail_jour').style.left=findLeft(cible) + 'px';
		}
	}
}

function cacher_detail(e)
{
	document.getElementById('detail_jour').style.display='none';
}

var case_jour = document.getElementById('calendrier').getElementsByTagName('td');
var i=0;
for( i=0 ; i < case_jour.length  ; i++)
	ajout_evenement(case_jour[i], 'mouseover', detail_jour);
	
ajout_evenement(document.getElementsByTagName('body')[0], 'click', cacher_detail);