//NEW SYSTEM DE CALENDRIER
var today_date = new Date();
today_date.setHours(0);
today_date.setMilliseconds(0);
today_date.setMinutes(0);
today_date.setSeconds(0);
var m = today_date.getMonth() + 1;
var y = today_date.getFullYear();
var DateDebut = "";
var DateFin = "";
//#FFBBDD
var MoisText = ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre']; 
var JourText = ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi']; 
var currentTextBox = "";

var arrPreloadImage = new Array();
arrPreloadImage["today"] = new Image(); arrPreloadImage["today"].src = "images/calendrier/today.gif";
arrPreloadImage["over_p"] = new Image(); arrPreloadImage["over_p"].src = "images/calendrier/over_p.gif";
arrPreloadImage["select"] = new Image(); arrPreloadImage["select"].src = "images/calendrier/select.gif";

function create_multi_calendrier(txt){
	//Assigment Date
	if(document.getElementById("txtDateDebut")){ 
		if(document.getElementById("txtDateDebut").value != "AAAA-MM-JJ"){
			DateDebut = new Date(document.getElementById("txtDateDebut").value.substring(0,4), (document.getElementById("txtDateDebut").value.substring(5,7) - 1), document.getElementById("txtDateDebut").value.substring(8,10));
		}
	}
	if(document.getElementById("txtDateFin")){ 
		if(document.getElementById("txtDateFin").value != "AAAA-MM-JJ"){
			DateFin = new Date(document.getElementById("txtDateFin").value.substring(0,4), (document.getElementById("txtDateFin").value.substring(5,7) - 1), document.getElementById("txtDateFin").value.substring(8,10));
		}
	}
	//Le textField quon a clicker
	currentTextBox = txt; 
	//Update Position Top
	if(currentTextBox == "txtDateDebut"){ document.getElementById("calendar").style.top = "345px"; }
	else if(currentTextBox == "txtDateFin"){ document.getElementById("calendar").style.top = "365px"; }
	month = m; //Le mois en memoire
	year = y; //L'annee en memoire
	for(cal = 0; cal < 2; cal++){
		//alert(cal+" "+month+" "+year);
		create_calendrier(cal, month, year);
		month++; 
		if(month > 12){
			month = 1; 
			year++;
		}
	}
}

