var hauteur;		
var pas = 10;
var ouvert;

tourne = new Image();
tourne.src = "../images/tourne.gif"; // Préchargement

function incre(nom_calque, nom_contenu, hdebut, hfin, mode) 
{
	if (mode == "nc")
	{			
		if (document.getElementById(nom_contenu).style.display == 'none')
		{
			ouvert = false;
		}
		
		else if (document.getElementById(nom_contenu).style.display == 'block')
		{
			ouvert = true;
		}
		
		if (ouvert == false) { hauteur = 0; }
		
		else if (ouvert == true) { hauteur = hfin; }
	}
	
	else
	{
		if (mode == "ouvrir")
		{
			ouvert = false;
		}
		
		else
		{
			ouvert = true;
		}
	}
	
	if (ouvert==false)
	{
		hauteur=hauteur+pas;
		document.getElementById(nom_calque).style.height = hauteur+"px";
		mode = "ouvrir";
				
		if (hauteur<hfin)
		{
			setTimeout("incre('"+nom_calque+"', '"+nom_contenu+"', '"+hdebut+"', '"+hfin+"', '"+mode+"')",40);
		}
		
		else
		{
			document.getElementById(nom_contenu).style.display = 'block';
		}
	}
	
	else
	{
		mode = "fermer";
		
		if (document.getElementById(nom_contenu).style.display == 'block') 
		{
			document.getElementById(nom_contenu).style.display = 'none';
		}
		
		hauteur=hauteur-pas;
		document.getElementById(nom_calque).style.height = hauteur+"px";
		
		if (hauteur>0)
		{
			setTimeout("incre('"+nom_calque+"', '"+nom_contenu+"', '"+hdebut+"', '"+hfin+"')",40);
		}
	}
}

function envoie(f,id)
{
    var pseudo = f.pseudo.value;
	var mail = f.mail.value;
	var message = f.message.value;
	
	document.getElementById(id).innerHTML = "<p class=\"important\"><img src=\"../images/tourne.gif\" title=\"Vérification du message...\"> <span class=\"orange\">Envoie en cour...</p>";


    var xhr;
    	
	if (window.XMLHttpRequest)
	{
		xhr = new XMLHttpRequest();
	}
		
    else if (window.ActiveXObject)
	{
		xhr = new ActiveXObject('Microsoft.XMLHTTP');
	}
		
   	else
	{
        alert('JavaScript : votre navigateur ne supporte pas les objets XMLHttpRequest...');
        return;
    }
		
    xhr.open('POST','inv_contact.php',true);
    xhr.onreadystatechange = function()
    {
        if (xhr.readyState == 4)
        {
        	if (document.getElementById) 
			{
				var rep = xhr.responseText;
				var img1 = "<img src=\"../images/erreur.gif\" alt=\"Erreur !\" title=\"Erreur !\">";
				var img2 = "<img src=\"../images/confirmation.gif\" alt=\"Message enregistr&eacute; !\" title=\"Message enregistr&eacute; !\">";
					
				if (rep == 1)
				{
					document.getElementById(id).innerHTML = "<p class=\"important\">"+img1+" Vous devez remplir tous les champs du formulaire !</p>";
				}
					
				if (rep == 2)
				{
					document.getElementById(id).innerHTML = "<p class=\"important\">"+img1+" Un e-mail est constitué au moins d'un '@' et d'un '.'.</p>";
				}	
					
				if (rep == 3)
				{
					document.getElementById(id).innerHTML = "<p class=\"important\">"+img1+"  Il semblerait que votre e-mail ne soit pas valide.</p>";
				}
					
				if (rep == 4)
				{
					document.getElementById(id).innerHTML = "<p class=\"important\">"+img1+"  Il semblerait que votre e-mail ne soit pas valide (v&eacute;rifiez votre nom de domaine).</p>";
				}
					
				if (rep == 5)
				{
					document.getElementById(id).innerHTML = "<p class=\"important\">"+img1+"  Suite à un probl&egrave;me technique, l&acute;e-mail n&acute;a pas pu &ecirc;tre envoy&eacute;. D&eacute;sol&eacute; !</p>";
				}
					
				if (rep == 6)
				{
					document.getElementById(id).innerHTML = "<p class=\"confirmation\">"+img2+"  Votre e-mail a bien &eacute;t&eacute; envoy&eacute;.</p>";
					supr("envoi_mail");
				}		
			}
        }
	}
    	
	xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
    
	var data = 'pseudo='+escape(pseudo)+'&mail='+escape(mail)+'&message='+escape(message);
    xhr.send(data);
}
	
function supr(f)
{
	document.forms[f].elements["pseudo"].value = "";
	document.forms[f].elements["mail"].value = "";
	document.forms[f].elements["message"].value = "";
		
	incre('envoi', 'contenu_envoi', '0', '320', 'nc');
}