// ce script nécéssite jquery (jquery.js)
// l'inclusion de jquery doit venir avant ce script dans le code

$(function(){ //onload
	$("#col_trois .calendar .jours td:has(a)").bind("mouseover", function(){ // pour les td ayant un <a> comme enfant, attacher une fonction a l'event mouseover
		content = $("em",this).html(); 									// prendre le contenu de la balise <em>
		$(".tooltip").html("<em>" + content + "</em>"); 				// l'insérer dans le div avec la class tooltip
	});
	
	$("#col_trois .calendar .jours td:has(a)").bind("mouseout", function(){	// attacher une fonction a l'événement mouseout
		$(".tooltip").html("");											// vider le div
	});
	
	
	
	$("span[id*=ColCal]").each(function(i){
		$(".calendar .jours td:has(a)", this).attr("rel",i+1);
		$(".calendar .jours td:has(a)", this).bind("mouseover", function(){ 
			content = $("em",this).html(); 
			$(".tooltip"+$(this).attr("rel")).html("<em>" + content + "</em>"); 			
		});
		$(".calendar .jours td:has(a)", this).bind("mouseout", function(){	
			$(".tooltip"+$(this).attr("rel")).html("");										
		});							
	})
	/*$("span[id*=ColCal] .calendar .jours td:has(a)", this).bind("mouseover", function(){ 
		
		content = $("em",this).html(); 									
		$(".tooltip").html("<em>" + content + "</em>"); 			
	});
	
	$("div[id*=ColCal] .calendar .jours td:has(a)", this).bind("mouseout", function(){	
		$(".tooltip").html("");										
	});*/
	
	
});