// Objet Date utilise par les differentes fonctions
var Date_Calendar = new Date();
var WeekDay = new Array('Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi');
var DateSuffix = new Array('','er');
var Months = new Array('janvier','f\u00E9vrier','mars','avril','mai','juin','juillet','ao\u00FBt','septembre','octobre','novembre','d\u00E9cembre');
// 
// Fonctions AJAX
//

//Variable de objet requete
var Request_Activities = null;

//Function creant objet de requete
function Create_Request_Activities() {

	try {
		Request_Activities = new XMLHttpRequest();
	} catch (trymicrosoft) {
		try {
			Request_Activities = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (othermicrosoft) {
			try {
				Request_Activities = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (failed) {
				Request_Activities = null;
			}
		}
	}
};

// Fonction qui va chercher les activites en Ajax
function Get_Activities(year,month) {
	//Parametre de date
	if (year != null) {
		Date_Calendar.setFullYear(year);
	} else {
		year = Date_Calendar.getFullYear();
	};
	if (month != null) {
		Date_Calendar.setMonth(month-1);
	} else {
		month = Date_Calendar.getMonth()+1;
	};
	Date_Calendar.setDate(1);
	Date_Calendar.setHours(0,0,0,0);
	
	//Efface le calendrier actuel
	Erase_Calendar();
	
	//Affiche le message veuillez patienter
	Show_Wait_Message();
	
	//Cree objet requete si pas deja cree
	if (Request_Activities == null) 
		Create_Request_Activities();
	//Si la creation a reussie, on va chercher les donnees
	if (Request_Activities != null) {
		//Va chercher les donnees
		var url = "/calendrier_files/includes/get_month_activities.php?year="+escape(Date_Calendar.getFullYear())+"&month="+escape(Date_Calendar.getMonth()+1)+"&dummy="+new Date().getTime();
		Request_Activities.open("GET", url, true);
		Request_Activities.onreadystatechange = Request_Activities_StateChange;
		Request_Activities.send(null);
	} else {
		//Si objet request est null, on desinne tout de suite le calendrier
		Draw_Calendar();
	};
};

//Fonction qui recoit les activites de la requête Ajax
function Request_Activities_StateChange() {
	// Une fois la requete completee, on redesinne le calendrier
	if (Request_Activities.readyState==4) {		
		if (Request_Activities.status==200) {
			// Si la requete est revenue correctement, on traite les activites reçues
			Array_Month_Activities = eval('('+Request_Activities.responseText+')');
		} else {
			// Erreur
		};
		Draw_Calendar();
	};
};


/* Fonctions de gestion des donnees du calendrier */


//Objet contenant les activites du mois en cours
var Array_Month_Activities = null;

//Fonction qui retourne un array des activites une journee
function Get_Day_Activities(ActivitiesDate) {	
	if (Array_Month_Activities != null) {
		var Array_Day_Activities = new Array();
		var i = 0;
		for(i = 0;i < Array_Month_Activities.length;i++) {
			if (Array_Month_Activities[i].date == (ActivitiesDate.getFullYear()+"-"+((ActivitiesDate.getMonth()+1)<10?"0"+(ActivitiesDate.getMonth()+1):(ActivitiesDate.getMonth()+1))+"-"+((ActivitiesDate.getDate())<10?"0"+(ActivitiesDate.getDate()):(ActivitiesDate.getDate())))) {
				Array_Day_Activities.push(Array_Month_Activities[i]);
			};
		};
		return Array_Day_Activities;
	} else {
		return null;
	};
};

/* Fonctions affichage generale */

//Variables globales pour affichage du block
var Block_Scroll_Positions;


function Get_Window_Dimensions() {
	//Obtiens la largeur et hauteur interieur de la fenetre selon le navigateur
	var Window_Width = 0, Window_Height = 0;
	if( typeof( window.innerWidth ) == 'number' ) { 
		//Non-IE
		Window_Width = window.innerWidth;
		Window_Height = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in standards compliant mode
		Window_Width = document.documentElement.clientWidth;
		Window_Height = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		Window_Width = document.body.clientWidth;
		Window_Height = document.body.clientHeight;
	};
	return [Window_Width, Window_Height];
};

function Get_Scroll_Positions() {
	var scrOfX = 0, scrOfY = 0;
 	if( typeof( window.pageYOffset ) == 'number' ) {
    	//Netscape compliant
    	scrOfY = window.pageYOffset;
    	scrOfX = window.pageXOffset;
  	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    	//DOM compliant
    	scrOfY = document.body.scrollTop;
    	scrOfX = document.body.scrollLeft;
  	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    	//IE6 standards compliant mode
    	scrOfY = document.documentElement.scrollTop;
    	scrOfX = document.documentElement.scrollLeft;
  	}
  	return [ scrOfX, scrOfY ];
};

/*Fonctions affichage du calendrier*/

//Efface le calendrier, Les semaines du mois en cours
function Erase_Calendar() {
	var i = 1;
	//Vide array des activites
	Array_Activities = null;
	while (Calendar_Week = document.getElementById("Calendar_Week"+i)) {
		Calendar_Week.parentNode.removeChild(Calendar_Week);
		i++;
	};
};

// Affiche le message Veuillez patientez dans le calendrier
function Show_Wait_Message() {
	//Desactive les menus deroulants pour eviter de lancer 2 requetes en meme temps
	Calendar_Select_Month = document.getElementById("Calendar_Select_Month");
	Calendar_Select_Month.disabled = true;
	Calendar_Select_Year = document.getElementById("Calendar_Select_Year");
	Calendar_Select_Year.disabled = true;
	//Cree le message
	WaitRow = CreateRow("Calendar_Wait_Message");
	WaitCell = CreateFillerCell(7);
	WaitText = document.createTextNode("Veuillez patientez...");
	WaitCell.appendChild(WaitText);
	WaitRow.appendChild(WaitCell);
	var Calendar_Footer = document.getElementById("Calendar_Footer");
	Calendar_Footer.parentNode.insertBefore(WaitRow,Calendar_Footer);
};

// Efface le message Veuillez patientez
function Erase_Wait_Message() {
	//Reactive les menus deroulants 
	Calendar_Select_Month = document.getElementById("Calendar_Select_Month");
	Calendar_Select_Month.disabled = false;
	Calendar_Select_Year = document.getElementById("Calendar_Select_Year");
	Calendar_Select_Year.disabled = false;
	CalendarWait = document.getElementById('Calendar_Wait_Message');
	if (CalendarWait != null) 
		CalendarWait.parentNode.removeChild(CalendarWait);
};


//Cree une rangee dans la table
function CreateRow(RowId) {
	CurrentRow = document.createElement("TR");
	CurrentRow.setAttribute("id",RowId);
	return CurrentRow;

};

//Cree des cellules Filler quand le mois ne commence pas un lundi ou ne finit pas un dimanche
function CreateFillerCell(ColSpan) {
	FillerCell = document.createElement("TD");
	FillerCell.setAttribute("colSpan",ColSpan);
	FillerCell.innerHTML = "&nbsp;";
	FillerCell.className = "Calendar_filler_cell";
	return FillerCell;
};

//Cree une la cellule pour une journee
function CreateDayCell(CellDate) {
	var Array_Day_Activities = null;
	DayCell = document.createElement("TD");
	DayCell.setAttribute("id","Calendar_Day_"+(CellDate.getFullYear()+"-"+((CellDate.getMonth()+1)<10?"0"+(CellDate.getMonth()+1):(CellDate.getMonth()+1))+"-"+((CellDate.getDate())<10?"0"+(CellDate.getDate()):(CellDate.getDate()))));
	//Va chercher array des activites de cette journee
	Array_Day_Activities = Get_Day_Activities(CellDate);
	if ((Array_Day_Activities != null) && (Array_Day_Activities.length>0)) {
		//Il y a des activites pour cette journee, ajoute un onclick
		//DayCell.onclick=Show_Calendar_Date;
		DayCell.onclick=function() {
			Show_Calendar_Date(this.id.substring(this.id.length-10,this.id.length-6),this.id.substring(this.id.length-5,this.id.length-3)-1,this.id.substring(this.id.length-2,this.id.length));
	    };
		DayCell.className = "Calendar_Day_With_Activities";
		//Trouve toutes les class possibles
		for (i=0; i<Array_Day_Activities.length; i++) {

			if (Array_Day_Activities[i].classe_css != '') {
	           DayCell.className = DayCell.className+' '+Array_Day_Activities[i].classe_css;
			};
		};
	} else {
		DayCell.className = "Calendar_Day_No_Activities";
	};
	DayCellText = document.createTextNode(CellDate.getDate());
	DayCell.appendChild(DayCellText);
	return DayCell;
};

//Affiche le calendrier pour le mois de Date_Calendar
function Draw_Calendar() {
	//Mois actuel	
	month = Date_Calendar.getMonth();
	//Semaine actuel dans le mois
	var CurrentWeek = 1;

	//Efface le message veuillez patienter
	Erase_Wait_Message();
	
	//Affiche le calendrier

	//Obtient la table Calendrier
	var Calendar_Table = document.getElementById("Calendar_Table");
	//Obtient le bas du Calendrier
	var Calendar_Footer = document.getElementById("Calendar_Footer");

	//Filler pour debut du mois
	if (Date_Calendar.getDay() != 0) {
		BeginColSpan = Date_Calendar.getDay()-1;
	} else {
		BeginColSpan = 6;
	};
	if (BeginColSpan != 0) {
		//Cree le filler de debut de mois
		CurrentWeekRow = CreateRow("Calendar_Week"+CurrentWeek);
		BeginFillerCell = CreateFillerCell(BeginColSpan);
		CurrentWeekRow.appendChild(BeginFillerCell);
	};
	while (Date_Calendar.getMonth() == (month)) {
		if (Date_Calendar.getDay() == 1) {
			//Commence une semaine
			CurrentWeekRow = CreateRow("Calendar_Week"+CurrentWeek);
		};
		DayCell = CreateDayCell(Date_Calendar);
		CurrentWeekRow.appendChild(DayCell);
		if (Date_Calendar.getDay() == 0) {
			//Fini la semaine
			Calendar_Footer.parentNode.insertBefore(CurrentWeekRow,Calendar_Footer);
			CurrentWeek++;
		};
		Date_Calendar.setDate(Date_Calendar.getDate()+1);
	};
	//Filler pour fin du mois
	EndColSpan = (7 - Date_Calendar.getDay() + 1)%7;
	if (EndColSpan > 0) {
		EndFillerCell = CreateFillerCell(EndColSpan);
		CurrentWeekRow.appendChild(EndFillerCell);
		Calendar_Footer.parentNode.insertBefore(CurrentWeekRow,Calendar_Footer);
	};

};

//Affiche les activites une journee quand on clique sur celle-ci
function Show_Calendar_Date(Y,M,D) {
	//Trouve la date de element clique selon ID de celle-ci
	ElementDate = new Date(Y,M,D);
	//Obtient les activites de cette date
	Array_Day_Activities = Get_Day_Activities(ElementDate);
	if (Array_Day_Activities != null && Array_Day_Activities.length>0) {
		//Affiche le block contenant les details sur la journee
		//Obtient les donnees sur les scrolls et les sauvegarde pour reaffichage
		Block_Scroll_Positions = Get_Scroll_Positions();
		
		//Obtient les dimensions de la fenetre
		Window_Dimensions = Get_Window_Dimensions();

		//Affiche le block avec les donnees de la date
		Date_Block = document.getElementById("Calendar_Date_Block");
		if (Date_Block != null) {
			//POUR NE PAS QUE LES SELECTS APPARAISSENT PAR-DESSUS LE THICKBOX
        	Date_Block.innerHTML = '<!--[if lte IE 6]><iframe class="popup-div-ie6"></iframe><![endif]-->';
			//Date_Block.onclick=Hide_Calendar_Date;
			//Entete FERMER du block
			Block_Close_Div = document.createElement("DIV");
			Block_Close_Div.setAttribute("id","Calendar_Date_Block_Close_Header");
			Block_Close_A_Fermer = document.createElement("A");
			Block_Close_A_Fermer.appendChild(document.createTextNode("Fermer X"));
			Block_Close_A_Fermer.onclick = Hide_Calendar_Date;
			Block_Close_Div.appendChild(Block_Close_A_Fermer);
			Date_Block.appendChild(Block_Close_Div);
            
			date_du_jour_texte = WeekDay[ElementDate.getDay()]+' '+ElementDate.getDate()+(DateSuffix[ElementDate.getDate()]!=null?DateSuffix[ElementDate.getDate()]:'')+' '+Months[ElementDate.getMonth()]+' '+ElementDate.getFullYear();
			//Affiche chacune des activites du block
			for (var i = 0; i < 1;i++) {
            	//Bloc qui contient tout le contenu
                Block_Contenu_Div = document.createElement("DIV");
                //Background du contenu
                Block_Contenu_Div.setAttribute("id","activitees-bannieres");
                Block_Contenu_Div.style.backgroundImage = "url(" + Array_Day_Activities[i].type_image_src + ")";
                Block_Contenu_Div.style.backgroundRepeat = "no-repeat";
                Block_Contenu_Div.style.left = "0px";
                Block_Contenu_Div.style.paddingBottom = "0px";
                             
                //Div de la bannière de points
                Block_Contenu_Bannieres_Points_Div = document.createElement("DIV");
                Block_Contenu_Bannieres_Points_Div.setAttribute("id","activitees-bannieres-points");
                
                //Div des activités de la bannière
                Block_Contenu_Bannieres_Activites_Div = document.createElement("DIV");
                Block_Contenu_Bannieres_Activites_Div.setAttribute("id","activitees-bannieres-texte");
                
                //Div du type d'activité
                //Block_Contenu_Type_Activites_Div = document.createElement("DIV");
                //Block_Contenu_Type_Activites_Div.setAttribute("id","avis");
                //Block_Contenu_Type_Activites_Div.innerHTML = Array_Day_Activities[i].type;
                
                //Titre de l'activite
                Block_H1_titre = document.createElement("H1");
				Block_H1_titre.innerHTML = Array_Day_Activities[i].titre;
                
                //Div de la date header
                Block_Contenu_Date_Header_Activites_Div = document.createElement("DIV");
                Block_Contenu_Date_Header_Activites_Div.setAttribute("id","date");
                Block_Contenu_Date_Header_Activites_Div.innerHTML = "Date : ";
                
                //Span de la date
                Block_Contenu_Date_Activites_Span = document.createElement("SPAN");
                Block_Contenu_Date_Activites_Span.innerHTML = date_du_jour_texte + (Array_Day_Activities[i].heure_debut!='00:00:00' ? " &agrave; " + Array_Day_Activities[i].heure_debut : "");
                Block_Contenu_Date_Header_Activites_Div.appendChild(Block_Contenu_Date_Activites_Span);
				
                //Div du lieu header
                Block_Contenu_Lieu_Header_Activites_Div = document.createElement("DIV");
                Block_Contenu_Lieu_Header_Activites_Div.setAttribute("id","lieu");
				if (Array_Day_Activities[i].lieu != "") {;
                	Block_Contenu_Lieu_Header_Activites_Div.innerHTML = "Lieu : ";
                
	                //Span du lieu
    	            Block_Contenu_Lieu_Activites_Span = document.createElement("SPAN");
        	        Block_Contenu_Lieu_Activites_Span.innerHTML = Array_Day_Activities[i].lieu;
            	    Block_Contenu_Lieu_Header_Activites_Div.appendChild(Block_Contenu_Lieu_Activites_Span);
				};
                
                //Div inscription
                Block_Contenu_Inscription_Div = document.createElement("DIV");
                Block_Contenu_Inscription_Div.setAttribute("id","activitees-bannieres-bouton");
				if (Array_Day_Activities[i].inscription=="Y") {
					if (Array_Day_Activities[i].formulaire=="formations") {
						Get_Name = "formation";
					} else {
						Get_Name = "activite";
					};
                	Block_Contenu_Inscription_Div.innerHTML = '<a href="https://www.ccivr.com/' + Array_Day_Activities[i].formulaire + '/?' + Get_Name + '='+Array_Day_Activities[i].no_calendrier+'"><img name="bt-input-activites" onMouseOver="MM_swapImage(\'bt-input-activites\',\'\',\'/themes/ccivr/grafx/bt-input-activites-on.png\',1)" onMouseOut="MM_swapImgRestore()" src="/themes/ccivr/grafx/bt-input-activites.png" border="0"></a>';
				};
                
                Block_Contenu_Div.appendChild(Block_Contenu_Bannieres_Points_Div);
                //Block_Contenu_Bannieres_Activites_Div.appendChild(Block_Contenu_Type_Activites_Div);
                Block_Contenu_Bannieres_Activites_Div.appendChild(Block_H1_titre);
                //Block_Contenu_Bannieres_Activites_Div.innerHTML += "<br /><br />";
                Block_Contenu_Bannieres_Activites_Div.appendChild(Block_Contenu_Date_Header_Activites_Div);
                Block_Contenu_Bannieres_Activites_Div.appendChild(Block_Contenu_Lieu_Header_Activites_Div);
                Block_Contenu_Bannieres_Activites_Div.appendChild(Block_Contenu_Inscription_Div);
                
                Block_Contenu_Div.appendChild(Block_Contenu_Bannieres_Activites_Div);
                Date_Block.appendChild(Block_Contenu_Div);
                
                //Deuxieme bloc pour description de activite
				if (Array_Day_Activities[i].description!=""&&Array_Day_Activities[i].description!="<p>&nbsp;</p>"&&Array_Day_Activities[i].description!="&nbsp;") {
					Block_Contenu_Des_Div = document.createElement("DIV");
					Block_Contenu_Des_Div.setAttribute("id","activitees-description");
					Block_Contenu_Des_Div.innerHTML = Array_Day_Activities[i].description;
					Date_Block.appendChild(Block_Contenu_Des_Div);
				};
                
			};
			//Affiche le block popup
			Date_Block.style.display = "block";
			
			//Centre le block dans la fenetre
			//Left ((Largeur de fenêtre - Largeur du block) / 2) + Position de scroll gauche
			Date_Block.style.left = (Math.round((Window_Dimensions[0]-Date_Block.offsetWidth)/2)+Block_Scroll_Positions[0])+"px";
			//Top ((Hauteur de fenêtre - hauteur du block)/2) + Position du scroll top
			Date_Block.style.top = (Math.round((Window_Dimensions[1]-Date_Block.offsetHeight)/2)+Block_Scroll_Positions[1])+"px";
			
			//On definit element body comme block
			document.body.style.display = 'block';
			
			//Affiche le block de Background		
			Block_Background = document.getElementById("Calendar_Block_Background");
			if (Block_Background != null) {
				//On affiche le fond du pop-up
				Block_Background.style.display = "block";
				Block_Background.style.top = "0px";
				Block_Background.style.left = "0px";
				Block_Background.style.width = Window_Dimensions[0]+"px";
				
				if (document.getElementById('pied')!=null) {
					//Position, hauteur du pied
					var PosPied = document.getElementById('pied').offsetTop; 
					var HautPied = document.getElementById('pied').offsetHeight;
				} else {
					var PosPied = 0; 
					var HautPied = 0;
				};
				
				//On definit la hauteur de fond du popup
				if( (PosPied + HautPied) > Window_Dimensions[1] ) {
					//Si le contenu de la page est plus grand que la fenetre
					Block_Background.style.height = PosPied + HautPied + 'px'; 
				} else {
					//Si le contenu de la page est plus petit que la fenetre
					Block_Background.style.height = Window_Dimensions[1] + 'px'; 
				}
			};			
		};
	} else {
		//va chercher les infos de la journée demandé
		Get_Activities_Day(Y,(M-1),D);
	};
	// Return false, pour ne pas que le navigateur ne suive le lien
	//return false;
};

function Hide_Calendar_Date() {
	// Cache le block avec les donnees de la date
	Date_Block = document.getElementById("Calendar_Date_Block");
	if (Date_Block != null) {
		//Efface le contenu du block
		while (Date_Block.childNodes.length > 0) {
			Date_Block.removeChild(Date_Block.childNodes[0]);
		};
		//Cache le block
		Date_Block.style.display = "none";
		
	};
	//Cache le Block de background
	Block_Background = document.getElementById("Calendar_Block_Background");
	if (Block_Background != null) {
		Block_Background.style.display = "none";
	};
	
	//Rescroll a la bonne position dans la page
	window.scrollTo(Block_Scroll_Positions[0],Block_Scroll_Positions[1])
	
	//return false pour ne pas suivre les liens;
	return false;
};

function CreateSelectOptionYear () {
	CurrentYear = new Date();
	Year = CurrentYear.getFullYear();
	//Trouve le select
	Select = document.getElementById('Calendar_Select_Year');
	for (i=0; i<5; i++) {
		Select_Option = document.createElement("OPTION");
		Select_Option.text = parseFloat(Year)+i;
		Select_Option.value = parseFloat(Year)+i;
		if (i==0) {
			Select_Option.selected = true;
		};
		//Ajoute option au select
		try {
			Select.add(Select_Option,null);// standards compliant
		} catch(ex) {
			Select.add(Select_Option);// IE only
		};
	};
		
};

function SelectCurrentMonth() {
	CurrentMonth = new Date();
	Month = CurrentYear.getMonth();
	//Trouve le select
	Select = document.getElementById('Calendar_Select_Month');
	if (Select!="") { 
		for (i=0; i<Select.length; i++) {
			if (Select.options[i].value == parseFloat(Month)+1) {
				Select.options[i].selected=true;
				i = Select.length;
			};
		};
	} else {
		Select.options[Select.length-1].selected=true;
	};
};

//Fonction pour les activites une seule journee

// Fonction qui va chercher les activites en Ajax
function Get_Activities_Day(year,month,day) {
	//Cree objet requete si pas deja cree
	if (Request_Activities == null) 
		Create_Request_Activities();
	//Si la creation a reussie, on va chercher les donnees
	if (Request_Activities != null) {
		//Va chercher les donnees
		var url = "/calendrier_files/includes/get_day_activities.php?year="+escape(year)+"&month="+escape(month+1)+"&day="+escape(day)+"&dummy="+new Date().getTime();
		Request_Activities.open("GET", url, true);
		Request_Activities.onreadystatechange = Request_Activities_Day_StateChange;
		Request_Activities.send(null);
	};
};

//Fonction qui recoit les activites de la requête Ajax
function Request_Activities_Day_StateChange() {
	if (Request_Activities.readyState==4) {		
		if (Request_Activities.status==200) {
			// Si la requete est revenue correctement, on traite les activites reçues
			Array_Special_Day_Activities = eval('('+Request_Activities.responseText+')');
			//Affiche le thickbox de l activite
			if (Array_Special_Day_Activities != null && Array_Special_Day_Activities.length>0) {
				
				Y=Array_Special_Day_Activities[0].date.substring(Array_Special_Day_Activities[0].date.length-10,Array_Special_Day_Activities[0].date.length-6);
				M=Array_Special_Day_Activities[0].date.substring(Array_Special_Day_Activities[0].date.length-5,Array_Special_Day_Activities[0].date.length-3)-1;
				D=Array_Special_Day_Activities[0].date.substring(Array_Special_Day_Activities[0].date.length-2,Array_Special_Day_Activities[0].date.length);
				//Trouve la date de element
				ElementDate = new Date(Y,M,D);
				
				//Affiche le block contenant les details sur la journee
				//Obtient les donnees sur les scrolls et les sauvegarde pour reaffichage
				Block_Scroll_Positions = Get_Scroll_Positions();
				
				//Obtient les dimensions de la fenetre
				Window_Dimensions = Get_Window_Dimensions();
				
				//Affiche le block avec les donnees de la date
				Date_Block = document.getElementById("Calendar_Date_Block");
				if (Date_Block != null) {
					//POUR NE PAS QUE LES SELECTS APPARAISSENT PAR-DESSUS LE THICKBOX
		        	Date_Block.innerHTML = '<!--[if lte IE 6]><iframe class="popup-div-ie6"></iframe><![endif]-->';
					//Date_Block.onclick=Hide_Calendar_Date;
					//Entete FERMER du block
					Block_Close_Div = document.createElement("DIV");
					Block_Close_Div.setAttribute("id","Calendar_Date_Block_Close_Header");
					Block_Close_A_Fermer = document.createElement("A");
					Block_Close_A_Fermer.appendChild(document.createTextNode("Fermer X"));
					Block_Close_A_Fermer.onclick = Hide_Calendar_Date;
					Block_Close_Div.appendChild(Block_Close_A_Fermer);
					Date_Block.appendChild(Block_Close_Div);
		            
					date_du_jour_texte = WeekDay[ElementDate.getDay()]+' '+ElementDate.getDate()+(DateSuffix[ElementDate.getDate()]!=null?DateSuffix[ElementDate.getDate()]:'')+' '+Months[ElementDate.getMonth()]+' '+ElementDate.getFullYear();
					//Affiche chacune des activites du block
					for (var i = 0; i < 1;i++) {
		            
		            
		            
		            	//Bloc qui contient tout le contenu
		                Block_Contenu_Div = document.createElement("DIV");
		                //Background du contenu
		                Block_Contenu_Div.setAttribute("id","activitees-bannieres");
		                Block_Contenu_Div.style.backgroundImage = "url(" + Array_Special_Day_Activities[i].type_image_src + ")";
		                Block_Contenu_Div.style.backgroundRepeat = "no-repeat";
		                Block_Contenu_Div.style.left = "0px";
		                Block_Contenu_Div.style.paddingBottom = "0px";
		                             
		                //Div de la bannière de points
		                Block_Contenu_Bannieres_Points_Div = document.createElement("DIV");
		                Block_Contenu_Bannieres_Points_Div.setAttribute("id","activitees-bannieres-points");
		                
		                //Div des activités de la bannière
		                Block_Contenu_Bannieres_Activites_Div = document.createElement("DIV");
		                Block_Contenu_Bannieres_Activites_Div.setAttribute("id","activitees-bannieres-texte");
		                
		                //Div du type d'activité
		                //Block_Contenu_Type_Activites_Div = document.createElement("DIV");
		                //Block_Contenu_Type_Activites_Div.setAttribute("id","avis");
		                //Block_Contenu_Type_Activites_Div.innerHTML = Array_Special_Day_Activities[i].type;
		                
		                //Titre de l'activite
		                Block_H1_titre = document.createElement("H1");
						Block_H1_titre.innerHTML = Array_Special_Day_Activities[i].titre;
		                
		                //Div de la date header
		                Block_Contenu_Date_Header_Activites_Div = document.createElement("DIV");
		                Block_Contenu_Date_Header_Activites_Div.setAttribute("id","date");
		                Block_Contenu_Date_Header_Activites_Div.innerHTML = "Date : ";
		                
		                //Span de la date
		                Block_Contenu_Date_Activites_Span = document.createElement("SPAN");
		                Block_Contenu_Date_Activites_Span.innerHTML = date_du_jour_texte + (Array_Special_Day_Activities[i].heure_debut!='00:00:00' ? " &agrave; " + Array_Special_Day_Activities[i].heure_debut : "");
		                Block_Contenu_Date_Header_Activites_Div.appendChild(Block_Contenu_Date_Activites_Span);
						
		                //Div du lieu header
		                Block_Contenu_Lieu_Header_Activites_Div = document.createElement("DIV");
		                Block_Contenu_Lieu_Header_Activites_Div.setAttribute("id","lieu");
						if (Array_Special_Day_Activities[i].lieu != "") {;
		                	Block_Contenu_Lieu_Header_Activites_Div.innerHTML = "Lieu : ";
		                
			                //Span du lieu
		    	            Block_Contenu_Lieu_Activites_Span = document.createElement("SPAN");
		        	        Block_Contenu_Lieu_Activites_Span.innerHTML = Array_Special_Day_Activities[i].lieu;
		            	    Block_Contenu_Lieu_Header_Activites_Div.appendChild(Block_Contenu_Lieu_Activites_Span);
						};
		                
		               //Div inscription
		                Block_Contenu_Inscription_Div = document.createElement("DIV");
		                Block_Contenu_Inscription_Div.setAttribute("id","activitees-bannieres-bouton");
						if (Array_Special_Day_Activities[i].inscription=="Y") {
							if (Array_Special_Day_Activities[i].formulaire=="formations") {
								Get_Name = "formation";
							} else {
								Get_Name = "activite";
							};
		                	Block_Contenu_Inscription_Div.innerHTML = '<a href="https://www.ccivr.com/' + Array_Special_Day_Activities[i].formulaire + '/?' + Get_Name + '='+Array_Special_Day_Activities[i].no_calendrier+'"><img name="bt-input-activites" onMouseOver="MM_swapImage(\'bt-input-activites\',\'\',\'/themes/ccivr/grafx/bt-input-activites-on.png\',1)" onMouseOut="MM_swapImgRestore()" src="/themes/ccivr/grafx/bt-input-activites.png" border="0"></a>';
						};
		                
		                Block_Contenu_Div.appendChild(Block_Contenu_Bannieres_Points_Div);
		                //Block_Contenu_Bannieres_Activites_Div.appendChild(Block_Contenu_Type_Activites_Div);
		                Block_Contenu_Bannieres_Activites_Div.appendChild(Block_H1_titre);
		                //Block_Contenu_Bannieres_Activites_Div.innerHTML += "<br /><br />";
		                Block_Contenu_Bannieres_Activites_Div.appendChild(Block_Contenu_Date_Header_Activites_Div);
		                Block_Contenu_Bannieres_Activites_Div.appendChild(Block_Contenu_Lieu_Header_Activites_Div);
		                Block_Contenu_Bannieres_Activites_Div.appendChild(Block_Contenu_Inscription_Div);
		                
		                Block_Contenu_Div.appendChild(Block_Contenu_Bannieres_Activites_Div);
		                Date_Block.appendChild(Block_Contenu_Div);
		                
		                //Deuxieme bloc pour description de activite
						if (Array_Special_Day_Activities[i].description!=""&&Array_Special_Day_Activities[i].description!="<p>&nbsp;</p>"&&Array_Special_Day_Activities[i].description!="&nbsp;") {
							Block_Contenu_Des_Div = document.createElement("DIV");
							Block_Contenu_Des_Div.setAttribute("id","activitees-description");
							Block_Contenu_Des_Div.innerHTML = Array_Special_Day_Activities[i].description;
							Date_Block.appendChild(Block_Contenu_Des_Div);
						};
		                
					};
					//Affiche le block popup
					Date_Block.style.display = "block";
					
					//Centre le block dans la fenetre
					//Left ((Largeur de fenêtre - Largeur du block) / 2) + Position de scroll gauche
					Date_Block.style.left = (Math.round((Window_Dimensions[0]-Date_Block.offsetWidth)/2)+Block_Scroll_Positions[0])+"px";
					//Top ((Hauteur de fenêtre - hauteur du block)/2) + Position du scroll top
					Date_Block.style.top = (Math.round((Window_Dimensions[1]-Date_Block.offsetHeight)/2)+Block_Scroll_Positions[1])+"px";
					
					//On definit element body comme block
					document.body.style.display = 'block';
					
					//Affiche le block de Background		
					Block_Background = document.getElementById("Calendar_Block_Background");
					if (Block_Background != null) {
						//On affiche le fond du pop-up
						Block_Background.style.display = "block";
						Block_Background.style.top = "0px";
						Block_Background.style.left = "0px";
						Block_Background.style.width = Window_Dimensions[0]+"px";
						
						if (document.getElementById('pied')!=null) {
							//Position, hauteur du pied
							var PosPied = document.getElementById('pied').offsetTop; 
							var HautPied = document.getElementById('pied').offsetHeight;
						} else {
							var PosPied = 0; 
							var HautPied = 0;
						};
						
						//On definit la hauteur de fond du popup
						if( (PosPied + HautPied) > Window_Dimensions[1] ) {
							//Si le contenu de la page est plus grand que la fenetre
							Block_Background.style.height = PosPied + HautPied + 'px'; 
						} else {
							//Si le contenu de la page est plus petit que la fenetre
							Block_Background.style.height = Window_Dimensions[1] + 'px'; 
						}
					};			
				};
			};
		} else {
			// Erreur
		};
	};
};