function MM_effectAppearFade(targetElement, duration, from, to, toggle)
{
	Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
}

function MM_effectGrowShrink(targetElement, duration, from, to, toggle, referHeight, growFromCenter)
{
	Spry.Effect.DoGrow(targetElement, {duration: duration, from: from, to: to, toggle: toggle, referHeight: referHeight, growCenter: growFromCenter});
}

// torna o fundo cinzento para CONTACTO
    function grayOut3(vis, options, bg)   
     {  
     var optionsoptions = options || {};    
     var zindex = options.zindex || 55;   
     var opacity = options.opacity || 85;  
     var opaque = (opacity / 100);   
     var bgcolor = options.bgcolor || bg;   
     var dark=document.getElementById('darkenScreenObject');  
    if (!dark)   
    {  
     // The dark layer doesn't exist, it's never been created.  So we'll    
     // create it here and apply some basic styles.     
     var tbody = document.getElementsByTagName("body")[0];  
     var tnode = document.createElement('div');             
     tnode.style.position='absolute';  
     tnode.style.top='0px';  
     tnode.style.left='0px';     
     tnode.style.overflow='hidden';  
     tnode.style.display='none';  
     tnode.id='darkenScreenObject';  
     tbody.appendChild(tnode);                              
     dark=document.getElementById('darkenScreenObject');    
     }    
 
    if (vis)  
     {   
	 
	 //document.getElementById('recomenda2').style.visibility='hidden';
	 
	 //novotexto='<form id="formcontato" name="formrecomenda" method="post" action=""><div style="width:600px; height:25px; text-align:right"><a href="#" onclick="grayOut3(false, \'\'); return false"><img src="../imagens/fechar.jpg" width="12" height="12" border="0" /></a></div>  <table width="600" border="0" cellspacing="5" cellpadding="0" style="margin-left:10px"><tr><td height="30" colspan="2" align="left" valign="top"><div style="float:left;"><strong><u>Pedido de orçamento</u>:</strong></div></td></tr><tr>  <td align="right" valign="middle" >Nome:</td><td align="left"><input name="nomesugestao" type="text" class="txtrecomenda" id="nomesugestao" /></td></tr><tr><td align="right" >E-mail: </td><td align="left"><input name="emailsugestao" type="text" class="txtrecomenda" id="emailsugestao" /></td></tr><tr><td align="right" >Tema do Site: </td><td align="left"><input name="assuntosugestao" type="text" class="txtrecomenda" id="assuntosugestao" /></td></tr><tr><td align="right" valign="top" >Descrição do Site: </td><td align="left"><textarea name="mensagemsugestao" cols="15" rows="17" class="txtrecomenda" id="mensagemsugestao"></textarea></td></tr><tr><td align="left"></td><td height="30" align="left"><input name="button" type="button"  id="button" onclick="contato();" value="Enviar!" class="txtrecomenda"/></td></tr></table></form>';

	novotexto='<div align="right" class="fecharJanela"><a href="#" onClick="grayOut3(false, \'\'); return false">x</a></div><form action="" method="post" name="form_orcamento" id="form_orcamento" class="formorcamento"><fieldset class="formorcamento"><legend><b>Dados do Site</b></legend>    <p>Tema do Site       <input name="assuntosugestao" type="text" id="assuntosugestao" size="60">    </p>    <p>Número estimado de páginas       <input name="nrPags" type="text" id="nrPags" size="4" maxlength="4">    </p>    <p>Número estimado de formulários       <input name="nrForms" type="text" id="nrForms" size="4" maxlength="4"></p><table cellpadding=0 cellspacing=0>		<tr>	<td><p><input name="baseDados" type="checkbox" id="baseDados" value="Sim">Base de dados</p></td>	<td><p><input name="Carrinho_compras" type="checkbox" id="Carrinho_compras" value="Sim">Carrinho de compras</p></td>	</tr>		<tr>	<td><p><input name="BackOffice" type="checkbox" id="BackOffice" value="Sim">BackOffice</p></td>	<td><p><input name="newsletter" type="checkbox" id="newsletter" value="Sim">Newsletter</p></td>	</tr>		</table>		<p>	Necessário desenvolver logótipo e linha gráfica? <input name="linha_grafica" type="checkbox" id="linha_grafica" value="Sim">    </p>    <p>Descrição detalhada do site<br>      <textarea name="mensagemsugestao" id="mensagemsugestao" cols="75" rows="5"></textarea>    </p>    </fieldset> <br>   <fieldset>    <legend><b>Dados de Contacto</b></legend>    <table width="400" border="0" cellspacing="0" cellpadding="0">      <tr>        <td width="74"><p>Nome </p></td>        <td width="326"><input name="nomesugestao" type="text" id="nomesugestao" size="60"></td>      </tr>      <tr>        <td><p>Empresa</p></td>        <td><input name="empresa" type="text" id="empresa" size="60"></td>      </tr>      <tr>        <td><p>Telefone</p></td>        <td><input name="telefone" type="text" id="telefone" size="9" maxlength="9"></td>      </tr>      <tr>        <td><p>Fax </p></td>        <td><input name="fax" type="text" id="fax" size="9" maxlength="9"></td>      </tr>      <tr>        <td><p>E-mail</p></td>        <td><input name="emailsugestao" type="text" id="emailsugestao" size="60"></td>      </tr>    </table>    </fieldset>    <table width="356" border="0" align="center" cellpadding="0" cellspacing="0">      <tr>        <td width="356" colspan="2" align="center"><input type="button" name="enviar" id="enviar" value=" Enviar " onclick="document.location=\'#\';contato();"></td>      </tr>    </table>    <p>&nbsp;</p>  </form>';

	

	 document.getElementById('recomenda2').innerHTML='<div id=recomenda>'+novotexto+'</div>';
	 
      var pageWidth='100%';   
      var pageHeight='150%';   
     dark.style.opacity=opaque;   
     dark.style.MozOpacity=opaque;         
     dark.style.filter='alpha(opacity='+opacity+')';   
     dark.style.zIndex=zindex;  
     dark.style.backgroundColor=bgcolor;   
     dark.style.width= pageWidth;    
     dark.style.height= pageHeight;   
     dark.style.display='block';    
	 
	 //MM_effectGrowShrink('recomenda', 1000, '0%', '100%', false, false, true);
	 //MM_effectAppearFade('recomenda2', 1000, 0, 100, false);
	 
       }  
     else  
     {     
	   document.getElementById("recomenda").style.display="none";
      dark.style.display='none';   
     }  
	 
 }  
 
 