/*********************************************************************/
/************************* Variables Globales ************************/
/*********************************************************************/
var compteur;
var compteur2;

/*********************************************************/
/************************* PNG 24 ************************/
/*********************************************************/

function applyPNGFilter(o)
{
	
	var t="images/spacer.gif";
	
	if( o.src != t ) {
		var s=o.src;
		try{
			
			o.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + s + "',sizingMethod='scale')";
			o.src = t;
		}catch(e){
			e = "";	
		}
	}
	
}


/*******************************************************/
/************************* AJAX ************************/
/*******************************************************/
function ajaxObject(){
	var xmlHttp;
	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer
		try
		{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try
			{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e)
			{
				alert("Your browser does not support AJAX!");
			}
		}
	}
	return xmlHttp;
}

/*********************************************************************************/
/************************* Scripts concernant les onglets ************************/
/*********************************************************************************/

/************************* Scripts des états actif et non-actif des boutons d'onglet ************************/
// -> Cette fonction permet de changer d'onglet, si onglet il y a.

/* cible -> ID du DIV */
function changerOnglet(cible, langue)
{
	if (document.getElementById(cible)) // Seulement si ya besoin
	{
	//-> Vérifie tous les IDs se trouvant dans le DIV "menu_princ"
		var allTags = document.getElementById('menu_princ_' + langue).getElementsByTagName('div');
		var ids = Array();
		for (var tg = 0; tg< allTags.length; tg++) {
			var tag = allTags[tg];
			if (tag.id) {
					ids.push(tag.id);
			 }   
		}
		//alert(ids);
		
	//-> Liste tous les IDs qui commence par "mp_"
		var listeOnglet = Array();
		for(i=0; i<ids.length; i++)
		{
			if(ids[i].indexOf('mp_') != -1)
			{
				listeOnglet.push(ids[i]);
			}
		}
		//alert(listeOnglet);
		
	//-> Désactive tous les onglets se trouvant dans le DIV "menu_princ"
		for(j=0; j<listeOnglet.length; j++)
		{
			if(listeOnglet[j] != cible)
			{
				tmp1 = listeOnglet[j].split('_');
				tmp1[2] = 'desactif';
				final = tmp1.join('_');
				document.getElementById(listeOnglet[j]).id = final;
			}
		}
		
	//-> Change la class se trouvant dans le DIV "menu_sec"
		for(j=0; j<listeOnglet.length; j++)
		{
			if(listeOnglet[j] == cible)
			{
				tmp1 = listeOnglet[j].split('_');
				document.getElementById('menu_sec').setAttribute('class', 'sm_' + tmp1[1] + '_' + langue);
				document.getElementById('menu_sec').setAttribute('className', 'sm_' + tmp1[1] + '_' + langue);
				
				document.getElementById('menu_sec').innerHTML = document.getElementById('sm_' + tmp1[1] + '_' + langue).innerHTML;
				//alert(document.getElementById('menu_sec').setAttribute('class', 'sm_' + tmp1[1]));
			}
		}
		
	//->  Active seulement l'onglet cliqué
		/*if(cible.indexOf('_desactif') != -1)  //_desactif
		{*/
			tmp1 = cible.split('_');
			tmp1[2] = 'actif';
			final = tmp1.join('_');
			document.getElementById(cible).id = final;			
		//}
	}
}

	
/***************************************************************************************************/
/************************* Scripts pour mettre des coin rond sur les images ************************/
/***************************************************************************************************/

