var xmlHttp;
window.onload = function(){
	if(!document.getElementById("contato")) return false;
	var contato = document.getElementById("contato");
	contato.onclick = function(){
		//verifica se o painel ja esta habilitado
		if(document.getElementById("divContato"))
		{
			var contatodiv = document.getElementById("divContato"); 
			var d = document.body;
			var throwawayNode = d.removeChild(contatodiv);
			return false;
		}
		else
		{
			return criarContato();
		}
}
function criarContato(){
		var navegador = navigator.userAgent.toLowerCase();
		if (navegador.indexOf("msie") !=-1){
			var ienav = true;
		}
		//cria o painel de mensagem e o form
		var div = document.createElement("div");
		div.setAttribute("id","divContato");
		var header = document.createElement("h3");
		var textheader = document.createTextNode("Entre em contato com a Sheltermidia");
		header.appendChild(textheader);
		var para = document.createElement("p");
		var textpara = document.createTextNode("(TV Corporativa, Jornal Resumo, Jornal The News, Jornal Momento)");
		para.appendChild(textpara);
		var form = document.createElement("form");
		form.setAttribute("id","frmContato");
		form.setAttribute("action","#");
		form.setAttribute("onsubmit","return validaContato();");
		//cria a lista de items do form
		var lista = document.createElement("ul");
		for(var i=0; i <= 3; i++){
			if(i==0){
				//cria o item nome
				var item1 = document.createElement("li");
				var label1 = document.createElement("label");
				var text1 = document.createTextNode("Nome");
				label1.appendChild(text1);
				item1.appendChild(label1);
				//cria o campo
				var campo1 = document.createElement("input");
				campo1.setAttribute("type","text");
				campo1.setAttribute("id","txtNome");
				campo1.setAttribute("name","txtNome");
				item1.appendChild(campo1);
				lista.appendChild(item1);
			}
			else if(i==1){
				//cria o item email
				var item2 = document.createElement("li");
				item2.setAttribute("class","textContato");
				if(ienav){
					item2.style.setAttribute('cssText', 'padding-bottom:10px; width:47%; margin-right:8px; float:left;', 0);
				}
				var label2 = document.createElement("label");
				var text2 = document.createTextNode("E-mail");
				label2.appendChild(text2);
				item2.appendChild(label2);
				//cria o campo email
				var campo2 = document.createElement("input");
				campo2.setAttribute("type","text");
				campo2.setAttribute("id","txtEmail");
				campo2.setAttribute("name","txtEmail");
				item2.appendChild(campo2);
				lista.appendChild(item2);
			}
			else if(i==2){
				//cria o item telefone
				var item3 = document.createElement("li");
				item3.setAttribute("class","textContato");
				if(ienav){
					item3.style.setAttribute('cssText', 'padding-bottom:10px; width:47%; margin-right:8px; float:left;', 0);
				}
				var label3 = document.createElement("label");
				var text3 = document.createTextNode("Telefone");
				label3.appendChild(text3);
				item3.appendChild(label3);
				//cria o campo email
				var campo3 = document.createElement("input");
				campo3.setAttribute("type","text");
				campo3.setAttribute("id","txtTelefone");
				campo3.setAttribute("name","txtTelefone");
				item3.appendChild(campo3);
				lista.appendChild(item3);
			}
			else{
				//cria o item  mensagem
				var item4 = document.createElement("li");
				var label4 = document.createElement("label");
				var text4 = document.createTextNode("Mensagem");
				label4.appendChild(text4);
				item4.appendChild(label4);
				//cria o campo mensagem
				var campo4 = document.createElement("textarea");
				campo4.setAttribute("id","txtMsg");
				campo4.setAttribute("name","txtMsg");
				item4.appendChild(campo4);
				lista.appendChild(item4);
			}
		}
		var item5 = document.createElement("li");
		var campo5 = document.createElement("input");
		campo5.setAttribute("type","button");
		campo5.setAttribute("id","btEnviar");
		campo5.setAttribute("value","Enviar");
		item5.appendChild(campo5);
		
		var campo6 = document.createElement("input");
		campo6.setAttribute("type","button");
		campo6.setAttribute("id","btCancelar");
		campo6.setAttribute("value","Cancelar");
		item5.appendChild(campo6);
		
		lista.appendChild(item5);
		
		form.appendChild(lista);
		div.appendChild(header);
		div.appendChild(para);
		div.appendChild(form);
		//adiciona o novo painel a página
		document.body.appendChild(div);
		document.getElementById("txtNome").focus();
		//carrega as funcoes
		if(document.getElementById("btEnviar") && document.getElementById("btCancelar")){
			document.getElementById("btEnviar").onclick = function(){
				return enviarContato();
				}
			document.getElementById("btCancelar").onclick = function(){
				return cancelarContato();
				}
		}
		return carregaAtributos();
	}
}
function carregaAtributos(){
	var navegador = navigator.userAgent.toLowerCase();
	if (navegador.indexOf("msie") !=-1){
		var ienav = true;
	}
	if(document.getElementById("txtNome")){
			document.getElementById("txtNome").setAttribute("class","text");
			document.getElementById("txtNome").setAttribute("onfocus","this.select()");
			if(ienav){
				document.getElementById("txtNome").style.setAttribute('cssText', 'font:14px Geneva, Arial, Helvetica, sans-serif; width:100%; padding:2px; border:1px solid #666; background:none; color:#FFFFFF;', 0);
			}
	}
	if(document.getElementById("txtEmail")){
			document.getElementById("txtEmail").setAttribute("class","text");
			document.getElementById("txtEmail").setAttribute("onfocus","this.select()");
			if(ienav){
				document.getElementById("txtEmail").style.setAttribute('cssText', 'font:14px Geneva, Arial, Helvetica, sans-serif; width:100%; padding:2px; border:1px solid #666; background:none; color:#FFFFFF;', 0);
			}
	}
	if(document.getElementById("txtTelefone")){
			document.getElementById("txtTelefone").setAttribute("class","text");
			document.getElementById("txtTelefone").setAttribute("onfocus","this.select()");
			if(ienav){
				document.getElementById("txtTelefone").style.setAttribute('cssText', 'font:14px Geneva, Arial, Helvetica, sans-serif; width:100%; padding:2px; border:1px solid #666; background:none; color:#FFFFFF;', 0);
			}
	}
	if(document.getElementById("txtMsg")){
			document.getElementById("txtMsg").setAttribute("class","text");
			document.getElementById("txtMsg").setAttribute("onfocus","this.select()");
			if(ienav){
				document.getElementById("txtMsg").style.setAttribute('cssText', 'font:14px Geneva, Arial, Helvetica, sans-serif; width:100%; padding:2px; border:1px solid #666; background:none; color:#FFFFFF;', 0);
			}
	}
	return false;
}
function cancelarContato(){
	if(document.getElementById("divContato")){
		var contatodiv = document.getElementById("divContato"); 
		var d = document.body;
		var throwawayNode = d.removeChild(contatodiv);
		return true;
	}
	return false;
}
function enviarContato(){
	var nome = document.getElementById("txtNome").value;
	var email = document.getElementById("txtEmail").value;
	var telefone = document.getElementById("txtTelefone").value;
	var msg = document.getElementById("txtMsg").value;
	
	if(nome != "" && email != "" && telefone != "" && msg != ""){
		//validacao de email
		var oRegEmail = /^[a-z0-9\._\-]+\@[a-z0-9\._\-]+\.[a-z]{2,3}$/i;
		if (!oRegEmail.test(email)){
			alert('Digite um e-mail válido.')
			document.getElementById('txtEmail').value = "";
			document.getElementById('txtEmail').focus();
			return false;
		}
		document.getElementById("btEnviar").value = "Enviando mensagem ...";
		document.getElementById("btEnviar").enabled = false;
		
		xmlHttp=GetXmlHttpObject();
		if (xmlHttp==null){
		  //se não suporta xmlhttp avisa o usuario
		  alert ("Este browser não suporta esta aplicação web.");
		  return;
		} 
		var url = "enviar.php?";
		url = url+"nome="+nome+"&email="+email+"&telefone="+telefone+"&mensagem="+msg;
		//qdo pronto chama a funcao que atuliza o painel com o calendario
		xmlHttp.onreadystatechange = AtualizaContato;
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);
	}
	else{
		alert("Erro: Por favor, informe todos os campos.");
		return false;
	}
}
function AtualizaContato(){ 
	if (xmlHttp.readyState==4){ 
		if(xmlHttp.responseText!=""){
			alert("Erro: "+xmlHttp.responseText+"\nTente novamente.");
			//cancelarContato();
		}
		else{
			alert("Feito: Sua mensagem foi enviada com sucesso.");
			cancelarContato();
		}
	}
}