// JavaScript Document

//http://www.cristalab.com/tips/popups-no-intrusivas-con-javascript-css-y-xhtml-c32633l/
//=====================================================================
// ARRAY DE PREGUNTAS
//=====================================================================
preguntas = new Array();
preguntas[1]="¿Se le atendió con disponibilidad y oportunidad?";
preguntas[2]="¿El trato recibido fue cordial y amable?";
preguntas[3]="¿El tiempo de respuesta y la información proporcionada fueron adecuadas.?";
preguntas[4]="¿En caso de quejas, se le dio solución a sus necesidades?";
preguntas[5]="¿Los horarios de trabajo en el Puerto responden a sus necesidades?";
preguntas[6]="¿Los costos en relación a las operaciones fueron adecuados?";
preguntas[7]="¿Los procesos administrativos y operativos no fueron complicados?";
preguntas[8]="¿El material o servicios proporcionado no sufrió demoras o daños?";
preguntas[9]="¿La seguridad en la operación del Puerto ha sido adecuada?";
preguntas[10]="¿En general, como califica el desempeño de las autoridades que te atendieron?";
preguntas[11]="¿Los servicios que ofrece el puerto son los necesarios para su negocio?";
preguntas[12]="¿Los espacios del Puerto son usados adecuadamente para prestar mejores servicios?";
preguntas[13]="¿Las actividades portuarias cumplen con las expectativas de negocio?";
preguntas[14]="¿Las instalaciones portuarias cumplen con la demanda de servicios?";
preguntas[15]="¿Se tiene la capacidad instalada para darle servicio?";
preguntas[16]="¿Hay tiempos de espera por falta de espacios o equipos?";
preguntas[17]="¿Las vialidades internas y externas del Puerto son adecuadas?";
preguntas[18]="¿Como califica el mantenimiento de las instalaciones portuarias?";
preguntas[19]="¿Se ofrecen nuevos servicios en el Puerto al menos una vez por año?";
preguntas[20]="¿Se visualizan cambios operativos en la operación que muestren mejoras en tiempos?";
preguntas[21]="¿Se abren espacios para comentarios de mejora al puerto y los servicios derivados?";
preguntas[22]="¿Almacenaje?";
preguntas[23]="¿Atraque?";
preguntas[24]="¿Muellaje?";
preguntas[25]="¿Puerto?";
preguntas[26]="¿Remolque?";
preguntas[27]="¿Pilotaje?";
preguntas[28]="¿Los muelles y áreas públicas del Puerto se encuentran en condiciones adecuadas?";
preguntas[29]="¿Las marinas se encuentran limpias y ordenadas?";
preguntas[30]="¿El área del malecón se encuentra en buenas condiciones?";
preguntas[31]="¿Las oficinas y edificios tienen buena presentación?";
preguntas[32]="¿Se han simplificado los procesos y/u operaciones en el Puerto?";
preguntas[33]="¿Se pueden realizar los trámites que requiere de manera electrónica?";
preguntas[34]="¿A través de la página del Puerto se realiza intercambio de datos?";
preguntas[35]="¿Almacenaje y entrega de mercancía?";
preguntas[36]="¿Disponibilidad de servicios portuarios?";
preguntas[37]="¿Disponibilidad de infraestructura portuaria?";
preguntas[38]="¿Disponibilidad de servicios logísticos?";
preguntas[39]="¿Le entregaron el producto que solicitó conforme a sus requerimientos?";
preguntas[40]="¿En general, como evalúa los servicios que le brindo el Puerto?";
preguntas[41]="¿Cual sería su recomendación sobre el Puerto?";
preguntas[42]="¿EIT ó API?";




//=====================================================================
function $(id){
   return document.getElementById(id);
}

