//Archivo:  COntacto
//Empresa:  Concierto de Tecnología
var mensaje;
var background;
var numero;
var mensaje_error;
var mensaje_error_descripcion;
var contador_loading;


/***********************************************************************************/
//                                      CONTACTO
/***********************************************************************************/
function enviarCorreo()
{    
    var nombre= document.getElementById("nombre");
    var empresa= document.getElementById("empresa");
    var cargo= document.getElementById("cargo");
    var direccion= document.getElementById("direccion");
    var pais= document.getElementById("pais");
    var ciudad= document.getElementById("ciudad");
    var telefono= document.getElementById("telefono");
    var fax= document.getElementById("fax");
    var email= document.getElementById("email");
    var comentarios=document.getElementById("comentarios");
    
    if(nombre.value!="" && pais.value!="" && telefono.value!="" && email.value!="" && validarEmail(email.value) ){
    
        Concierto.Site.correo.EnviarCorreo(nombre.value, empresa.value, cargo.value, direccion.value, pais.value, ciudad.value, telefono.value, fax.value, email.value, comentarios.value, OnSucceeded_EnviarCorreo);  
    }else{
        var cont=0;
        mensaje_error="";
        mensaje_error_descripcion="";
        if(nombre.value=="" && pais.value=="" && telefono.value=="" && email.value==""){
            mensaje_error="Los siguientes campos son requeridos:<br />&nbsp;- Nombre.<br />&nbsp;- País.<br />&nbsp;- Teléfono.<br />&nbsp;- E-mail .<br />";            
            mostrarMensajeError();
        }else{        
            if(nombre.value=="" )
            {
                mensaje_error_descripcion="&nbsp;- Nombre.<br />";
                cont++;
            }
            if(pais.value=="" )
            {
                if(cont==0){
                    mensaje_error_descripcion="&nbsp;- País.<br />";
                }else{
                    mensaje_error_descripcion=mensaje_error_descripcion+"&nbsp;- País.<br />";
                }
                cont++;
            }
            if(telefono.value=="" )
            {
                if(cont==0){                    
                    mensaje_error_descripcion="&nbsp;- Teléfono.<br />";
                    
                }else{
                    mensaje_error_descripcion=mensaje_error_descripcion+"&nbsp;- Teléfono.<br />";
                }
                cont++;
            }
            if(email.value=="")
            {
                if(cont==0){
                    
                    mensaje_error_descripcion="&nbsp;- E-mail.<br />";
                    
                }else{
                    mensaje_error_descripcion=mensaje_error_descripcion+"&nbsp;- E-mail .<br />";
                    
                    
                }
                cont++;
            }else{
                if(validarEmail(email.value)==false)
                {
                    if(cont==0){
                        
                        mensaje_error_descripcion="&nbsp;- E-mail (incorrecto).<br />";
                        
                    }else{
                        mensaje_error_descripcion=mensaje_error_descripcion+"&nbsp;- E-mail (incorrecto).<br />";
                        
                        
                    }
                    cont++;
                }
            }
            
            if(cont>1){
                mensaje_error="&nbsp;&nbsp;&nbsp;&nbsp;Los siguientes campos son requeridos:<br />";
            }else{
                mensaje_error="&nbsp;El siguiente campo es requerido:<br />";
            }
            
            mostrarMensajeError();
            
            //alert(mensaje_error+mensaje_error_descripcion);
            
        }
        
    }    
}
function OnSucceeded_EnviarCorreo(result, eventArgs)
{
    if(result=="OK"){
        mostrarMensaje();
    }else{
        mensaje_error="El formulario no se pudo enviar por favor inténtelo de nuevo. Gracias";
        mensaje_error_descripcion="";
        mostrarMensajeError();
    }   
} 




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="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
    var cuerpo_contenido= document.getElementById("mensaje");
    document.getElementById("formulario").innerHTML="";
    cuerpo_contenido.innerHTML = mensaje; 
    setTimeout(MostrarEfectoMensaje,200);
}
function MostrarEfectoMensaje()
{
    var cuerpo_contenido= document.getElementById("mensaje");
    switch(numero){
        case 0: background="FFFFF9"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;   
        case 1: background="FFFFEA"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;          
        case 2: background="FFFFE1"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;
        case 3: background="FFFFD9"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;
        case 4: background="FFFFCC"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;
        case 5: background="FFFFB7"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;
        case 6: background="ffffff";
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;
        case 7: background="FFFFF9"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;   
        case 8: background="FFFFEA"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;          
        case 9: background="FFFFE1"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;
        case 10: background="FFFFD9"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;
        case 11: background="FFFFCC"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;
        case 12: background="FFFFB7"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;
        case 13: background="FFFFCC";
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">Gracias por escribirnos. Muy pronto nos comunicaremos con usted.</p>";
                break;        
    }   
      
    numero++;
    if(numero<14){
        setTimeout(MostrarEfectoMensaje,200);
    }else{
       
    }
}


function mostrarMensajeError()
{
    numero=0; 
    background="FFFFEA";
    mensaje="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
    var cuerpo_contenido= document.getElementById("mensaje");    
    cuerpo_contenido.innerHTML = mensaje; 
    setTimeout(MostrarEfectoMensajeError,90);
}
function MostrarEfectoMensajeError()
{
    var cuerpo_contenido= document.getElementById("mensaje");
    switch(numero){
        case 0: background="FFFFF9"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;   
        case 1: background="FFFFEA"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;          
        case 2: background="FFFFE1"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;
        case 3: background="FFFFD9"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;
        case 4: background="FFFFCC"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;
        case 5: background="FFFFB7"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;
        case 6: background="ffffff";
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;
        case 7: background="FFFFF9"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;   
        case 8: background="FFFFEA"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;          
        case 9: background="FFFFE1"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;
        case 10: background="FFFFD9"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;
        case 11: background="FFFFCC"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;
        case 12: background="FFFFB7"; 
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;
        case 13: background="FFFFCC";
                cuerpo_contenido.innerHTML="<p style=\"background:#"+background+";width:520px;\">"+mensaje_error+mensaje_error_descripcion+"</p>";
                break;        
    }   
      
    numero++;
    if(numero<14){
        setTimeout(MostrarEfectoMensajeError,90);
    }else{
        
    }
}