// JavaScript Document
var req;

function loadXMLDoc(url,valor)
{
	req = null;
    // Procura por um objeto nativo (Mozilla/Safari)
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange;
        req.open("GET", url+'?email='+valor, true);
        req.send(null);
    // Procura por uma versao ActiveX (IE)
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("GET", url+'?email='+valor, true);
            req.send();
        }
    }
	
}


function processReqChange()
{
    // apenas quando o estado for "completado"
    if (req.readyState == 4) {
        // apenas se o servidor retornar "OK"
        if (req.status == 200) {
           
			document.getElementById('retorno').innerHTML = req.responseText;
			
			
        } else {
            alert("Houve um problema ao obter os dados1:\n" + req.statusText);
        }
    }
}




function Atualizar(v)
{
	if(v==1)
	{
		document.getElementById('retorno').innerHTML = '<table width="180" border="0" cellpadding="0" cellspacing="0" class="tableas-margemtopbottom" style="margin-top:20px;">                  <tr>           <td height="90" align="left" valign="top" bgcolor="#F0F0F0" style="padding:10px;">           <h2 class="titulos-azul" style="margin-bottom:15px;">Newsletter</h2>           E-mail:           <table width="155" border="0" cellspacing="0" cellpadding="0">             <tr>               <td width="132" align="left" valign="top"><input type="text" name="email" id="email"  style="width:120px; height:17px; border:1px solid #C4CDD5; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;"/></td>               <td width="28" align="right" valign="top"><span style="padding:7px 8px;">                 <input name="enviar2" type="image" id="enviar2" style="margin-top:5px;" src="imagens/bt-ok.jpg" width="30" height="18" border="0" onClick="Atualizar(\'\')"/>               </span></td>             </tr>           </table>           </td>         </tr>       </table>';
	}
	else
	{
		valor = document.getElementById("email").value;
		//alert("valor");
		if(valor != "")
		loadXMLDoc("ajaxNewsletter.php",valor);
		else
		alert("O e-mail deve ser preenchido");
	}
}


function loadXMLDoc2(url,valor, valor2, valor3, valor4, valor5, valor6)
{
	req = null;
    // Procura por um objeto nativo (Mozilla/Safari)
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange2;
        req.open("GET", url+'?id='+valor+'&remetente='+valor2+'&destinatario='+valor3+'&emailremetente='+valor4+'&emaildestinatario='+valor5+'&mensagem='+valor6, true);
        req.send(null);
    // Procura por uma versao ActiveX (IE)
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange2;
            req.open("GET", url+'?id='+valor+'&remetente='+valor2+'&destinatario='+valor3+'&emailremetente='+valor4+'&emaildestinatario='+valor5+'&mensagem='+valor6, true);
            req.send();
        }
    }
	
}


function processReqChange2()
{
    // apenas quando o estado for "completado"
    if (req.readyState == 4) {
        // apenas se o servidor retornar "OK"
        if (req.status == 200) {
           
			document.getElementById('retorno').innerHTML = req.responseText;
			
			
        } else {
            alert("Houve um problema ao obter os dados1:\n" + req.statusText);
        }
    }
}




function convidar(v)
{
	if(v == 1)
	{
		document.getElementById('retorno').innerHTML = '<table width="100%" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td colspan="4" style="background:url(imagens/background-cadastro.jpg) repeat-x; height: 23px; border: #394144 1px solid; padding-left: 5px; font-size:14px; font-family:Arial, Helvetica, sans-serif">Indique para um amigo<input type="hidden" name="idProduto" id="idProduto" value="<?=$id?>" /></td>
                </tr>
                <tr>
                  <td width="110px" colspan="4"></td>
                </tr>
                <tr>
                  <td width="110px">Seu Nome:</td>
                  <td><input name="remetente" type="text" class="input" id="remetente" style="width: 160px"/></td>
                  <td width="75px">Mensagem:</td>
                  <td rowspan="5"><textarea name="comentario" id="comentario" cols="45" rows="5" class="input" style="width: 180px; height:120px"></textarea></td>
                </tr>
                <tr>
                  <td>Seu E-mail:</td>
                  <td><input name="emailremetente" type="text" class="input" id="emailremetente" style="width: 160px"/></td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td colspan="2"><center><img src="imagens/linha-produto-interna.jpg" width="270" height="1" /></center></td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>Nome do amigo:</td>
                  <td><input name="destinatario" type="text" class="input" id="destinatario" style="width: 160px"/></td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>E-mail do amigo:</td>
                  <td><input name="emaildestinatario" type="text" class="input" id="emaildestinatario" style="width: 160px"/></td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td colspan="4" align="center">
                    <p><br /><br />
                      <input type="image" name="imageField2" id="imageField2" src="imagens/btn-indicar.jpg" onclick="convidar()" />
                  </p></td>
                </tr>
              </table>';
	}
	else
	{
		valor = document.getElementById("idProduto").value;
		valor2 = document.getElementById("remetente").value;
		valor3 = document.getElementById("destinatario").value;
		valor4 = document.getElementById("emailremetente").value;
		valor5 = document.getElementById("emaildestinatario").value;
		valor6 = "Link do produto: <a href='<?php $loParametros["url_site"]?>/produto-interna.php?id=" + valor + "'>$loParametros["url_site"]?>/produto-interna.php?id=" + valor + "</a> <br /> <br />";
		valor6+= document.getElementById("comentarios").value;
		
		if(valor != "" && valor2 != "" && valor3 != "" && valor4 != "" && valor5 != "")
		{
			document.getElementById('retorno').innerHTML = '<table width="560" border="0" cellspacing="0" cellpadding="0">            <tr>              <td width="560" height="311" align="center" valign="middle"><img src="images/loading.gif" width="32" height="32" /></td>            </tr>                      </table>';
			loadXMLDoc2("ajaxConvide.php",valor, valor2, valor3, valor4, valor5, valor6);
		}
		else
		alert("Todos os campos devem ser preenchidos");
	}
}
