// JavaScript Document
function GetXmlHttpObject(){ 
	var objXMLHttp = false;
	try {
			objXMLHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				objXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (E) {
				objXMLHttp = false;
			}
		}
		
		if (!objXMLHttp && typeof XMLHttpRequest !='undefined') {
			objXMLHttp = new XMLHttpRequest();
		}
		
	return objXMLHttp;
} 

function EnviarMail(){
	XMLHttpRequestObject = GetXmlHttpObject();
		if(XMLHttpRequestObject == null) {
			alert ("No hay conexion al servidor");
			return;
		}else{
			var correo = document.getElementById("t_email").value;
			var nombres = document.getElementById("t_nombres").value;
			var dni = document.getElementById("t_dni").value;
			var asunto = document.getElementById("t_asunto").value;
			var mensaje = document.getElementById("t_mensaje").value;
			
			var url = "mail.asp?email=" + correo + "&nombres=" + nombres + "&dni=" + dni + "&asunto=" + asunto + "&mensaje=" + mensaje + "&sid=" + Math.random();
			XMLHttpRequestObject.open("GET", url, true);
				
				XMLHttpRequestObject.onreadystatechange = function(){
					if (XMLHttpRequestObject.readyState == 4){ 
						if (XMLHttpRequestObject.status == 200){
							document.getElementById("mail_container").innerHTML = "";
							createResponse();
						}
						if (XMLHttpRequestObject.status == 500){
							document.getElementById("mail_container").innerHTML = XMLHttpRequestObject.responseText;						
						}	
					}else{
						document.getElementById("mail_container").innerHTML = "<img src='http://190.12.76.67/cgi/ajax_mail/ajax-loader.gif'/>";
					}	

				}
				XMLHttpRequestObject.send(null);
			}
		}

function CrearInputBox(root, valores){
	var oDiv=root.appendChild(document.createElement("div"));
	var oInput=oDiv.appendChild(document.createElement("input"));
	with(oInput){
		name=valores[0];
		maxLength=valores[1];
		type="text";
		value=valores[2];
		className=valores[3];
		id=valores[4];
		onfocus=function(){
			Enfoque(valores[4],valores[2]);
		}
		onblur=function(){
			rellenoVacios(valores[4],valores[2]);
		}
	}
}

function CrearTextArea(root){
	var oDiv=root.appendChild(document.createElement("div"));
	var oTextarea=oDiv.appendChild(document.createElement("textarea"));
	with(oTextarea){
		name="mensaje";
		id="t_mensaje";
		className="textarea";
		onfocus=function(){
			Enfoque(this.id,this.value);
		}
		onblur=function(){
			rellenoVacios("t_mensaje","Especificar Mensaje");
		}
	}
	var oText = oTextarea.appendChild (document.createTextNode("Especificar Mensaje"));
}

function CrearButton(root){
	var oDiv=root.appendChild(document.createElement("div"));
	var oInput=oDiv.appendChild(document.createElement("button"));
	with(oInput){
		id="button";
		className="button";
		value="Enviar";
		onmouseover=function(){
			this.className='button btnhov';
		}
		onmouseout=function(){
			this.className='button';
		}
		onclick=function(){
			sender();
		}
	}
}

function createHTML(){
	
	var oForm=document.getElementById("mail_container").appendChild(document.createElement("form"));
	with(oForm){
		name="form1";
		id="form1";
	}
	 
	var oTable=oForm.appendChild(document.createElement("table"));
	with(oTable){
		cellpadding="0";
		cellspacing="0";
		border="0";
		id="table1";
	}
	var oTbody=oTable.appendChild(document.createElement("tbody"));
	with(oTbody){
		id="tbody1";
	}
	var oTr=oTbody.appendChild(document.createElement("tr"));
	var oTd=oTr.appendChild(document.createElement("td"));
	var oTr=oTbody.appendChild(document.createElement("tr"));
	var oTd=oTr.appendChild(document.createElement("td"));
	with(oTd){
		id="mail_body";
	}
	var oDiv=oTd.appendChild(document.createElement("div"));
	with(oDiv){
		id="form_container";
	}
	
	var divId = document.getElementById("form_container");
	var div1 = new Array("email", "50", "E-mail", "inputbox", "t_email");
	var div2 = new Array("nombres", "50", "Nombres y Apellidos", "inputbox", "t_nombres");
	var div3 = new Array("dni", "8", "DNI", "inputbox", "t_dni");
	var div4 = new Array("asunto", "50", "Asunto", "inputbox", "t_asunto");
	
	CrearInputBox(divId, div1);
	CrearInputBox(divId, div2);
	CrearInputBox(divId, div3);
	CrearInputBox(divId, div4);
	
	CrearTextArea(divId);
	CrearButton(divId);
}

function createResponse(){
	var oDiv=document.getElementById("mail_container").appendChild(document.createElement("div"));
	with(oDiv){
		style.fontFamily="Arial, Helvetica, sans-serif";
		style.color="#000099";
		style.fontSize="11px";
		style.fontWeight="bold";
		style.textAlign="center";
		style.paddingLeft="3px";
		style.paddingRight="3px";
		style.marginLeft="5px";
		style.marginRight="5px";
		style.border="1px solid #666666";
	}
	var oP=oDiv.appendChild(document.createElement("p"));
	var oText = oP.appendChild (document.createTextNode("Su mensaje fue enviado exitosamente"));
	var oP=oDiv.appendChild(document.createElement("p"));
	var oText = oP.appendChild (document.createTextNode("Gracias por sus comentarios y/o sugerencias a DIGESA"));
	var oP=oDiv.appendChild(document.createElement("p"));
	var oA=oP.appendChild(document.createElement("a"));
	with(oA){
		href="#";
		onclick = function(){
			document.getElementById("mail_container").innerHTML = "";
			createHTML();
		}
	}
	var oText = oA.appendChild (document.createTextNode("Volver"));
}