function arrondirCoins(img)
{
	// Selon l'align
	switch(img.align)
	{
		case "left":
			var wrapImg = document.createElement("div");
			wrapImg.style.cssFloat = "left";
			wrapImg.style.styleFloat = "left";
			wrapImg.style.margin = "0px 10px 10px 0px";
			img.parentNode.insertBefore(wrapImg,img);
			img.align = "";
			img.parentNode.removeChild(img);
			wrapImg.insertBefore(img, null);
			break;
			
		case "right":
			var wrapImg = document.createElement("div");
			wrapImg.style.cssFloat = "right";
			wrapImg.style.styleFloat = "right";
			wrapImg.style.margin = "0px 0px 10px 10px";
			img.parentNode.insertBefore(wrapImg,img);
			img.align = "";
			img.parentNode.removeChild(img);
			wrapImg.insertBefore(img, null);
			break;
		default :
			var wrapImg = document.createElement("div");
			wrapImg.style.margin = "0px 0px 10px 0px";
			img.parentNode.insertBefore(wrapImg,img);
			img.align = "";
			img.parentNode.removeChild(img);
			wrapImg.insertBefore(img, null);
			break;
	}
	
	// Pour chaque coin on met une image
	// Coin haut gauche
	var coinDiv = document.createElement("div");
	coinDiv.style.position = "absolute";
	var coinImg = document.createElement("img");
	coinImg.style.position = "relative";
	coinImg.height = 33;
	coinImg.width = 33;
	coinImg.border = 0;
	coinImg.className = "png24";
	coinImg.src = "images/coinrond/hg.png";
	coinDiv.insertBefore(coinImg, null);
	img.parentNode.insertBefore(coinDiv,img);
	
	// Coin haut droit
	var coinDiv = document.createElement("div");
	coinDiv.style.position = "absolute";
	var coinImg = document.createElement("img");
	coinImg.style.position = "relative";
	coinImg.height = 33;
	coinImg.width = 33;
	coinImg.border = 0;
	coinImg.style.left = (img.width-33) + "px";
	coinImg.className = "png24";
	coinImg.src = "images/coinrond/hd.png";
	coinDiv.insertBefore(coinImg, null);
	img.parentNode.insertBefore(coinDiv,img);

	// Coin bas gauche
	var coinDiv = document.createElement("div");
	coinDiv.style.position = "absolute";
	var coinImg = document.createElement("img");
	coinImg.style.position = "relative";
	coinImg.height = 33;
	coinImg.width = 33;
	coinImg.border = 0;
	coinImg.style.top = (img.height-33) + "px";
	coinImg.className = "png24";
	coinImg.src = "images/coinrond/bg.png";
	coinDiv.insertBefore(coinImg, null);
	img.parentNode.insertBefore(coinDiv,img);
	
	// Coin bas droit
	var coinDiv = document.createElement("div");
	coinDiv.style.position = "absolute";
	var coinImg = document.createElement("img");
	coinImg.style.position = "relative";
	coinImg.height = 33;
	coinImg.width = 33;
	coinImg.border = 0;
	coinImg.style.top = (img.height-33) + "px";
	coinImg.style.left = (img.width-33) + "px";
	coinImg.className = "png24";
	coinImg.src = "images/coinrond/bd.png";
	coinDiv.insertBefore(coinImg, null);
	img.parentNode.insertBefore(coinDiv,img);
}

function parserImages()
{
	var images = document.getElementsByTagName("img");
	
	for(i=0; i<images.length; i++)
	{
		if (images[i].className == "coinrond")
		{
			arrondirCoins(images[i]);
			i += 4;
		}
	}
}


/******************************************************************************************************************************/
/************************* Scripts d'envoi de l'abonnement à l'infolettre dans la Zone scolaire (AJAX) ************************/
/******************************************************************************************************************************/
function abonnement_infolettre()
{
	sNom = document.getElementById('sNom').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
	sPrenom = document.getElementById('sPrenom').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
	sCourriel = document.getElementById('sCourriel').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
	
	if(sNom != '' && sPrenom != '' && sCourriel != '')
	{
		xmlHttp = ajaxObject();
		xmlHttp.open("POST","ajax/abonnement_infolettre.php",true);
		xmlHttp.onreadystatechange = function()
		{
			if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
			{
				document.getElementById('ai_btn_soumettre').disabled = true;
				document.getElementById('ai_demande').style.display = "block";
				document.getElementById('ai_reponse').innerHTML = 'Votre abonnement a &eacute;t&eacute; effectu&eacute; avec succ&egrave;s. Merci!<br /><br /><a href="javascript:retablirAbonnement()">< Retour</a>';
				//document.getElementById('demandeReponse').innerHTML = xmlHttp.responseText;
				document.getElementById('ai_reponse').style.display = "block";
				document.getElementById('ai_reponse').style.background = "url(images/icon_succes.gif) no-repeat top left";
			}
		}
		
		data = "sNom=" + sNom + "sPrenom=" + sPrenom + "&sCourriel=" + sCourriel;

		xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
		xmlHttp.send(data);
	}
	else
	{
		document.getElementById('ai_btn_soumettre').disabled = true;
		document.getElementById('ai_demande').style.display = "block";
		document.getElementById('ai_reponse').innerHTML = 'Vous devez obligatoirement remplir tous les champs.<br /><br /><a href="javascript:retablirAbonnement()">< Retour</a>';
		document.getElementById('ai_reponse').style.display = "block";
		document.getElementById('ai_reponse').style.background = "url(images/icon_echec.gif) no-repeat top left";
	}
}

