function remplir_tooltip(data, titre) {

	$("#demotip").html("<table cellpadding=\"0\" cellspacing=\"0\"> <tr><td colspan=\"3\" class=\"top\"></td></tr> <tr><td valign=\"center\" class=\"gauche\"> </td><td valign=\"center\" class=\"centre\">"+titre+data+"</td></td><td valign=\"center\" class=\"droite\"></td></tr> <tr><td colspan=\"3\" class=\"bas\"><td></tr></table>");
	$('#demotip').bgiframe();
}


function reaffecte() {

	
	$(".lien_agenda").tooltip({ 
			position: "center right", 
			tip:"#demotip"
			//effect:"fade"
			// ... the rest of the configuration properties 
	});
	
	
		
	$(".lien_agenda").mouseover(function(){ 
	
		var datemysql=$(this).blur().attr('id');
		var temp=datemysql.split('-');
		var jour=temp[2]+ "";
		if(jour.length==1) {
			jour='0'+jour;
		} 
		var datefr=jour+'/'+temp[1]+'/'+temp[0];
	
		var texte="<span class=\"titre\">Les salons du "+datefr+"</span><br />";
	    
		
		$("#demotip").html("<table cellpadding=\"0\" cellspacing=\"0\"> <tr><td colspan=\"3\" class=\"top\"></td></tr> <tr><td valign=\"center\" class=\"gauche\"> </td><td valign=\"center\" class=\"centre\">"+texte+"<div align=\"center\"><br /><img src=\"/images/recrut/calendrier/ajax-loader.gif\" /></div></td></td><td valign=\"center\" class=\"droite\"></td></tr> <tr><td colspan=\"3\" class=\"bas\"><td></tr></table>");
		$('#demotip').bgiframe();
		//on fait ici une requête AJAX pour générer la liste des Salons
        $.get("/php_v4/ajax/listing_salons.php",{date: datemysql, theme: "Salon"},
        function success(data){ // au succès on renvoie le résultat de la requête
		remplir_tooltip(data, texte); // on l'affiche
		});
		

	});
	
	$(".lien_agenda").click(function(){ 
		return false;
	});

}

function remplirCalendrier(reponsejson) {
	   
       var data=reponsejson;
       //On place les liens suivants,précédents et le mois en cours
	   $('#link_suivant').removeAttr("class");
       $('#link_suivant').addClass(data.lien_suivant);
	  
	   $('#link_precedent').removeAttr("class");
       $('#link_precedent').addClass(data.lien_precedent);
       $('#calendrier_mois').html(data.mois_en_cours);
       //Maintenant, on affiche tous les jours du calendrier
       var compteur=1;
       var id='';
       while(compteur<43){
          id=compteur.toString();
		  
          $('#jour_'+id).html(data.calendrier[(compteur-1)].fill);
		  if($('#jour_'+id).children('span').hasClass('gris')) {
			$('#jour_'+id).removeAttr("class");
			$('#jour_'+id).addClass('cell_grise');
		  } else if ($('#jour_'+id).children('span').hasClass('aujourdhui')) {
			$('#jour_'+id).removeAttr("class");
			$('#jour_'+id).addClass('cell_today');
			
		} else if ($('#jour_'+id).children('span').hasClass('lien')) {
			$('#jour_'+id).removeAttr("class");
			$('#jour_'+id).addClass('cell_lien');
		  
		  } else {
			$('#jour_'+id).removeAttr("class");
			$('#jour_'+id).addClass('cell_calendrier');
		  }
          compteur++;
       }
	   
	   $('#chargement_calendrier').css("display","none");
	   $('.tab_calendrier').css("display","block");
	   
	   reaffecte();
}

function appelAjaxCalendrier(lemois,lannee) {
     $.get("/php_v4/ajax/calendrier.php", { mois: lemois, annee: lannee },
	function success(data){
		var reponse=data;
		remplirCalendrier(reponse);
	},"json"); 
}

$(document).ready(function () {
	var today = new Date();
	var lemois=today.getMonth()+1;
	var lannee=today.getFullYear();
	//alert (lemois+" "+lannee);
	$.get("/php_v4/ajax/calendrier.php", { mois: lemois, annee: lannee },
	function success(data){
		var reponse=data;
		
		remplirCalendrier(reponse);
	},"json"); 


	$("#link_suivant").click(function(){ 
			var valueTrigger=$(this).attr("class");
			var tab_retour=valueTrigger.split(':');
			var mois=tab_retour[0];
			var annee=tab_retour[1];
			appelAjaxCalendrier(mois,annee);
			return false;
			
	}); 
	
	$("#link_precedent").click(function(){ 
			var valueTrigger=$(this).attr("class");
			var tab_retour=valueTrigger.split(':');
			var mois=tab_retour[0];
			var annee=tab_retour[1];
			appelAjaxCalendrier(mois,annee);
			return false;
			
     
	}); 
	
	 
	
});