var mensaje;
var mensaje_tmp;
var background;
var numero;
var mensaje_error;
var mensaje_error_descripcion;
var contador_loading;

function suscribirse()
{
     
    var nombre= document.getElementById("txtnombre");    
    var email= document.getElementById("txtemail");
    
    
    if(nombre.value!="" && email.value!="" && validarEmail(email.value)){
    
        amigoarbol.site.newsletter.suscribir(nombre.value, email.value, OnSucceeded_Suscribir);  
    }else{
        if(nombre.value=="" && !validarEmail(email.value)){
            mensaje="<p style=\"background:#|background|;\">Debe ingresar todos los campos.</p>";        
        }else if(nombre.value==""){
            mensaje="<p style=\"background:#|background|;\">Debe ingresar su nombre.</p>";        
        }else{
            mensaje="<p style=\"background:#|background|;\">Debe ingresar un correo valido.</p>";        
        }
        mostrarMensaje()
    }
}

function OnSucceeded_Suscribir(result, eventArgs)
{
    var nombre= document.getElementById("txtnombre");    
    var email= document.getElementById("txtemail");
    nombre.value="";
    email.value="";
    if(result=="OK"){        
        
    
        mensaje="<p style=\"background:#|background|;\">Gracias por suscribirse.</p>";        
    }else{
        mensaje="<p style=\"background:#|background|;\">"+result+"</p>";        
       
    }   
    mostrarMensaje();
} 

function validarEmail(valor) {
  if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(valor)){
    return (true);
  } else {
  
   return (false);
  }
 }

function mostrarMensaje()
{
    numero=0; 
    background="FFFFEA";   
    mensaje_tmp=mensaje;
    mensaje=mensaje.replace("|background|",background);    
    var mensaje_contenedor= document.getElementById("mensajenews");   
   
    mensaje_contenedor.innerHTML = mensaje; 
    setTimeout(MostrarEfectoMensaje,90);
}
function MostrarEfectoMensaje()
{
    var mensaje_contenedor= document.getElementById("mensajenews");
    mensaje=mensaje_tmp;
    switch(numero){
        case 0: background="FFFFF9";
                break;   
        case 1: background="FFFFEA";
                break;          
        case 2: background="FFFFE1";
                break;
        case 3: background="FFFFD9";
                break;
        case 4: background="FFFFCC";
                break;
        case 5: background="FFFFB7";                 
                break;
        case 6: background="ffffff";                
                break;
        case 7: background="FFFFF9";                
                break;   
        case 8: background="FFFFEA";                
                break;          
        case 9: background="FFFFE1";                 
                break;
        case 10: background="FFFFD9";                 
                break;
        case 11: background="FFFFCC";                 
                break;
        case 12: background="FFFFB7"; 
                break;
        case 13: background="FFFFCC";                
                break;       
    }   
    mensaje=mensaje.replace("|background|",background);
    mensaje_contenedor.innerHTML=mensaje;
    numero++;
    if(numero<14){
        setTimeout(MostrarEfectoMensaje,200);
    }else{
           mensaje_contenedor.innerHTML="";
    }
}