function retablirAbonnement()
{
	document.getElementById('sNom').value = '';
	document.getElementById('sPrenom').value = '';
	//document.getElementById('ai_ecole').value = '';
	document.getElementById('sCourriel').value = '';
	document.getElementById('ai_reponse').style.display = "none";
	document.getElementById('ai_demande').style.display = "block";	
	document.getElementById('ai_btn_soumettre').disabled = false;
}

/****************************************************************************************************************/
/************************* Scripts d'envoi des réservations dans la Zone scolaire (AJAX) ************************/
/****************************************************************************************************************/
function reservation_scolaire()
{
	rs_prenom = document.getElementById('rs_prenom').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
	rs_nom = document.getElementById('rs_nom').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
	rs_ecole = document.getElementById('rs_ecole').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");	
	rs_adresse = document.getElementById('rs_adresse').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
	rs_telephone = document.getElementById('rs_telephone').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
	rs_telecopieur = document.getElementById('rs_telecopieur').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");	
	rs_courriel = document.getElementById('rs_courriel').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
	rs_niveau = document.getElementById('rs_niveau').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
	rs_nombre = document.getElementById('rs_nombre').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");	
	rs_exposition = document.getElementById('rs_exposition').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
	rs_date = document.getElementById('rs_date').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
	rs_heure = document.getElementById('rs_heure').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");	
	rs_manger_oui = document.getElementById('rs_manger_oui').checked;
	rs_manger_non = document.getElementById('rs_manger_non').checked;	
	if(rs_manger_oui == true)
	{
		rs_manger = document.getElementById('rs_manger_oui').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
	}
	else
	{
		rs_manger = document.getElementById('rs_manger_non').value.replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");	
	}
	
	
	if(rs_prenom != '' && rs_nom != '' && rs_ecole != '' && rs_adresse != '' && rs_telephone != '' && rs_telecopieur != '' && rs_courriel != '' && rs_niveau != '' && rs_nombre != '' && rs_exposition != '' && rs_date != '' && rs_heure != '')
	{
		xmlHttp = ajaxObject();
		xmlHttp.open("POST","ajax/reservation_scolaire.php",true);
		xmlHttp.onreadystatechange = function()
		{
			if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
			{
				document.getElementById('rs_btn_soumettre').disabled = true;
				document.getElementById('rs_btn_annuler').disabled = true;
				document.getElementById('rs_reserve').style.display = "block";
				document.getElementById('rs_reponse').innerHTML = 'Votre abonnement a &eacute;t&eacute; effectu&eacute; avec succ&egrave;s. Merci!<br /><br /><a href="javascript:retablirReservation(1)">< Retour</a>';
				//document.getElementById('demandeReponse').innerHTML = xmlHttp.responseText;
				document.getElementById('rs_reponse').style.display = "block";
				document.getElementById('rs_reponse').style.backgroundColor = "#00ff00";
			}
		}
		
		data = "rs_prenom=" + rs_prenom + "&rs_nom=" + rs_nom + "&rs_ecole=" + rs_ecole + "&rs_adresse=" + rs_adresse + "&rs_telephone=" + rs_telephone + "&rs_telecopieur=" + rs_telecopieur + "&rs_courriel=" + rs_courriel + "&rs_niveau=" + rs_niveau + "&rs_nombre=" + rs_nombre + "&rs_exposition=" + rs_exposition + "&rs_date=" + rs_date + "&rs_heure=" + rs_heure + "&rs_manger=" + rs_manger;

		xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
		xmlHttp.send(data);
	}
	else
	{
		document.getElementById('rs_btn_soumettre').disabled = true;
		document.getElementById('rs_btn_annuler').disabled = true;
		document.getElementById('rs_reserve').style.display = "block";
		document.getElementById('rs_reponse').innerHTML = 'Vous devez obligatoirement remplir tous les champs.<br /><br /><a href="javascript:retablirReservation(2)">< Retour</a>';
		document.getElementById('rs_reponse').style.display = "block";
		document.getElementById('rs_reponse').style.backgroundColor = "#ff0000";
	}
}

function retablirReservation(action)
{
	if(action == 1)
	{
		document.getElementById('reserve_scolaire').reset();
	}
	document.getElementById('rs_reponse').style.display = "none";
	document.getElementById('rs_reserve').style.display = "block";
	document.getElementById('rs_btn_soumettre').disabled = false;
	document.getElementById('rs_btn_annuler').disabled = false;
}