	function FocusTbxColor(o){
		document.getElementById(o).style.backgroundColor = "#EEEFD3";
	}
	function BlurTbxColor(o){
		document.getElementById(o).style.backgroundColor = "#e5e5e5";
	}
	function addItem(o){
		document.getElementById('itens').innerHTML = "<table width='650' border='0' align='center' cellpadding='0' cellspacing='0'><tr><td><img src='image/bordasDiv_r1_c1.png' width='650' height='18' /></td></tr><tr><td><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='14' background='image/bordasDiv_r2_c1.png'>&nbsp;</td> <td bgcolor='#FFCECE'><table bgcolor='#FFCECE' width='600'><tr><td align='center'><p class='style2'>Deseja negociar o espaço "+o+" desta página?</p></td><td><input type='button' value='Continuar' class='btn' onClick=javascript:continuar("+o+",'');></td><td><input class='btn' type='button' value='Cancelar' onClick='javascript:removeFromDiv("+o+");'></td></tr></table></td><td width='14' background='image/bordasDiv_r2_c3.png'>&nbsp;</td>  </tr></table></td></tr><tr> <td><img src='image/bordasDiv_r4_c1.png' width='650' height='17' /></td></tr></table>";
	}
	function removeFromDiv(o){
		document.getElementById('itens').innerHTML = '';
		document.getElementById(o).src = "image/banners/alugar.png";
	}
	function removeAllFromDiv(){
		document.getElementById('itens').innerHTML = '';
	}
	function continuar(o,str){

		if(str.length==0)
			str = "<span class='style3'>Preencha os campos corretamente. Eles ser&atilde;o todos validados a seguir.</span>";
			
		document.getElementById('itens').innerHTML = '<table width="650" border="0" align="center" cellpadding="0" cellspacing="0">  <tr>  <td><img src="image/bordasDiv_r1_c1.png" width="650" height="18" /></td>  </tr>  <tr>  <td><table width="100%" border="0" cellspacing="0" cellpadding="0">  <tr>  <td width="14" background="image/bordasDiv_r2_c1.png">&nbsp;</td>  <td bgcolor="#FFCECE"><table width="600" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFCECE"> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td><table width="600" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffcece"> <tr> <td width="600" align="center">&nbsp;</td> </tr> <tr> <td align="center"><span class="style2">Por favor, informe alguns dados para continuar.</span></td> </tr> <tr> <td align="center"></td> </tr> <tr> <td align="center"> <table width="590" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="363"><table width="350" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="right" class="style3">&nbsp;</td> <td>&nbsp;</td> <td align="left">&nbsp;</td> </tr> <tr> <td align="right" class="style3">&nbsp;</td> <td>&nbsp;</td> <td align="left">&nbsp;</td> </tr> <tr> <td width="128" align="right" class="style3">Nome:</td> <td width="12">&nbsp;</td> <td width="260" align="left"><input name="nome" onBlur=BlurTbxColor("nome") onFocus=FocusTbxColor("nome"); type="text" class="textoForms" id="nome" /></td> </tr> <tr> <td align="right" class="style3">E-mail:</td> <td>&nbsp;</td> <td align="left"><input name="email"  onBlur=BlurTbxColor("email") onFocus=FocusTbxColor("email"); type="text" class="textoForms" id="email" /></td> </tr> <tr> <td align="right" class="style3">CPF:</td> <td>&nbsp;</td> <td align="left"><input name="cpf" type="text" onBlur=BlurTbxColor("cpf") onFocus=FocusTbxColor("cpf"); class="textoForms" id="cpf" /></td> </tr> <tr> <td colspan="3" align="left" class="style3">&nbsp;</td> </tr> <tr> <td colspan="3" align="left" class="style3">&nbsp;</td> </tr> <tr> <td colspan="3" align="left" class="style3">'+str+'</td> </tr> </table></td> <td width="237"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left">&nbsp;</td> </tr> <tr> <td align="left"><p class="style3"> O e-mail &eacute; necess&aacute;rio para o recebimento das informa&ccedil;&otilde;es de pagamento e o CPF para a identifica&ccedil;&atilde;o do pagamento.</p></td> </tr> <tr> <td align="left"><span class="style3">Ao prosseguir, seus dados ainda n&atilde;o estar&atilde;o salvos e voc&ecirc; ainda poder&aacute; cancelar o pedido.</span></td> </tr> </table> </td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td align="right"><input name="botao" type="button" class="btn" id="botao" onClick=javascript:processando("validaDados",'+o+',document.getElementById("cpf").value,document.getElementById("nome").value,document.getElementById("email").value); value="Continuar" /> <input onclick="javascript:removeFromDiv('+o+');" name="cancelar" type="button" class="btn" id="cancelar" value="Cancelar" /></td> </tr> <tr> <td>&nbsp;</td> <td align="right">&nbsp;</td> </tr> </table></td> </tr> </table></td> <td>&nbsp;</td> </tr> </table></td>  <td width="14" background="image/bordasDiv_r2_c3.png">&nbsp;</td>  </tr>  </table></td>  </tr>  <tr>  <td><img src="image/bordasDiv_r4_c1.png" width="650" height="17" /></td>  </tr> </table>';
		document.getElementById(o).src = "image/banners/indisponivel.png";
	}
	function validaDados(o,cpf,nome,email){
		
		if(cpf.length==0 || nome.length==0 || email.length==0){
			continuar(o,'<span class="style4">Preencha corretamente TODOS os campos. Há algum campo vazio. Por favor, corrija.</span>');
		}else{
			processando('terminar',o,cpf,nome,email);
		}

	}
	function terminar(o,cpf,nome,email){
		document.getElementById('itens').innerHTML = '<table width="650" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><img src="image/bordasDiv_r1_c1.png" width="650" height="18" /></td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="14" background="image/bordasDiv_r2_c1.png">&nbsp;</td> <td bgcolor="#FFCECE"><table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#FFCECE">&nbsp;</td> </tr> <tr> <td bgcolor="#FFCECE"><table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="54">&nbsp;</td> <td align="left" width="498" class="style2">Seus dados j&aacute; foram verificados e validados pelo sistema. </td> <td width="48">&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td class="style2" align="left"><p>Ap&oacute;s a sua confirma&ccedil;&atilde;o apenas aguarde em sua caixa de mensagens um email com as informa&ccedil;&otilde;es de pagamento e de configura&ccedil;&atilde;o do seu banner. </p> <p>Muito obrigado!</p></td> <td>&nbsp;</td> </tr> </table></td> </tr> <tr> <td bgcolor="#FFCECE">&nbsp;</td> </tr> <tr> <td align="center" bgcolor="#FFCECE"><form id="form1" name="form1" method="post" action="" onSubmit="return enviaCliente()";> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="175" align="right" class="style2"> Nome:</td> <td width="17" class="style3">&nbsp;</td> <td align="left" width="408" class="style2">'+nome+'</td> </tr> <tr> <td align="right" class="style2">E-mail:</td> <td class="style3">&nbsp;</td> <td align="left" class="style2">'+email+'</td> </tr> <tr> <td align="right" class="style2">CPF:</td> <td class="style3">&nbsp;</td> <td align="left" class="style2">'+cpf+'</td> </tr> <tr> <td align="right">&nbsp;</td> <td>&nbsp;</td> <td><input name="nome" type="hidden" id="nome" value="'+nome+'" /> <input name="email" type="hidden" id="email" value="'+email+'" /> <input name="cpf" type="hidden" id="cpf" value="'+cpf+'" /> <input name="cell" type="hidden" id="cell" value="'+o+'"/></td> </tr> <tr> <td align="right">&nbsp;</td> <td>&nbsp;</td> <td align="center"><div id="botoes"><input name="Submit" type="submit" class="btn" value="Confirmar" />&nbsp;<input name="Submit2" type="button" class="btn" value="Cancelar" onClick="javascript:removeFromDiv('+o+');" /></div></td> </tr> </table> </form> </td> </tr> <tr> <td bgcolor="#FFCECE">&nbsp;</td> </tr> </table></td>  <td width="14" background="image/bordasDiv_r2_c3.png">&nbsp;</td>  </tr>  </table></td>  </tr>  <tr>  <td><img src="image/bordasDiv_r4_c1.png" width="650" height="17" /></td>  </tr> </table>';
	}
	function processando(func, o,cpf,nome,email){
		document.getElementById('itens').innerHTML = '<table width="650" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><img src="image/bordasDiv_r1_c1.png" width="650" height="18" /></td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="14" background="image/bordasDiv_r2_c1.png">&nbsp;</td> <td bgcolor="#FFCECE"><table width="600" height="274" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFCECE"><tr><td align="center">&nbsp;</td></tr><tr><td align="center" class="style2"><img src="image/loading.gif" width="220" height="19" /></td></tr><tr><td align="center" class="style3">processando... </td></tr><tr><td align="center">&nbsp;</td></tr></table></td>  <td width="14" background="image/bordasDiv_r2_c3.png">&nbsp;</td>  </tr>  </table></td>  </tr>  <tr>  <td><img src="image/bordasDiv_r4_c1.png" width="650" height="17" /></td>  </tr> </table>';
		setTimeout(func+'("'+o+'","'+cpf+'","'+nome+'","'+email+'")',1000);

	}
	function logon(){
//		erroDiv = document.getElementById('erro');

		document.getElementById('tbxLogin').value;
		document.getElementById('tbxSenha').value;
			
			
		if(document.getElementById('tbxLogin').value.length == 0 || document.getElementById('tbxSenha').value.length == 0){
			escreveErro('<table><tr><td><img src="../image/load.gif"/></td><td><span class="style8">  Há campos vazios...</span></td></tr></table>');
			setTimeout('validaLogon()',1000);
		}else{
			document.getElementById('form1').submit();
		}
	}
	function logonWait(){
		someResome('none');
		escreveErro('<table><tr><td><img src="../image/load.gif"/></td><td><span class="style8">  Validando...</span></td></tr></table>');
		setTimeout('logon()',1000);
	}
	function someResome(display){
		document.getElementById('login').style.display = display;
		document.getElementById('pass').style.display = display;
		document.getElementById('submit').style.display = display;
		document.getElementById('lblLogin').style.display = display;
		document.getElementById('lblSenha').style.display = display;
	}
	function escreveErro(s){
		document.getElementById("erro").innerHTML = s;
	}
	function validaLogon(){
		s='<table>';
		if(document.getElementById('login').value.length == 0){
			s+='<tr><td><span class="style3">O campo de login está vazio.</span></td></tr>';
		}
		if(document.getElementById('pass').value.length == 0){
			s+='<tr><td><span class="style3">O campo de senha está vazio.</span></td></tr>';
		}
		s+='</table>';

		someResome('block');

		escreveErro(s);

		return false;
	}
	function objXMLHttp(){
	
		if (window.XMLHttpRequest) { // Mozilla, Safari, ...
			var objetoXMLHttp = new XMLHttpRequest();
			return objetoXMLHttp;
		} else if (window.ActiveXObject) { // IE
				
			var versoes = [ "MSXML2.XMLHttp.5.0",
							"MSXML2.XMLHttp.4.0","MSXML2.XMLHttp.3.0",
							"MSXML2.XMLHttp","Microsoft.XMLHttp"
					];
			
					for (var i = 0; i < versoes.length; i++) {
						try {
							var objetoXMLHttp = new ActiveXObject(versoes[i]);
							return objetoXMLHttp;
						} catch (ex) {
							//nada aqui
						}
					}
		}
				return false;
	}
	function getDados(objForm) {
		
		var params = new Array();
	
		for (var i=0 ; i < document.getElementById(objForm).elements.length; i++) {
			var parametro = encodeURIComponent(document.getElementById(objForm).elements[i].name);
			parametro += "=";
			parametro += encodeURIComponent(document.getElementById(objForm).elements[i].value);
			params.push(parametro);
		}
	
		return params.join("&");
	}
	function setDados(objForm){
		for(var i=0; i<document.getElementById(objForm).elements.length-1;i++){
			document.getElementById(objForm).elements[i].value="";
		}
	}
	function enviaPost(formulario){
		var dados = getDados(formulario);		
		
		var oXMLHttp = objXMLHttp();
		oXMLHttp.open("POST", "login_area.php", true);
		oXMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	
		oXMLHttp.onreadystatechange = function () {
			if (oXMLHttp.readyState == 4) {
				if (oXMLHttp.status == 200) {
					if(oXMLHttp.responseText == "oops"){
						escreveErro("<table><tr><td><span class='style33'>Usuário ou senha inválidos.</span></td></tr></table>");
					}else{
						pag = oXMLHttp.responseText.substr(0,17);
						nom = oXMLHttp.responseText.substr(18);
						
						escreveErro("<table><tr><td><img src='imgs/21-0.gif'/></td><td><span class='style33'>Bem-vindo!<br> Você será redirecionado.</span></td></tr></table>");
						setDados(formulario);
						
						setTimeout('entraAdmin("'+pag.replace(/^\s+|\s+$/g, '')+'")',3000);
					}
				} else {
					escreveErro("Ocorreu o erro: "+ oXMLHttp.statusText);
				}
			}
		};
		oXMLHttp.send(dados);
		return false;
	}
	function entraAdmin(pag){
		escreveErro("");
		
		window.open(pag+"/index.php");
	}
	function verificarLogon(formulario) {
		
		if(document.getElementById('login').value.length == 0 || document.getElementById('pass').value.length == 0){
			escreveErro('<table><tr><td></td><td><span class="style33">  Há campos vazios...</span></td></tr></table>');
			setTimeout('validaLogon()',1000);
			return false;
		}else{
			escreveErro('<table><tr><td><img src="imgs/21-0.gif"/></td><td><span class="style33">  Validando...</span></td></tr></table>');
			setTimeout('enviaPost("form1")',1000);
			return false;
		}	
	}
	function enviaCliente(){
		formulario = "form1";
		var dados = getDados(formulario);		
		
		var oXMLHttp = objXMLHttp();
		oXMLHttp.open("POST", "alugar.php", true);
		oXMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	
		oXMLHttp.onreadystatechange = function () {
			if (oXMLHttp.readyState == 4) {
				if (oXMLHttp.status == 200) {
					document.getElementById("botoes").innerHTML = "<span class='style23'>Seus dados foram salvos com sucesso</span>";
					setDados(formulario);
					document.getElementById("href"+oXMLHttp.responseText).href = 'javascript:alert("Este espaço está sob negociação.");';
					document.getElementById(oXMLHttp.responseText).src = 'image/indisponivel.png';
					setTimeout('removeAllFromDiv()',2000);
				} else {
					document.getElementById("botoes").innerHTML = "Ocorreu o erro: "+ oXMLHttp.statusText;
				}
			}
		};
		oXMLHttp.send(dados);
		return false;
	}