var ouvert = false;
var popupBody;

function fermerPopup()
{
	divNode = document.getElementById('divPopup');
	divNode.style.visibility = "hidden";
	/*while(divNode.hasChildNodes())
		divNode.removeChild(divNode.firstChild);*/
}

function popupMail(id)
{
	if(ouvert)
		document.getElementById('divPopup').style.visibility = "visible";
	else
	{
		ouvert = true;
		tableNode = document.createElement('table');
		tableNode.id = 'popupTable';
		tableNode.width = '600px';
		tableNode.height = '400px';
		tableNode.className = 'tablePopup';
			
			tbodyNode = document.createElement('tbody');
			tbodyNode.id = 'popupBody';
			popupBody = tbodyNode;
			
				trNode1 = document.createElement('tr');
			
					tdNode11 = document.createElement('td');
					tdNode11.colSpan = '4';
					tdNode11.align = 'center';
					if(ident != "")
						txt = "ID immo3clic : " + identImmo + " ---  ID agence : " + ident;
					else
						txt = "ID immo3clic : " + identImmo;
					tdNode11.appendChild(document.createTextNode(txt));
					
					
					trNode1.appendChild(tdNode11);
					
					tdNode12 =  document.createElement('td');
					tdNode12.height = '20px';
						
						imgNode1 = document.createElement('img');
						imgNode1.src = './image/navi/supp.gif';
						imgNode1.style.cursor = 'pointer';
						imgNode1.setAttribute('onclick', function(){fermerPopup();});
						imgNode1.onclick = function(){fermerPopup();};
						imgNode1.onClick = 'javascript:fermerPopup();';
						
						tdNode12.appendChild(imgNode1);
					
					trNode1.appendChild(tdNode12);
				
				tbodyNode.appendChild(trNode1);
				
				trNode2 = document.createElement('tr');
					
					tdNode21 = document.createElement('td');
					tdNode21.height = '25px';
					tdNode21.width = '25%';
					tdNode21.align = 'right';
					tdNode21.appendChild(document.createTextNode('Nom : '));
					
					trNode2.appendChild(tdNode21);
					
					tdNode22 = document.createElement('td');
					tdNode22.align = 'left';
					tdNode22.width = '25%';
					
						inputNode1 = document.createElement('input');
						inputNode1.type = 'text';
						inputNode1.id = 'nom_mail';
						inputNode1.size = '16';
						tdNode22.appendChild(inputNode1);
					
					trNode2.appendChild(tdNode22);
					
					tdNode23 = document.createElement('td');
					tdNode23.width = '25%';
					tdNode23.align = 'right';
					tdNode23.appendChild(document.createTextNode('Prénom : '));
					trNode2.appendChild(tdNode23);
					
					tdNode24 = document.createElement('td');
					tdNode24.align = 'left';
					tdNode24.width = '25%';
					
						inputNode2 = document.createElement('input');
						inputNode2.type = 'text';
						inputNode2.id = 'prenom_mail';
						inputNode2.size = '16';
						tdNode24.appendChild(inputNode2);
						
					trNode2.appendChild(tdNode24);
					
				tbodyNode.appendChild(trNode2);
				
				trNode3 = document.createElement('tr');
				
					tdNode31 = document.createElement('td');
					tdNode31.height = '25px';
					tdNode31.width = '25%';
					tdNode31.align = 'right';
					tdNode31.appendChild(document.createTextNode('Téléphone : '));
					trNode3.appendChild(tdNode31);
					
					tdNode32 = document.createElement('td');
					tdNode32.align = 'left';
					tdNode32.width = '25%';
					
						inputNode3 = document.createElement('input');
						inputNode3.type = 'text';
						inputNode3.id = 'tel_mail';
						inputNode3.size = '16';
						tdNode32.appendChild(inputNode3);
					
					trNode3.appendChild(tdNode32);
					
					tdNode33 = document.createElement('td');
					tdNode33.height = '25px';
					tdNode33.width = '25%';
					tdNode33.align = 'right';
					tdNode33.appendChild(document.createTextNode('E-mail : '));
					trNode3.appendChild(tdNode33);
					
					
					tdNode34 = document.createElement('td');
					tdNode34.align = 'left',
					tdNode34.width = '25%';
					
						inputNode4 = document.createElement('input');
						inputNode4.type = 'text';
						inputNode4.id = 'mail_mail';
						inputNode4.size = '16';
						tdNode34.appendChild(inputNode4);
					
					trNode3.appendChild(tdNode34);
				
				tbodyNode.appendChild(trNode3);
				
				trNode4 = document.createElement('tr');
					
					tdNode41 = document.createElement('td');
					tdNode41.colSpan = '5';
					tdNode41.align = 'center';
					tdNode41.valign = 'top';
					tdNode41.appendChild(document.createElement('br'));
						
						textareaNode = document.createElement('textarea');
						textareaNode.cols = '62';
						textareaNode.rows = '14';
						textareaNode.id = 'message_mail';
						tdNode41.appendChild(textareaNode);
						
					trNode4.appendChild(tdNode41);
				
				tbodyNode.appendChild(trNode4);
				
				trNode5 = document.createElement('tr');
				
					tdNode51 = document.createElement('td');
					tdNode51.colSpan = '5';
					tdNode51.height = '40px';
					tdNode51.align = 'center';
					
						imgNode2 = document.createElement('img');
						imgNode2.src = './image/navi/ok-immo2.gif';
						imgNode2.setAttribute('onclick', function(){testSend();});
						imgNode2.onclick = function(){testSend();};
						imgNode2.style.cursor = 'pointer'
						tdNode51.appendChild(imgNode2);
					
					trNode5.appendChild(tdNode51);

				tbodyNode.appendChild(trNode5);
			
			tableNode.appendChild(tbodyNode);
		divNode = document.getElementById('divPopup');
		divNode.innerHTML = '';
		divNode.appendChild(tableNode);
		divNode.style.visibility = 'visible';
	}
	
}
function testSend()
{
	nom = document.getElementById('nom_mail').value;
	prenom = document.getElementById('prenom_mail').value;
	tel = document.getElementById('tel_mail').value;
	mail = document.getElementById('mail_mail').value;
	message = document.getElementById('message_mail').value;
	if((nom == '') || (prenom == '') || (tel == '') || (mail == '') || (message == ''))
		alert('Vous devez renseigner correctement tous les champs.');
	else
	{
		if (mail.search(/^.+@.+\..+$/) == -1)
			alert("Votre e-mail est incorrect.");
		else
		{
			if(tel.search(/^[0-9]{10}$/) == -1)
				alert("Votre numéro de téléphone est incorrecte.");
			else
			{
				
				divNode = document.getElementById('divPopup');
				divNode.innerHTML = '<table style = "height : 20px; width : 200px; font-weight : bold; color : #E11183; margin-top : 150px; border : 2px solid #9999CC;" class = "tablePopup"><tbody><tr><td align = "center" style = "padding : 50px;">Message en cours d\'envoi</td></tr></tbody></table>';
				
				var XHR = new XHRConnection();
				XHR.appendData("nom", nom);
				XHR.appendData("prenom", prenom);
				XHR.appendData("tel", tel);
				XHR.appendData("mail", mail);
				XHR.appendData("message", message);
				XHR.appendData("id_supp", ident);
				XHR.appendData("id", identImmo);
				XHR.appendData("id_agence", id_ag);
				XHR.sendAndLoad("./ajax/contact_mail.php", "POST", retourContact);
			}
		}
	}
	
}


