/* ECEDI - Linkbuilder
 * Javascript de gestion d'un calendrier.
 */
/* Créer un object date (sans paramètres => today), qui sera utilisé dans getHTMLDay, show_calendar */
var gNow = new Date();

/* Variable globale - la fenêtre du calendrier */
var ggWinCal;

/* Fonctions pour retourner les mois / annees precedentes et suivantes. */
function getNextMonth (mmI, yyI) {
	return((mmI == 11) ? 0 : parseInt(mmI)+1);
}
function getNextYear(mmI, yyI) {
	return((mmI == 11) ? parseInt(yyI)+1 : yyI);
}
function getPrevMonth(mmI, yyI) {
	return((mmI == 0) ? 11 : parseInt(mmI)-1);
}
function getPrevYear (mmI, yyI) {
	return((mmI == 0) ? parseInt(yyI)-1 : yyI);
}
/* Constructeur de l'objet calendar. */
function Calendar(formFieldCompleteName, iWinCal, mmI, yyI, iLanguage) {
	if ((mmI == null) && (yyI == null))
		return;
	if (iWinCal == null)
		this.gWinCal = ggWinCal;
	else
		this.gWinCal = iWinCal;
	//customise your calender here:
	this.gWeekendDays = [5,6]; 												//les jours du weekend (NB: lundi=0, dim=6)
	this.gBorderWidth = 1;													//largeur des bordures
	//images
	this.gGoGo = "▶▶";					//image ">>" ou texte
	this.gGo = "▶";						//image ">" ou texte
	this.gBack = "&#9664;";					//image "<" ou texte
	this.gBackBack = "&#9664;&#9664;";			//image "<<" ou texte
	this.gShim = "imgs/shim.gif";											//image shim (1px transparent)
	//styles
	var vStyle ="";
	vStyle += "<STYLE type=\"text/css\">";
	vStyle += "a{text-decoration:none;color:#000000}\n";								//liens
	vStyle += "body {font-family:Arial,Helvetica,sans-serif; font-size:14px}\n";			//Tout texte en dehors d'un tableau
	vStyle += "td {font-size:12px; text-align:center; background-color:#fff}\n";		//Tout ce qui se trouve dans un tableau
	vStyle += ".Today {color:#fff; background-color:#444; font-weight:bold}\n";								//La date du jour ...
	vStyle += ".Weekend{color:#000; background-color:#ddd}\n";					//Weekend
	vStyle += ".Header{color:#000; font-weight:bold; background-color:#ccc}\n";	//Headers (jours de la sem.)
	vStyle += ".InactiveDate{color:#999}\n";											//Dates à la fin du mois suivant
	vStyle += ".Border{background-color:#bbb}\n";
	vStyle += "</STYLE>";
	this.gStyle = vStyle;
	//autres ...
	this.gYear = yyI;
	this.gLanguage = iLanguage;									//langue - changer dans l'appel de la fonction depuis la page
	this.gMonthName = this.getMonth(mmI);  					//Nom du mois (en haut)
	this.gMonth = new Number(mmI);							//"id" du mois
	this.formFieldCompleteName = formFieldCompleteName;  									//textbox
	this.gSubmit = 0;										//est-ce qu'on soumet le formulaire? (1=oui, 0=non)
	this.gTitle = eval('Calendar.' + this.gLanguage + 'Title;');  //Title de la fenêtre
	var now = new Date();
	this.nowDD = now.getDate();
	this.nowMM = now.getMonth();
	this.nowYY = now.getFullYear();
}
// This is for compatibility with Navigator 3, we have to create and discard one object before the prototype object exists.
new Calendar();

// Tableau avec les mois de l'année - pour l'affichage du mois en haut du calendrier
Calendar.fMonths = ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"];
Calendar.eMonths = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
// Tableau des jours de la semaine - pour les titres dans le calendrier
Calendar.fDays = ["lun", "mar", "mer", "jeu", "ven", "sam", "dim"];
Calendar.eDays = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
// Nombre de jours par mois
Calendar.Mois = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Title de la fenêtre
Calendar.eTitle = "Calendar";
Calendar.fTitle = "Calendrier";

//Méthodes - elles sont héritées automatiquement, à chaque fois qu'une nouvelle instance d'un objet est créée
//par contre, les méthodes n'existent qu'une fois dans la mémoire de l'ordinateur.