function create_calendrier(cal, month, year){
	//Make a date object.
	var date = new Date();
	date.setMonth(month - 1);
	date.setFullYear(year);
	date.setDate(1);
	var pJour = date.getDay();
	var id;
	var jour = 1;
	//alert(cal+" "+month+" "+year);
	//Show Calendrier
	document.getElementById("calendar").style.display = "block";
	
	//Ecrire le Mois et l Annee
	document.getElementById("mois"+cal).innerHTML = MoisText[month - 1] + "<br />" + year;
	
	//Total de jours dans le mois
	var jours;
	if(month == 1 || month == 3 ||month == 5 || month == 7 || month == 8 || month == 10 || month == 12){
		jours = 31;
	}else if(month == 4 || month == 6 || month == 9 || month == 11){
		jours = 30;
	}else{
		jours = (year % 4 == 0) ? 29 : 28;
	}
	
	//Check quel jour commencer dans la semaine	
	if(pJour != 0){
		id = pJour;
	}else{
		id = 0;
	}
	
	//Mettre toutes les cases Blanche
	for(i = 0; i < 42; i++){
		document.getElementById("j" + ((42*cal) + i)).style.color = "#000000";
		//document.getElementById("j" + ((42*cal) + i)).style.backgroundColor = "#FFFFFF";
		document.getElementById("j" + ((42*cal) + i)).style.fontWeight = "bold";
		document.getElementById("j" + ((42*cal) + i)).style.textDecoration = "none";
		document.getElementById("j" + ((42*cal) + i)).style.cursor = "default";
		document.getElementById("j" + ((42*cal) + i)).style.backgroundImage = "";
	}
		
	//Mettre Vide le Debut
	for(i = 0; i < pJour; i++){
		document.getElementById("j" + ((42*cal) + i)).innerHTML = "";
	}

	//Ecrire les jours du mois
	for(i = 0; i < jours; i++){
		//Mettre le journee courante en valeur
		if(today_date.getDate() == jour && today_date.getFullYear() == year && today_date.getMonth() == month - 1){
			document.getElementById("j" + ((42*cal) + id)).style.color = "#fff";
			document.getElementById("j" + ((42*cal) + id)).style.backgroundImage = "url("+arrPreloadImage['today'].src+")";
		}
		/*if(DateDebut != "" && DateDebut.getDate() == jour && DateDebut.getFullYear() == year && DateDebut.getMonth() == month - 1){
			document.getElementById("j" + ((42*cal) + id)).style.color = "#fff";
			document.getElementById("j" + ((42*cal) + id)).style.backgroundImage = "url("+arrPreloadImage['select'].src+")";
		}
		if(DateFin != "" && DateFin.getDate() == jour && DateFin.getFullYear() == year && DateFin.getMonth() == month - 1){
			document.getElementById("j" + ((42*cal) + id)).style.color = "#fff";
			document.getElementById("j" + ((42*cal) + id)).style.backgroundImage = "url("+arrPreloadImage['select'].src+")";
		}*/
		document.getElementById("j" + ((42*cal) + id)).innerHTML = jour;
		document.getElementById("j" + ((42*cal) + id)).style.cursor = "pointer";
		jour++;
		id++;
	}
	
	//Mettre Vide la Fin
	for(i = id; i < 42; i++){
		document.getElementById("j" + ((42*cal) + i)).innerHTML = "";
	}

	//Mettre la class differente au jour passer
	if(today_date.getMonth() == month - 1 && today_date.getFullYear() == year){
		for(i = pJour; i < today_date.getDate() + pJour - 1; i++){
			document.getElementById("j" + ((42*cal) + i)).style.color = "#696969";
			document.getElementById("j" + ((42*cal) + i)).style.fontWeight = "normal";
			document.getElementById("j" + ((42*cal) + i)).style.textDecoration = "line-through";
			document.getElementById("j" + ((42*cal) + i)).style.cursor = "default";
		}	
	}
	
	//Selectionner les Date Selecter
	//selectDate();
}

function next_month(){
	m++; 
	if(m > 12){
		m = 1; 
		y++;
	}
	create_multi_calendrier(currentTextBox);
}

function prev_month(){
	var dateStart = new Date();
	
	if(dateStart.getMonth() + 1 == m && dateStart.getFullYear() == y){	
		//Rien faire car on peu pas louer avant la current date
	}
	else{
		m--; 
		if(m == 0){
			m = 12; 
			y--;
		}
		create_multi_calendrier(currentTextBox);
	}
}

function btnJour_onMouseOver(id, cal){
	month = m+cal;
	year = y;
	//Check Limit Month
	if(month > 12){ month = month - 12; year++; }
	//Add Current BackGround
	if(document.getElementById("j" + id).innerHTML != ""){
		newDate = new Date(year, month - 1, document.getElementById("j" + id).innerHTML);
		//GoogleChrome utilise le RGB pour ecrire les couleurs - FIXER
		if(newDate >= today_date && document.getElementById("j" + id).style.backgroundImage == "" && document.getElementById("j" + id).style.backgroundColor != "#990022" && document.getElementById("j" + id).style.backgroundColor != "rgb(153, 0, 34)"){
			document.getElementById("j" + id).style.backgroundImage = "url("+arrPreloadImage['over_p'].src+")";
		}
	}
}

function btnJour_onMouseOut(id){
	//Opera utilise de " " pour ecrire le url de limage - FIXER
	//Remove Current BackGround
	if(document.getElementById("j" + id).innerHTML != "" && (document.getElementById("j" + id).style.backgroundImage == "url("+arrPreloadImage['over_p'].src+")" || document.getElementById("j" + id).style.backgroundImage == "url(\""+arrPreloadImage['over_p'].src+"\")")){
		document.getElementById("j" + id).style.backgroundImage = "";
	}
}