function retourContact(obj)
{
	resultat = obj.responseXML.getElementsByTagName('resultat').item(0).firstChild.nodeValue;
	switch(resultat)
	{
		case '0' :
			divNode = document.getElementById('divPopup');
			divNode.innerHTML = '<table style = "height : 20px; width : 250px; font-weight : bold; color : #E11183; margin-top : 150px; border : 2px solid #9999CC;" class = "tablePopup"><tbody><tr><td align = "center" style = "padding : 50px; cursor : pointer;" onclick = "javascript:fermerPopup();">Echec, votre message n\'a pas été transmis</td></tr></tbody></table>';
			ouvert = false;
			break;
			
		case '1' :
			divNode = document.getElementById('divPopup');
			divNode.innerHTML = '<table style = "height : 20px; width : 250px; font-weight : bold; color : #E11183; margin-top : 150px; border : 2px solid #9999CC;" class = "tablePopup"><tbody><tr><td align = "center" style = "padding : 50px; cursor : pointer;" onclick = "javascript:fermerPopup();">Votre message a été envoyé avec succès&nbsp;!!</td></tr></tbody></table>';
			break;
		case '2' :
			divNode = document.getElementById('divPopup');
			divNode.innerHTML = '<table style = "height : 20px; width : 450px; font-weight : bold; color : red; margin-top : 150px; border : 2px solid #9999CC;" class = "tablePopup"><tbody><tr><td align = "center" style = "padding : 50px; cursor : pointer;" onclick = "javascript:fermerPopup();">Votre&nbsp;message&nbsp;a&nbsp;été&nbsp;enregistré,&nbsp;toutefois <u>/!\\</u>&nbsp;il&nbsp;devra&nbsp;être&nbsp;validé&nbsp;par&nbsp;un&nbsp;administrateur&nbsp;<u>/!\\</u> avant&nbsp;d\'être&nbsp;envoyé.</td></tr></tbody></table>';
			break;
		case '3' :
			divNode = document.getElementById('divPopup');
			divNode.innerHTML = '<table style = "height : 20px; width : 300px; font-weight : bold; color : red; margin-top : 150px; border : 2px solid #9999CC;" class = "tablePopup"><tbody><tr><td align = "center" style = "padding : 50px; cursor : pointer;" onclick = "javascript:fermerPopup();">Vous devez attendre au moins 30 secondes avant de pouvoir envoyer un nouveau message.</td></tr></tbody></table>';
			ouvert = false;
			break;
	}
}