//METHODE getMonth - cherche le nom du mois dans le tableau des mois
Calendar.prototype.getMonth = function(iMonthNo) {
	var vMonth = eval('Calendar.' + this.gLanguage + 'Months[' + iMonthNo + '];');
	return vMonth;
}
//METHODE wwrite() writeline pour l'objet calendrier
Calendar.prototype.wwrite = function(wtext) {
	this.gWinCal.document.writeln(wtext);
}
//show - MET ENSEMBLE TOUT LE CODE DU CALENDRIER, ET ECRIT TOUT A LA PAGE / FENETRE
Calendar.prototype.show = function() {
	var vCode = "";
	this.gWinCal.document.open();
	this.wwrite(this.getHTMLStartPage()); 	// Get début de la page
	this.wwrite(this.getHTMLNavigation()); 	// Get the code for the navigation bar ...
	this.wwrite(this.getHTMLCalendar()); 	// Get the complete calendar code for the month ...
	this.wwrite(this.getHTMLEndPage());	// Terminer la page correctement
	this.gWinCal.document.close();
}
//METHODE getHTMLStartPage - DEBUT DE LA PAGE
Calendar.prototype.getHTMLStartPage = function() {
	var vHTML = "";
	// Setup the page...
	vHTML += "<html>";
	vHTML += "<head><title>" + this.gTitle + "</title>";
	vHTML += "</head>";
	vHTML += this.gStyle;  //feuille de style
	vHTML += "<body>";
	vHTML += "<B>";
	vHTML += this.gMonthName + " " + this.gYear;
	vHTML += "</B>";
	vHTML += "<table cellspacing='0' cellpadding='0' height='3'><tr><td><img src='" + this.gShim + "' height='3'></td></tr></table>";
	return vHTML;
}
//METHODE getHTMLNavButtons - CREE LES BOUTONS "BACK", "PREV" etc.
Calendar.prototype.getHTMLNavButtons = function(mmI, yyI, iImage) {
	return  "<TD class='Header' width='25%'><A HREF=\"" +
		"javascript:window.opener.Build(" +
		"'" + this.formFieldCompleteName + "', '" + mmI + "', '" + yyI + "', '" + this.gLanguage + "', " + this.gSubmit +
		");" +
		"\">" + iImage + "<\/A></TD>";
}
//METHODE getHTMLNavigation - BARRE DE NAVIGATION
Calendar.prototype.getHTMLNavigation = function() {
	var vHTML = "";
	vHTML += "<TABLE WIDTH='220' BORDER=0 CELLSPACING=" + this.gBorderWidth + " CELLPADDING=0 class='Border'><TR><TD>";
	vHTML += "<TABLE WIDTH='220' BORDER=0 CELLSPACING=0 CELLPADDING=1><TR>";
	vHTML += this.getHTMLNavButtons(this.gMonth, (parseInt(this.gYear)-1), this.gBackBack);
	vHTML += this.getHTMLNavButtons(getPrevMonth(this.gMonth,this.gYear), getPrevYear(this.gMonth,this.gYear), this.gBack);
	//vHTML += "<TD>[<A HREF=\"javascript:window.print();\">Print</A>]</TD>";  //remettre pour "print" - il faut aussi modifier largeur ci-dessus
	vHTML += this.getHTMLNavButtons(getNextMonth(this.gMonth,this.gYear), getNextYear(this.gMonth,this.gYear), this.gGo);
	vHTML += this.getHTMLNavButtons(this.gMonth, (parseInt(this.gYear)+1), this.gGoGo);
	vHTML += "</TR></TABLE>";
	vHTML += "</tr></td></TABLE>";
	vHTML += "<table cellspacing='0' cellpadding='0' height='9'><tr><td><img src='" + this.gShim + "' height='3'></td></tr></table>";
	return vHTML;
}
//METHODE getDay - cherche le nom du jour de la semaine dans le tableaux des jours
Calendar.prototype.getDay = function(iDayNo) {
	var vDay = eval('Calendar.' + this.gLanguage + 'Days[' + iDayNo + '];');
	return vDay;
}
Calendar.prototype.getHTMLDayHeader = function(iDay,iWeekend) {
	var vDay = this.getDay(iDay);
	// 7*14% = 98% donc on ajoute 1% en largeur pour le weekend
	if (iWeekend) {
		return ("<TD Width='15%' class='Header'>" + vDay + "</TD>");
	} else {
		return ("<TD Width='14%' class='Header'>" + vDay + "</TD>");
	}
}
//getHTMLCalHeader() : Header du calendrier même avec les jours
Calendar.prototype.getHTMLCalHeader = function() {
	var vCode = "";
	vCode += "<TR>";
	vCode += this.getHTMLDayHeader(0) + this.getHTMLDayHeader(1) + this.getHTMLDayHeader(2) + this.getHTMLDayHeader(3);
	vCode += this.getHTMLDayHeader(4) + this.getHTMLDayHeader(5,1) + this.getHTMLDayHeader(6,1);
	vCode += "</TR>";
	//ligne entre les headers et les dates
	vCode += "<TR><TD colspan='7' class='Border' height='" + this.gBorderWidth + "' class='Header'><img src='" + this.gShim + "' height='" + this.gBorderWidth + "'></TD></TR>";
	return vCode;
}
//METHODE getHTMLDay() : pour mettre aujourd'hui en rouge
Calendar.prototype.getHTMLDay = function(iDay) {
	if (iDay == this.nowDD && this.gMonth == this.nowMM && this.gYear == this.nowYY)
		return ("<div class='Today'>" + iDay + "</div>");
	else
		return (iDay);
}
//METHODE getHTMLWeekend() - pour mettre le weekend en gris
Calendar.prototype.getHTMLWeekend = function(iDay) {
	var i;
	for (i=0; i<this.gWeekendDays.length; i++) {//>
		if (iDay == this.gWeekendDays[i])
			return (" class='Weekend'");
	}
	return "";
}
//METHODE getDaysInMonth - pour un mois et une annŽe donnŽs
Calendar.prototype.getDaysInMonth = function(iMonthNo, yyI) {
	if (((yyI % 4 == 0 && yyI % 100 != 0 ) || (yyI % 400 == 0 )) && iMonthNo == 1) {  //bissextile et fŽvrier
		return 29;
	}else{
		return Calendar.Mois[iMonthNo];
	}
}
//METHODE getDateFormat - formattage de la date à retourner ...
Calendar.prototype.getDateFormat = function(iDay) {
	var vData;
	var vMonth = 1 + this.gMonth;
	vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;//>
	var vY4 = new String(this.gYear);
	var vDD = (iDay.toString().length < 2) ? "0" + iDay : iDay;//>
	vData = vDD + "\/" + vMonth + "\/" + vY4;  //Date avec "/"
	return vData;
	/*
	Utiliser les lignes suivantes pour modifier le format de la date retournŽe
	//var vMon = this.getMonth(this.gMonth).substr(0,3).toUpperCase();
	//var vFMon = this.getMonth(this.gMonth).toUpperCase();
	//var vY2 = new String(this.gYear.substr(2,2));
	//vData = vDD + "\." + vMonth + "\." + vY4;  //Date avec "."
	*/
}
//METHODE getHTMLDateCell
Calendar.prototype.getHTMLDateCell = function(iDay) {
	var strSubmit = "";
	if (this.gSubmit == 1) {
		strSubmit = "self.opener.document." + this.formFieldCompleteName + ".form.submit();"  //soumet le form contenant le champ formFieldCompleteName
	}
	return	"<TD" + this.getHTMLWeekend(j) + ">" +
				"<A HREF='#' " +
					"onClick=\"self.opener.document." + this.formFieldCompleteName + ".value='" +
					this.getDateFormat(iDay) +
					"';window.close();" + strSubmit + "\">" + 
					this.getHTMLDay(iDay) +
				"</A>" +
			"</TD>";
}
//METHODE getHTMLCalWeeks - crée la partie calendrier avec tous les jours du mois (le calendrier même)
Calendar.prototype.getHTMLCalWeeks = function() {
	var vDate = new Date();
	vDate.setDate(1);
	vDate.setMonth(this.gMonth);
	vDate.setFullYear(this.gYear);
	var vFirstDay=vDate.getDay()-1;   //on fait -1 parce que sinon dimanche serait le premier jour de la semaine, et pas lundi!
	if (vFirstDay==-1) vFirstDay=6;	  //on fait un shift de 1 position ... (modulo) => lundi=0, mardi=1, etc
	var vDay=1;
	var vLastDay=this.getDaysInMonth(this.gMonth, this.gYear);
	var vOnLastDay=0;
	var vCode = "";
	//----Première semaine
	//il faut en mettre jusqu'au 1er du mois
	vCode = vCode + "<TR>";
	for (i=0; i<vFirstDay; i++) {
		vCode = vCode + "<TD" + this.getHTMLWeekend(i) + ">&nbsp;</TD>";
	}
	// Write rest of the 1st week (on s'arrête à dimanche avec j<7)
	for (j=vFirstDay; j<7; j++) {
		vCode += this.getHTMLDateCell(vDay)
		vDay=vDay + 1;
	}
	vCode = vCode + "</TR>";
	//----autres semaines
	for (k=2; k<7; k++) {
		vCode = vCode + "<TR>";
		for (j=0; j<7; j++) {
			vCode += this.getHTMLDateCell(vDay)
			vDay=vDay + 1;
			if (vDay > vLastDay) {
				vOnLastDay = 1;
				break;
			}
		}
		if (j == 6)
			vCode = vCode + "</TR>";
		if (vOnLastDay == 1)
			break;
	}
	//----Fill up the rest of last week with proper blanks, so that we get proper square blocks
	for (m=1; m<(7-j); m++) {
		if (this.gYearly)
			vCode = vCode + "<TD WIDTH='14%'" + this.getHTMLWeekend(j+m) +
			"></TD>";
		else
			vCode = vCode + "<TD WIDTH='14%'" + this.getHTMLWeekend(j+m) +
			"><div class='InactiveDate'>" + m + "</div></TD>";
	}
	return vCode;
}
//METHODE getHTMLCalendar - MET ENSEMBLE LE CODE HTML POUR LE CALENDRIER MEME (TABLEAUX & HEADERS & DATA)
Calendar.prototype.getHTMLCalendar = function() {
	//c'est deux tableaux, l'un dans l'autre pour créer une bordure colorée
	var vBeginTable = "<TABLE width=220 BORDER=0 cellspacing=0 cellpadding=" + this.gBorderWidth + "><tr><td class='Border'><TABLE width=220 cellspacing=0 cellpadding=0 BORDER=0>";
	var vHeader_Code = this.getHTMLCalHeader();			//Ligne avec lun, mar, mer, jeu etc.
	var vData_Code = this.getHTMLCalWeeks();				//Le calendrier même
	var vEndTable = "</TABLE></td></tr></TABLE>";
	return vBeginTable + vHeader_Code + vData_Code + vEndTable;
}
//METHODE getHTMLEndPage - FIN DE LA PAGE
Calendar.prototype.getHTMLEndPage = function() {
	return "</body></html>";
}
//FUNCTION Build - utilise le constructeur pour construire la fonction et appelle la fonction pour l'afficher
function Build(formFieldCompleteName, mmI, yyI, iLanguage) {
	gCal = new Calendar(formFieldCompleteName, ggWinCal, mmI, yyI, iLanguage);
	gCal.show();
}
function isNumeric(strToCheck, size) {
	for (cI = 0; cI < size; cI++) {
	  charToCheck = strToCheck.charAt(cI);
	  if (('0' > charToCheck) || ('9' < charToCheck))
	    return(false);
	}
	return(true);
}
/** Affiche le calendrier.
 * @param formField champ à modifier. */
function show_calendar(formField) {
	var formFieldCompleteName = formField.form.name+'.'+formField.id; //name
	var formFieldValue = formField.value;
	var mmI = false;
	var yyI = false;
	if (formFieldValue) {
		var formFieldMM = formFieldValue.substr(3, 2);
		if (isNumeric(formFieldMM, 2) && (1 > formFieldMM) && (12 < formFieldMM)) {
			mmI = formFieldMM-1;
			var formFieldYY = formFieldValue.substr(6, 4);
			if (isNumeric(formFieldYY, 4))
				  yyI = formFieldYY;
		}
	}
	if (!yyI) {
		var now = new Date();
		mmI = new String(now.getMonth());
		yyI = new String(now.getFullYear().toString());
	}
	p_language = 'f';
	//créer nouvelle fenêtre
 	ggWinCal = window.open("", "Calendar", "width=1,height=1,status=no,resizable=no");
 	ggWinCal.close();
	ggWinCal = window.open("", "Calendar", "width=240,height=188,status=no,resizable=no");
	ggWinCal.opener = self;
	Build(formFieldCompleteName, mmI, yyI, p_language);
}