function btnJour_onClick(id, cal){
	if(document.getElementById("j" + id).innerHTML != ""){
		jour = document.getElementById("j" + id).innerHTML;
		
		newDate = new Date(y, ((m + cal) - 1), jour);
		new_jour = newDate.getDate();
		new_mois = newDate.getMonth();
		new_annee = newDate.getFullYear();
		if(newDate >= today_date){
			var Month = "" + (newDate.getMonth()+1); 
			var MM = "0" + Month; 
			MM = MM.substring(MM.length-2, MM.length); 
			var Day = "" + (newDate.getDate()); 
			var DD = "0" + Day; 
			DD = DD.substring(DD.length-2, DD.length); 
			var YYYY = "" + (newDate.getFullYear()); 
			//Ecrire la Date
			document.getElementById(currentTextBox).value = YYYY + "-" + MM + "-" + DD;
			//Hide Calendrier
			document.getElementById("calendar").style.display = "none";
			//Auto Focus DateFin
			/*if(currentTextBox == "txtDateDebut" && document.getElementById("txtDateDebut").value != ""){
				create_multi_calendrier("txtDateFin");
			}*/
		}else{
			alert("Vous devez choisir une Date plus grande ou équal à aujourd\'hui!");
		}
	}
}

function UpdateDate(){
	//Ecrire la DateDebut
	document.getElementById("txtDateDebut").value = DateDebut.getDate() + "-" + (DateDebut.getMonth()+1) + "-" + DateDebut.getFullYear();
	//Ecrire la DateFin
	document.getElementById("txtDateFin").value = DateFin.getDate() + "-" + (DateFin.getMonth()+1) + "-" + DateFin.getFullYear();	
	//Ecrire le nombre de nuit
	var one_day=1000*60*60*24;
	document.getElementById("txtNbNuit").value = Math.ceil((DateFin.getTime()-DateDebut.getTime())/(one_day));
	//Show Cell Calendrier EffaceDate
	document.getElementById("cal_EffaceDate").style.display = "block";
}

function btnFermer_calendrier(){
	//Remove Date
	DateDebut = "";
	DateFin = "";
	//Ecrire la Date
	document.getElementById(currentTextBox).value = "AAAA-MM-JJ";
	//Close Calendier
	document.getElementById("calendar").style.display = "none";
}

function selectDate(){
	if(DateDebut != ""){
		var isMatchDebut = false;
		var x = 0;
		
		for(i = 0; i < 42; i++){
			if(document.getElementById("j" + i).innerHTML != ""){
				currentDate = new Date(y, m - 1, document.getElementById("j" + i).innerHTML);
				
				if(DateDebut <= currentDate && DateFin >= currentDate){
					x = 0;
					document.getElementById("j" + i).style.backgroundColor = "#3399FF";
				}
			}
		}
	}
}

function btnClear_onClick(){
	//Reset
	DateDebut = "";
	DateFin = "";
	//Assingment
	document.getElementById("txtDateDebut").value = DateDebut;
	document.getElementById("txtDateFin").value = DateFin;
	document.getElementById("txtNbNuit").value = "";
	//Re-Create Calendar
	create_calendrier(m, y);
	//Hide Cell Calendrier EffaceDate
	document.getElementById("cal_EffaceDate").style.display = "none";
}

//RetourAccount for get back to Profil.php
function btnPrecedent_onClick(){
	document.fHouseInfo.action = "profil.php";
	document.fHouseInfo.submit();	
}

function btnSoumettre_onClick(){
	//Check if All is enter
	if(document.getElementById("txtDateDisponible").value != ""){
		document.fHouseInfo.exec_datedispo.value = 1;
		document.fHouseInfo.submit();
	}else{
		alert("SVP, Entrez toutes les informations demandées!");	
	}
}

function btnEditReservation_onClick(){
	document.fHouseInfo.action = "maison_reservation2.php";
	document.fHouseInfo.submit();	
}