function ValidarCuestionario(){
	
  if($("empresa").value==""){
   mostrar("errores","Debes de capturar el nombre de la empresa");
   $("empresa").focus();
   return false;
 }else{
	    $('errores').innerHTML='';
		var checkOK = "ABCDEFGHIJKLMNÑOPQRSTUVWXYZ. " + "abcdefghijklmnñopqrstuvwxyz. " + "áéíóú";
        var checkStr = $('empresa').value;
        var allValid = true; 
        for(i = 0; i < checkStr.length; i++) {
           ch = checkStr.charAt(i); 
           for (j = 0; j < checkOK.length; j++)
             if(ch == checkOK.charAt(j))
                break;
             if(j == checkOK.length) { 
                allValid = false; 
                break; 
             }
        }
        
		if (!allValid) { 
          mostrar("errores","Por favor escribe solo letras en el campo Empresa"); 
          $('empresa').focus(); 
          $('empresa').value=""; 
          return false; 
        } 
	  
	  }
 
      //NOMBRE
	  if($("nombre").value==""){
        mostrar("errores","Debes de capturar tu nombre");
        $("nombre").focus();
        return false;
      }else{
	         $('errores').innerHTML='';
		     var checkOK = "ABCDEFGHIJKLMNÑOPQRSTUVWXYZ. " + "abcdefghijklmnñopqrstuvwxyz. " + "áéíóú";
             var checkStr = $('nombre').value;
             var allValid = true; 
             for(i = 0; i < checkStr.length; i++) {
               ch = checkStr.charAt(i); 
                 for (j = 0; j < checkOK.length; j++)
                   if(ch == checkOK.charAt(j))
                break;
             if(j == checkOK.length) { 
                allValid = false; 
                break; 
             }
        }
        
		if (!allValid) { 
          mostrar("errores","Por favor escribe solo letras en el campo Nombre"); 
          $('nombre').focus(); 
          $('nombre').value=""; 
          return false; 
        } 
	  
	  }
 
 //PUESTO
	  if($("puesto").value==""){
        mostrar("errores","Debes de capturar tu Puesto");
        $("puesto").focus();
        return false;
      }else{
	         $('errores').innerHTML='';
		     var checkOK = "ABCDEFGHIJKLMNÑOPQRSTUVWXYZ. " + "abcdefghijklmnñopqrstuvwxyz. " + "áéíóú";
             var checkStr = $('puesto').value;
             var allValid = true; 
             for(i = 0; i < checkStr.length; i++) {
               ch = checkStr.charAt(i); 
                 for (j = 0; j < checkOK.length; j++)
                   if(ch == checkOK.charAt(j))
                break;
             if(j == checkOK.length) { 
                allValid = false; 
                break; 
             }
        }
        
		if (!allValid) { 
          mostrar("errores","Por favor escribe solo letras en el campo Puesto"); 
          $('puesto').focus(); 
          $('puesto').value=""; 
          return false; 
        } 
	  
	  }
 
 
  if($('tel').value== "") {
	  $('tel').focus();
		mostrar("errores","Debes de capturar un telefono!");
		return false;
	}else{
		   var checkOK = "0123456789-()";
  var checkStr = $('tel').value;
  var allValid = true;
  var decPoints = 0;
  var allNum = "";
  for (i = 0; i < checkStr.length; i++) {
    ch = checkStr.charAt(i);
    for (j = 0; j < checkOK.length; j++)
      if (ch == checkOK.charAt(j))
        break;
    if (j == checkOK.length) {
      allValid = false;
      break;
    }
    allNum += ch;
  }
  if (!allValid) {
    mostrar("errores","Escriba sólo dígitos en el campo Teléfono.");
    $('tel').focus();
    return (false);
  } 
 }	 
 
 
 if($('email').value == "") {
	   $('email').focus();
	   mostrar("errores","El campo Email es obligatorio!");
	   return false;
	}else {
		      if(($("email").value.indexOf ('@', 0) == -1)||($("email").value.length < 20)) {
                 mostrar("errores","Escriba una dirección de correo válida en el campo Email.");
                 $("email").focus();
			     $("email").value="";
				 return false;
               }
			   
			   	  
  		   }
		   
	//=============================================================	   
	//               VALIDAR LOS RADIO BUTTONS 
	//=============================================================
	 
	 for(i=1;i<=41;i++){
	   for(j=1;j<=6;j++){
	  	 //alert("preg"+i+j + " preg"+i+j + " preg"+i+j + " preg"+i+j + " preg"+i+j + " preg"+i+j);
	     if( ($("preg"+i+"1").checked==false) && ($("preg"+i+"2").checked==false) && ($("preg"+i+"3").checked==false) && ($("preg"+i+"4").checked==false)&& ($("preg"+i+"5").checked==false) && ($("preg"+i+"6").checked==false)){
        // alert("entro con " + i);
	     //error="errorpreg"+i+"1";
		 
		  pos="pregs"+i+j;
	     if( (pos=="pregs61") || (pos=="pregs62") || (pos=="pregs71") || (pos=="pregs72") || (pos=="pregs81") || (pos=="pregs82") || (pos=="pregs221") || (pos=="pregs222") || (pos=="pregs231") || (pos=="pregs232") || (pos=="pregs241") || (pos=="pregs242") || (pos=="pregs351") || (pos=="pregs352") || (pos=="pregs361") || (pos=="pregs362") || (pos=="pregs371") || (pos=="pregs372")){
		  //alert( ($("pregs"+i+"1").checked) + ($("pregs"+i+"2").checked));
		  if( ($("pregs"+i+"1").checked==0) && ($("pregs"+i+"2").checked==0) ) {	 
		   //alert ("POS vale " + "pregs" + i + j);
		   errortextos= "<table width=500 class=txtgral><tr><td><strong>Debes de elegir a quien evaluar</strong><br>"+preguntas[42];
		   errortextos+="</td></tr></table>";			
		   mostrarpreguntas(errortextos);
	       $("pregs"+i+j).focus();
		   return false;
		   break;
		  }
		 }
   	     
		 errortexto= "<table width=500 class=txtgral><tr><td><strong>Debes de responder a la pregunta</strong><br>"+preguntas[i];
		 errortexto+="</td></tr></table>";			
		 mostrarpreguntas(errortexto);
	     $("preg"+i+j).focus();
	     return false;
		 break;
       }else{ continue; }
	  }
	 }
  
     
	 
  
	
	//=============================================================

 if($("uword").value==""){
	 document.getElementById('flotante').style.display = 'none';
	  mostrar("erroruword","Debes de capturar el texto exactamente como aparece en la imagen");
	  $("uword").focus();
	  return false;
	}else{
  	         var cuword = hex_md5(document.getElementById('uword').value);
	         if(cuword==cword[anum-1]) {
               return true;
			  }else{
		 	        mostrar("erroruword","Ingrese el texto exactamente como aparece abajo");
			        $("uword").focus();
			        return false;
		           }//http://www.quinti.net/recursos.php
	     }

 return false;

}



function mostrar(id,error) {
	document.getElementById(id).innerHTML = error;
	//document.getElementById(id).style.background = "#E3EAEE";
	//document.getElementById(id).style.color = "#595959";
	
}

function mostrarpreguntas(error) {
	//cerrar="<a href='javascript:cerrarPopup("flotante");'>cerrar [X]</a>";
	document.getElementById("flotante").innerHTML = error;
	document.getElementById("flotante").style.display="block";
	
	//document.getElementById("root").style.display="block";
	//document.getElementById("flotante").focus();
}

function cerrarPopup(){
   document.getElementById('flotante').style.display = 'none';      
  // document.getElementById('root').style.display = 'none';      

}