function pagina($datosCliente)
{
    //$clsCNUsu=new clsCNUsu();
    ?>
<!DOCTYPE html>
<HTML>
<HEAD>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="../images/q.ico">
<TITLE>Reclamación - ALTA</TITLE>
<?php 
    //estas funciones son generales
    librerias_jQuery();
    ?>
<script language="JavaScript">

function validar()
{
  if ((document.form1.strEmail.value)=='')	
  { 
	if (confirm("Recuerde que sino nos indica su e-mail no podremos enviarle el seguimiento de su reclamación. ¿Desea enviar el formulario?"))
	{
      validar2();
	}
  
  }else{
      validar2();
  }
}  

function validar2()
{
  esValido=true;
  textoError='';
  //comprobacion del campo 'optCri013', la vble. 'esValidoOptCri013' la inicio en false y recorro todos los check
  esValidoOptCri013=false;
  for(i=0;i<document.form1.optCri013.length;i++){
      //si encuentro algun valor cheked (seleccionado) paso 'esValidoOptCri013' a true
      if(document.form1.optCri013[i].checked){
          esValidoOptCri013=true;
      }
  }
  // y se termina comprobando como esta la vble. 'esValidoOptCri013'
  if(esValidoOptCri013==false){
      textoError=textoError+"Por favor seleccione si se trata de una felicitación, un comentario o una queja.\n";
      esValido=false;
  }
  //comprobacion del campo 'strServAfect'
  if (document.form1.strServAfect.value.length > 50){ 
    textoError=textoError+"El nombre del Servicio Afectado tiene una longitud excesiva.\n";
    document.form1.strServAfect.style.borderColor='#FF0000';
    document.form1.strServAfect.title ='El nombre del Servicio Afectado tiene una longitud excesiva';
    esValido=false;
  }
  if (document.form1.strServAfect.value.length < 0){ 
    textoError=textoError+"Es necesario introducir el nombre del Servicio Afectado.\n";
    document.form1.strServAfect.style.borderColor='#FF0000';
    document.form1.strServAfect.title ='Se debe introducir el nombre del Servicio Afectado';
    esValido=false;
  }
  //comprobacion del campo 'strTipReclamacion'
  if (document.form1.strTipReclamacion.value == ''){ 
    textoError=textoError+"Es necesario introducir la Tipificación de la Reclamación.\n";
    document.form1.strProductos2.style.borderColor='#FF0000';
    document.form1.strTipReclamacion.style.borderColor='#FF0000';
    document.form1.strTipReclamacion.title ='Se debe introducir la Tipificación de la Reclamación';
    esValido=false;
  }
  //comprobacion del campo 'strClienteNombre', 'strClienteApellidos' y 'strEmpresa'
  if (document.form1.strClienteNombre.value == '' && document.form1.strClienteApellidos.value == ''){
        if (document.form1.strEmpresa.value == ''){ 
            textoError=textoError+"Es necesario introducir el Nombre y Apellidos o Empresa del Cliente.\n";
            document.form1.strClienteNombre.style.borderColor='#FF0000';
            document.form1.strClienteApellidos.style.borderColor='#FF0000';
            document.form1.strEmpresa.style.borderColor='#FF0000';
            document.form1.strClienteNombre.title ='Se debe introducir el Nombre del Cliente';
            document.form1.strClienteApellidos.title ='Se debe introducir el Apellidos del Cliente';
            document.form1.strEmpresa.title ='Se debe introducir la Empresa del Cliente';
            esValido=false;
        }
  }else{
      defaultBorder(document.form1.strClienteNombre);
      defaultBorder(document.form1.strClienteApellidos);
      defaultBorder(document.form1.strEmpresa);
  }
  //comprobacion del campo 'strDescripcion'
  if (document.form1.strDescripcion.value == ''){ 
    textoError=textoError+"Falta la Causa de la Reclamación.\n";
    document.form1.strDescripcion.style.borderColor='#FF0000';
    document.form1.strDescripcion.title ='Se debe introducir la Causa de la Reclamación';
    esValido=false;
  }
  //comprobacion del campo 'datFechaServicio'
  if (!esFechaValida(document.form1.datFechaServicio)){ 
    textoError=textoError+"La fecha no está introducida correctamente.\n";
    document.form1.datFechaServicio.style.borderColor='#FF0000';
    document.form1.datFechaServicio.title ='La fecha no está introducida correctamente';
    esValido=false;
  }


  //indicar el mensaje de error si es 'esValido' false
  if (!esValido){
          alert(textoError);
  }

  if(esValido==true){
      document.getElementById('btnAlta').value="Enviando...";
      document.getElementById('btnAlta').disabled=true;
      document.form1.submit();
  }else{
      return false;
  }  
}
</script>
<script language="JavaScript">
<!-- //
var txt="-    Sistema de Gestión de la Calidad    ";
var espera=120;
var refresco=null;

function rotulo_status() {
        window.status=txt;
        txt=txt.substring(1,txt.length)+txt.charAt(0);        
        refresco=setTimeout("rotulo_status()",espera);
        }

// --></script>
<!--<SCRIPT language="JavaScript" SRC="/include/frames.js"></SCRIPT>-->
<script languaje="JavaScript"  type="text/JavaScript">
<!--
function Modificar(menu)
{

		document.form1.strTipReclamacion.value = menu.options[menu.selectedIndex].text
}
//-->
</script>
<SCRIPT LANGUAGE="JavaScript" SRC="../js/valida.js">
<!--
	alert('Error en el fichero valida.js');
// -->
</SCRIPT>
<link href="../css/Estilos_Qualidad.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../css/calidad2.css" type="text/css">
<?php 
    //Funciones generales - carga las funciones auxiliares de eventos de los inputText
    eventosInputText();
    ?>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
function desactivaBoton() {
    if (this.form1.cmdAlta.value == "Anular") {
      alert("Está intentando dar de alta dos veces");
      this.form1.strDescripcion.name="";
    }else{
        this.form1.cmdAlta.value = "Anular";
    }
}
</SCRIPT> 
<SCRIPT language="JavaScript" SRC="../js/car_valido.js">

</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">

<!-- Inicio
function MakeArrayday(size) {
this.length = size;
for(var i = 1; i <= size; i++) {
this[i] = ""
}
return this
}

function funClock() {
if (!document.layers && !document.all)
return;
var runTime = new Date()
var hours = runTime.getHours()
var minutes = runTime.getMinutes()
var seconds = runTime.getSeconds()
var dn = "am";


if (minutes <= 9) {
minutes = "0" + minutes;
}
if (seconds <= 9) {
seconds = "0" + seconds;
}
movingtime = "<b>"+ hours + ":" + minutes + ":" + seconds + " " +  "</b>";
if (document.layers) {
document.layers.clock.document.write(movingtime);
document.layers.clock.document.close();
}
else if (document.all) {
clock.innerHTML = movingtime;
}
setTimeout("funClock()", 1000)
}
window.onload = funClock;
//  Fin -->
</script>


<SCRIPT LANGUAGE="JavaScript">
<!-- Hide from JavaScript-Impaired Browsers
function initArray() {
 for(i=0;i<initArray.arguments.length; i++)
  this[i] = initArray.arguments[i];
}

var isnMonths=new initArray("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")
var isnDays= new initArray("Domingo","Lunes","Martes","Mi&eacute;rcoles","Jueves","Viernes","Sabado","Domingo")
today=new Date()
hrs=today.getHours()
min=today.getMinutes()
sec=today.getSeconds()
clckh=""
clckm=""
clcks=""
clck=""

var stnr=""
var ns="0123456789"
var a="";
// End Hiding -->
</script>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0 rightMargin=0 bottomMargin=0 marginwidth="0" marginheight="0"  background="../images/fondo.gif" onLoad="rotulo_status();">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<!-- Cabecera-->
  <tr>
  <td colspan="2" width="40%" height="100%" border="0" alt=""  ></td>
   <td  width="780" height="35" border="0" alt="" bgcolor="#FFFFFF"  class="Text2">
   <table border="0" cellpadding="0" cellspacing="0" width="780">

   <tr>
   <!-- contenido pagina -->
   <td width="768" height="854" border="0" alt="" valign="top">
   <br><p></p>

<center>
    
<?php 
    $tituloForm = "COMENTARIOS<br>DE CLIENTE";
    $paginaForm = '';
    require_once '../vista/CodFormat.php';
    $codFormat = new CodFormat();
    $codFormat->setStrBD($_SESSION['mapeo']);
    $formatoForm = $codFormat->SelectFormato(60);
    $numeroForm = '';
    $disabledForm = 'disabled';
    date_default_timezone_set('Europe/Madrid');
    $fechaForm = date('d/m/Y');
    require_once '../reclamacionExterna/cabeceraForm.php';
    ?>
  <div class="doc"> 
    <hr color = "#FF9900">
    <br/>
    <form name="form1" method="post" action="../reclamacionExterna/reclamacionExterna.php" onSubmit="desactivaBoton()">
	
      <table width="640" border="0" class="zonaactiva">
        <tr> 
          <td class="subtitulo" colspan="6">&nbsp;Datos del Cliente</td>
        </tr>
        <tr> 
          <td width="150">
              <div align="left">
              <label class="nombreCampoRojo">Nombre</label>
              <input class="textbox1Obligatorio" type="text" name="strClienteNombre" maxlength="30"
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputTextObligatorio(this);"
                     value="<?php 
    echo $datosCliente['strNombre'];
    ?>
" />
              </div>
          </td>
          <td width="50"></td>
          <td colspan="3">
              <div align="left">
              <label class="nombreCampoRojo">Apellidos</label>
              <input class="textbox1Obligatorio" type="text" name="strClienteApellidos" maxlength="30"
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputTextObligatorio(this);"
                     value="<?php 
    echo $datosCliente['strApellidos'];
    ?>
" />
              </div>
          </td>
          <td width="5"></td>
        </tr>
        <tr> 
            <td width="150">
              <div align="left">
              <label class="nombreCampoRojo">Empresa</label>
              <input class="textbox1Obligatorio" type="text" name="strEmpresa" maxlength="30"
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputTextObligatorio(this);"
                     value="<?php 
    echo $datosCliente['strEmpresa'];
    ?>
" />
              </div>
          </td>
          <td></td>
          <td colspan="3"> 
              <div align="left">
              <label class="nombreCampo">Domicilio</label>
              <input class="textbox1" type="text" name="strDireccion" maxlength="50"
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);" />
              </div>
          </td>
        </tr>
        <tr> 
          <td width="150"> 
              <div align="left">
              <label class="nombreCampo">Poblaci&oacute;n</label>
              <input class="textbox1" type="text" name="strPoblacion" maxlength="20"  
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);" />
              </div>
          </td>
          <td width="20"></td>
          <td width="180">
              <div align="left"> 
              <label class="nombreCampo">Provincia</label>
              <input class="textbox1" type="text" name="strProvincia" maxlength="20"
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);" />
              </div>
          </td>
          <td width="80"></td>
          <td>
              <div align="left">
              <label class="nombreCampo">C.P.</label>
              <input class="textbox1" type="text" name="lngCP" maxlength="5" style="width: 97%"
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);"
                     value="<?php 
    echo $datosCliente['lngCP'];
    ?>
" />
              </div>
          </td>
        </tr>
        <tr> 
          <td width="150">
              <div align="left">
              <label class="nombreCampo">Telf.</label>
              <input class="textbox1" type="text" name="strTelefono" maxlength="12"
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);" 
                     value="<?php 
    echo $datosCliente['lngTelefono'];
    ?>
" />
              </div>
          </td>
          <td></td>
          <td colspan="3"> 
              <div align="left">
              <label class="nombreCampoRojo">E-mail</label>
              <input class="textbox1Obligatorio" type="text" name="strEmail" maxlength="50"
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputTextObligatorio(this);" 
                     value="<?php 
    echo $datosCliente['strCorreo'];
    ?>
" />
              </div>
          </td>
        </tr>
        <tr>
            <td height="15px"></td>
        </tr>
      </table>
	
      <table width="640"  border = "0" class="zonaactiva">
      <tr>
         <td class="subtitulo" colspan="7">Datos del Servicio o Producto</td>
      </tr>
        <tr> 
         <td width="200">
             <div align="left">
             <label class="nombreCampo">Nombre</label>
             <input class="textbox1" type="text" name="strServAfect" maxlength="50"
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);" />
             </div>
         </td>
         <td width="50"></td>
         <td width="70"></td>
         <td width="80">
             <div align="left">
             <label class="nombreCampo" width="70">Fecha</label>
            <?php 
    datepicker_español('datFechaServicio');
    ?>
            <style type="text/css">
            /* para que no salga el rectangulo inferior */        
            .ui-widget-content {
                border: 0px solid #AAAAAA;
            }
            </style>
            
            <input class="textbox1" type="text" id="datFechaServicio" name="datFechaServicio" maxlength="38"
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);" />
             </div>
          </td>
          <td width="80"></td>
          <td width="90">
             <div align="left">
              <label class="nombreCampo">Factura</label>
              <input class="textbox1" type="text" name="lngFactura" maxlength="11"
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);" />
             </div>
          </td>
          <td width="5"></td>
        </tr>
        <tr> 
          <td width="200">
            <div align="left">
            <label class="nombreCampo">Oficina:</label>
            <?php 
    //funcion general
    autocomplete_oficinas('strOficina');
    //funcion general
    activarPlaceHolder();
    ?>
            <input class="textbox1" size="40" type="text" id="strOficina" name="strOficina" 
                   onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);" />
            </div>
          </td>
          <td width="80"></td>
          <td colspan="2">
            <div align="left">
            <label class="nombreCampo">Departamento:</label>
            <?php 
    //funcion general
    autocomplete_departamentos('strDepartamento');
    ?>
            <input class="textbox1" type="text" id="strDepartamento" name="strDepartamento" 
                   onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);" />
            </div>
          </td>
          <td></td>
          <td> 
            <div align="left">
              <label class="nombreCampo">Expediente</label>
              <input class="textbox1" type="text" name="lngExpediente" maxlength="11" 
                     onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);" />
            </div>
          </td>
        </tr>
        <tr>
            <td height="15px"></td>
        </tr>
      </table>
      
      <table width="640"  border = "0" class="zonaactiva">
      <tr>
         <td class="subtitulo" colspan="3">Tipo de Comentario</td>
      <tr align="center">
          
          <td height="25" class="nombreCampo"><center>Felicitación</center></td>
          <td height="25" class="nombreCampo"><center>Sugerencia</center></td>
          <td height="25" class="nombreCampo"><center>Queja</center></td>
      </tr>    
       <tr>
          <td width="33%" class="txtgeneral"><input name="optCri013" type="radio" value="1" /></td>
          <td width="33%" class="txtgeneral"><input name="optCri013" type="radio" value="2" /></td>
          <td width="33%" class="txtgeneral"><input name="optCri013" type="radio" value="3" /></td>
        </tr>
        
      </table>


       <table width="640" border="0" height="101" class="zonaactiva">
        <tr> 
          <td height="30" width="200" class="nombreCampoRojo"><div align="right">Tipos existentes:</div></td>
          <td>
              <div align="left">
              <select class="textbox1Obligatorio" name="strProductos2" style="width: 220px" onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" onChange="defaultBorder(document.form1.strTipReclamacion);Modificar(this);onMouseOverInputText(document.form1.strTipReclamacion);">
                  <?php 
    //funcion general
    echo TiposReclamacion('');
    ?>
              </select>
              </div>
          </td>
          <td width="100">&nbsp;</td>
        </tr>
        <tr> 
          <td height="20" class="nombreCampoRojo"><div align="right">Clasificación:</div></td>
          <td>
            <div align="left">
                <input class="textbox1" style="width:220px" type="text" name="strTipReclamacion" readonly id="Text1" onchange="onMouseOverInputText(this);" onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" />
            </div>
          </td>
          <td width="100">&nbsp;</td>
        </tr>
        <tr>
          <td colspan="3" align="center">
              <font color="#FF0000" size="-2">
                Si la opción que desea no se encuentra definida en el combo, escríbala en el campo Clasificación
              </font>
          </td>
      </tr>
     </table>
      
      <table width="640" border="0" class="zonaactiva">
        <tr> 
          <td class="subtitulo" colspan="4">Comentario del Cliente</td>
        </tr>
        <tr> 
          <td colspan="4"> 
            <textarea class="textbox1areaObligatorio" name=strDescripcion rows=10 cols="20" onKeyDown="LimitaTexto(this, 800);" onKeyUp="LimitaTexto(this, 800);"
                      onchange="onMouseOverInputText(this);" onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputTextObligatorio(this);"></textarea>
          </td>
        </tr>
<!--        <tr> 
            <td height="25" colspan="2" class="nombreCampo">
              <div align="right">
                Si desea incluir un Documento anexo pulse aqu&iacute;
                <input name="selAprobar" type="checkbox" value="Aprobar" />
              </div>
            </td>
            <td colspan="2"></td>
        </tr>
        <tr> -->
            <td colspan="2" class="nombreCampo">
              <div align="right">
                <?php 
    date_default_timezone_set('Europe/Madrid');
    ?>
                Fecha:<input class="textbox1" type="text" style="width:22%" readonly name="datFechaReclamacion" maxlength="10" value='<?php 
    print date("d/m/y");
    ?>
' />
              </div>
          </td>
          <td colspan="2" class="nombreCampo"> 
<!--            <div align="left">
              Queja recibida por:  
              <input class="textbox1" type="text" readonly name="strRecibidoPor" style="width:50%" maxlength="46" value="<?php 
    //echo $objDatos['strNombre'].' '.$objDatos['strApellidos'];
    ?>
" />
            </div>-->
          </td>
        </tr>
      </table>
      <P>
        <input type="hidden" name="lngIdEmpleado" value="<?php 
    echo $objDatos['lngIdEmpleado'];
    ?>
" />
	<input type="hidden" name="ori" value="<?php 
    echo $objDatos['strNombre'] . ' ' . $objDatos['strApellidos'];
    ?>
" />
<!--        <a href="../vista/reclalta.php" onclick="javascript:validar();"><img src="../images/botones/GuardarDatos.png" width="80" height="25" border="0" alt="Enviar" /></a>-->
        <input type="button" class="button" name="cmdAlta" id="btnAlta" value = "Guardar Datos" onclick="javascript:validar();" /> 
        <input type="hidden"  name="cmdAlta" value="Aceptar" />
        <input type="hidden" name="num" value="<?php 
    echo $num;
    ?>
" />
        <input type="hidden" name="strUsuario" value="<?php 
    echo $_POST['strUsuario'];
    ?>
" />
        <input type="hidden" name="opcion" value="<?php 
    echo $_POST['opcion'];
    ?>
" />
      </P>
    </form>
  </div>
</center>

   </td>
   <!-- contenido pagina -->
  </tr>
  </table>
</td>
    <td  width="40%" height="100%" border="0" alt=""  ></td>
  </tr>
<!-- presentacion-->   
</table>
</body>
</html>
<?php 
    //}//fin del else principal
}
// --></script>
<!--<SCRIPT language="JavaScript" SRC="/include/frames.js"></SCRIPT>-->
<script languaje="JavaScript"  type="text/JavaScript">

function Modificar(menu)
{

		document.form1.strTipReclamacion.value = menu.options[menu.selectedIndex].text
}
//
</script>
<link href="../css/Estilos_Qualidad.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../css/calidad2.css" type="text/css">
<?php 
    //Funciones generales - carga las funciones auxiliares de eventos de los inputText
    eventosInputText();
    ?>
<SCRIPT LANGUAGE="JavaScript">
function desactivaBoton() {
	if (this.form1.cmdAlta.value == "Anular") {
	  alert("Está intentando dar de alta dos veces");
  this.form1.strDescripcion.name="";
	}else{
		this.form1.cmdAlta.value = "Anular";
	}
}
</SCRIPT> 
<SCRIPT LANGUAGE="JavaScript">

<!-- Inicio
function MakeArrayday(size) {
function htmlCorrecto()
{
    ?>
<html>
    <head>
        <?php 
    //estas funciones son generales
    librerias_jQuery();
    ?>
        <title>Calidad</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <link href="../css/Estilos_Qualidad.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="../css/calidad2.css" type="text/css">
        <?php 
    //Funciones generales - carga las funciones auxiliares de eventos de los inputText
    eventosInputText();
    ?>
        <SCRIPT LANGUAGE="JavaScript">
            //<!-- Begin
            function Foco1Elem() {
                if (document.forms.length > 0) {
                    var field = document.forms[0];
                    for (i = 0; i < field.length; i++) {
                        if (((field.elements[i].type == "text") || (field.elements[i].type == "textarea") || (field.elements[i].type.toString().charAt(0) == "s")) && field.elements[i].readOnly == false) {
                            document.forms[0].elements[i].focus();
                            break;
                        }
                    }
                }
            }
            //  End -->
        </script>
        <script language="JavaScript">
            <!-- //
            var txt="-    Sistema de Gestión de la Calidad    ";
            var espera=120;
            var refresco=null;
	
            function rotulo_status() {
                window.status=txt;
                txt=txt.substring(1,txt.length)+txt.charAt(0);        
                refresco=setTimeout("rotulo_status()",espera);
            }
	
            // --></script>
        <!--        <SCRIPT language="JavaScript" SRC="/include/frames.js"></SCRIPT>-->
        <link rel="shortcut icon" href="../images/q.ico">
        <script type="text/javascript">

            //AJAX chequea usuario
            function check_usuario(str){
                $.ajax({
                  data:{"usuario":str,"empresa":"<?php 
    echo $_POST['nombreEmpresa'];
    ?>
"},  
                  url: '../reclamacionExterna/ajax/login_buscar_usuario.php',
                  type:"get",
                  success: function(data) {
                    $('#txt_usuario').html(data);
                  }
                });
            }

            //AJAX chequea password del usuario que está OK en 'usuario' en la BD
            function check_password_usuario(str){
                //primero compruebo que el campo 'nombre_empresa' este correcto (exista la empresa)
                //lo veo en el texto de comprobación del campo 'Identificador Empresa' con id "txt_nombre_empresa"
                texto=document.getElementById("txt_usuario").innerHTML;
                if(texto.indexOf('ok.png')!=-1){
                    if (str.length==0){ 
                        document.getElementById("txt_password_usuario").innerHTML="";
                        return;
                    }
                    $.ajax({
                      data:{"usuario":document.getElementById("usuario").value,"pass":str,"empresa":"<?php 
    echo $_POST['nombreEmpresa'];
    ?>
"},  
                      url: '../reclamacionExterna/ajax/login_buscar_password_usuario.php',
                      type:"get",
                      success: function(data) {
                        $('#txt_password_usuario').html(data);
                      }
                    });
                    
                }else if(document.getElementById("txt_usuario").innerHTML==''){
                    document.getElementById("txt_password_usuario").innerHTML="<img src='../images/error.png' width='20' height='20' />";
                }else{
                    document.getElementById("txt_password_usuario").innerHTML='';
                }
            };

            //valida si los campos estan vacios y lo indica
            function checkForm(){
                esValido=true;
                mensaje='';
                
                if(!(document.getElementById("txt_usuario").innerHTML.indexOf('ok.png')!=-1) ||
                   !(document.getElementById("txt_password_usuario").innerHTML.indexOf('ok.png')!=-1)){
                    mensaje+="Los Datos de entrada no son correctos\n";
                    esValido=false;
                }			
	
                if(window.document.formulario.usuario.value == ""){
                    mensaje+="El nombre de usuario no puede estar vacio\n";
                    window.document.formulario.usuario.style.borderColor='#FF0000';
                    esValido=false;
                }
                if(window.document.formulario.password.value == ""){
                    mensaje+="El password de usuario no puede estar vacio\n";
                    window.document.formulario.password.style.borderColor='#FF0000';
                    esValido=false;
                }
                //indicar el mensaje de error si es 'esValido' false
                if (!esValido){
                    alert(mensaje);
                }else{
                    window.document.formulario.opcion.value='existente';
                    window.document.formulario.submit();
                }	
            };
            
            
            //comprueba si todos los campos son correctos y deja entrar o no
            function check_todo(){
                esValido=true;
                mensaje='';
                
                $.ajax({
                  data:{
                      "usuario":document.formulario.usuario.value,
                      "usuarioPass":document.formulario.password.value
                  },  
                  url: '../reclamacionExterna/ajax/login_comprobar_todoForm.php',
                  type:"post",
                  success: function(data) {
                      //compruebo si viene OK submito, sino doy error
                      if(data==='OK'){
                          window.document.formulario.opcion.value='existente';
                          window.document.formulario.submit();
                      }else{
                          alert('Los Datos de entrada no son correctos');
                      }    
                  }
                });
            }

            function checkFormNuevo()
            {
              esValido=true;
              esValidoEmail=true;
              textoError='';
              textoErrorEmail='';
              //comprobacion del campo 'strClienteNombre', 'strClienteApellidos' y 'strEmpresa'
              if (document.form2.strClienteNombre.value == '' && document.form2.strClienteApellidos.value == ''){
                    if (document.form2.strEmpresa.value == ''){ 
                        textoError=textoError+"Es necesario introducir el Nombre y Apellidos o Empresa del Cliente.\n";
                        document.form2.strClienteNombre.style.borderColor='#FF0000';
                        document.form2.strClienteApellidos.style.borderColor='#FF0000';
                        document.form2.strEmpresa.style.borderColor='#FF0000';
                        document.form2.strClienteNombre.title ='Se debe introducir el Nombre del Cliente';
                        document.form2.strClienteApellidos.title ='Se debe introducir el Apellidos del Cliente';
                        document.form2.strEmpresa.title ='Se debe introducir la Empresa del Cliente';
                        esValido=false;
                    }
              }else{
                  defaultBorder(document.form2.strClienteNombre);
                  defaultBorder(document.form2.strClienteApellidos);
                  defaultBorder(document.form2.strEmpresa);
              }
              
              //comprobacion del campo 'strEmail'
              if (document.form2.strEmail.value == ''){ 
                textoError=textoError+"Es necesario introducir un E-mail.\n";
                document.form2.strEmail.style.borderColor='#FF0000';
                document.form2.strEmail.title ='Se debe introducir un E-mail';
                esValido=false;
              }else{
                //compruebo que el e-mail tenga un formato correcto '*****@*****.**'  
                expr = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
                if ( !expr.test(document.form2.strEmail.value) ){
                    textoError=textoError+"El E-mail " + document.form2.strEmail.value + " es incorrecto.\n";
                    document.form2.strEmail.style.borderColor='#FF0000';
                    document.form2.strEmail.title ='El E-mail es incorrecto';
                    esValido=false;
                }
              }
              //ahora compruebo si este correo ya existe en la tabla 'tbclientes'
              //si es asi se lo notifico y no le dejo
              if(document.form2.existe.value==='SI'){
                  textoErrorEmail=textoErrorEmail+"El e-mail introducido ya existe en la Base de Datos.\nSi quiere recuperar los datos de acceso pulse en la opción\nRecuperar los datos de mi cuenta";
                  document.getElementById('recuperarDatos').style.color='#FF0000';
                  document.getElementById('recuperarDatos').style.fontWeight="bold";
                  document.form2.strEmail.style.borderColor='#FF0000';
                  document.form2.strEmail.title ='El e-mail introducido ya existe en la Base de Datos';
                  //escribo este correo en este campo del formulario de envio de claves
                  document.envClaves.strEmailEnvio.value=document.form2.strEmail.value;
                  esValidoEmail=false;
              }
              
                //comprobacion del campo 'strUsuario'
                if (document.form2.strUsuario.value == ''){ 
                  textoError=textoError+"Es necesario introducir el nombre del Usuario.\n";
                  document.form2.strUsuario.style.borderColor='#FF0000';
                  document.form2.strUsuario.title ='Se debe introducir el nombre del Usuario';
                  esValido=false;
                }
                //comprobacion del campo 'strPassword'
                if (document.form2.strPassword.value == ''){ 
                  textoError=textoError+"Es necesario introducir la contraseña.\n";
                  document.form2.strPassword.style.borderColor='#FF0000';
                  document.form2.strPassword.title ='Se debe introducir la contraseña';
                  esValido=false;
                }
                //comprobacion del campo 'strPassword2'
                if (document.form2.strPassword2.value == ''){ 
                  textoError=textoError+"Es necesario introducir la repetición de la contraseña.\n";
                  document.form2.strPassword2.style.borderColor='#FF0000';
                  document.form2.strPassword2.title ='Se debe introducir repetición de la contraseña';
                  esValido=false;
                }
                //comprobacion del campo 'strPassword' y 'strPassword2' son iguales
                if ((document.form2.strPassword.value != '')&&(document.form2.strPassword2.value != '') &&
                     (document.form2.strPassword.value != document.form2.strPassword2.value) ){ 
                  textoError=textoError+"La contraseña debe coincidir en los campos contraseña y repetir contraseña.\n";
                  document.form2.strPassword.style.borderColor='#FF0000';
                  document.form2.strPassword2.style.borderColor='#FF0000';
                  document.form2.strPassword.title ='Esta contraseña debe coincidir con la del campo repetir';
                  document.form2.strPassword2.title ='Esta repetición de contraseña debe coincidor con la del campo contraseña';
                  esValido=false;
                }

                //comprobacion de que el nombre de usuario no esta repetido
                texto=document.getElementById("txt_usuario_nuevo").innerHTML;
                if (texto.indexOf('error') != -1){
                  textoError=textoError+"El nombre de usuario ya existe.\n";
                  document.form2.strUsuario.style.borderColor='#FF0000';
                  esValido=false;
                }
                
                
              //indicar el mensaje de error si es 'esValido' false
              if (!esValido){
                      alert(textoError);
              }
              if (!esValidoEmail){
                      alert(textoErrorEmail);
              }

              if(esValido==true && esValidoEmail==true){
                  document.form2.opcion.value='nuevo';
                  document.form2.submit();
              }else{
                  return false;
              }  
            }
            
            function comprobarEmailExiste(str){
              $.ajax({
                  data:{"email":str,"empresa":"<?php 
    echo $_POST['nombreEmpresa'];
    ?>
"},  
                  url: '../reclamacionExterna/ajax/comprobar_existe_email.php',
                  type:"get",
                  success: function(data) {
                    $('#existe').val(data);
                  }
              });
            }

            //limpiar el campo (fondo en blanco)
            function limpiarCampo(campo){
                campo.style.borderColor='#c3bbaf';
                campo.title='';
            }

            //desplegar u ocultar formulario nuevo usuario
            function OnOffNuevoUsuario(){
                if(document.getElementById('formNuevoUsuario').style.display=='block'){
                    document.getElementById('formNuevoUsuario').style.display='none';
                }else{
                    document.getElementById('formNuevoUsuario').style.display='block';
                }
            }

            //desplegar u ocultar formulario nuevo usuario
            function OnOffNuevoEnvioClaves(){
                if(document.getElementById('formEnvioClaves').style.display=='block'){
                    document.getElementById('formEnvioClaves').style.display='none';
                }else{
                    document.getElementById('formEnvioClaves').style.display='block';
                }
            }
            
            function formatearTextoEnvioClaves(){
                document.getElementById('recuperarDatos').style.color='#000000';
                document.getElementById('recuperarDatos').style.fontWeight="normal";
            }    

            //AJAX jQuery chequea usuario exista en la BD
            function check_usuario_nuevo(str){
                $.ajax({
                  data:{"q":str},  
                  url: '../reclamacionExterna/ajax/buscar_usuario.php',
                  type:"get",
                  success: function(data) {
                    $('#txt_usuario_nuevo').html(data);
                  }
                });
            }

            function checkEnvio(){
                var email=document.envClaves.strEmailEnvio.value;
                $.ajax({
                    data:{"email":email,"empresa":"<?php 
    echo $_POST['nombreEmpresa'];
    ?>
"},  
                    url: '../reclamacionExterna/ajax/comprobar_existe_email.php',
                    type:"get",
                    success: function(data) {
                        if(data=='SI'){
                            document.envClaves.submit();
                        }else{
                            $('#textoEnvioClave').html('El e-mail que ha escrito no existe en nuestra base de datos');
                        }    
                    }
                });
            }
            
            function limpiarTextoEncioCleves(){
                $('#textoEnvioClave').html('');
            }
        </script>

    </head>
    <body OnLoad="Foco1Elem();rotulo_status();">
            <div align="center">
                <table width="774" height="700" border="0">
                    <tr>
                        <td height="25%" colspan="4" align="middle" valign="top" nowrap>

                            <table id="prueba" border="0" width="701" height="148">
                                <tr>
                                    <td width="954" height="100" align="middle" valign="top" nowrap>
                                        <p>
                                            <img height="100" src="../images/cabecera.jpg" width="954"
                                                 id="cabecera" border="0">
                                        </p>
                                    </td>
                                </tr>
                            </table>

                            <p></p>
                        </td>
                    </tr>
                    <tr height="575">
                        <td align="middle" valign="top" nowrap>
                            <div align="left">
                                <table border="0">
                                    <tr>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                    <form action="../reclamacionExterna/reclamacionExterna.php" method="post" name="formulario" id="formulario">
                                    <table border="0" width="250">
                                        <tr>
                                            <td height="26" colspan="3">
                                                <div align="center"><strong>Identificaci&oacute;n Usuario</strong></div>
                                            </td>
                                        </tr>
                                        <tr width="250">
                                            <td width="85" height="32">
                                                <div align="center">Usuario:
                                                </div>
                                            </td>
                                            <td width="85">
                                                <input type="text" name="usuario" id="usuario" style="width:85px;"
                                                       onKeyUp="check_usuario(this.value)"
                                                       onfocus="check_usuario(this.value)"
                                                       onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);"
                                                       onblur="check_usuario(this.value)"
                                                       onKeyDown="limpiarCampo(this)" />
                                            </td>
                                            <td width="80"><span id="txt_usuario"></span></td>
                                        </tr>
                                        <tr>
                                            <td height="31">
                                                <div align="center">Contrase&ntilde;a:                                                </div>
                                            </td>
                                            <td><input type="password" name="password" id="password" style="width:85px;"
                                                       onKeyUp="check_password_usuario(this.value)"
                                                       onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);"
                                                       onfocus="check_password_usuario(this.value)"
                                                       onblur="check_password_usuario(this.value)"
                                                       onKeyDown="limpiarCampo(this)" />
                                            </td>
                                            <td><span id="txt_password_usuario"></span></td>
                                        </tr>
                                        <tr>
                                            <td height="26" colspan="3">
                                                <div align="center">
                                                    <input type="hidden" name="opcion" />
                                                    <input type="button" value="Conectar" name="cmdConectar" id="cmdConectar"
                                                           class="button" tabindex="3" onclick="check_todo()" />
                                                </div>
                                            </td>

                                        </tr>
                                    </table>
                                    </form>
                                    <table border="0" width="250">
                                        <tr>
                                            <td height="50"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="3">
                                                <label>¿No es un usuario registrado?</label>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="3">
                                                <label onclick="OnOffNuevoUsuario();" style="cursor: pointer;"><strong>Registrese Aquí</strong></label>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="50"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="3">
                                                <label id="recuperarDatos" onclick="OnOffNuevoEnvioClaves();" onmouseover="formatearTextoEnvioClaves();" style="cursor: pointer;">Recuperar los datos de mi cuenta</label>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="3" height="90">
                                                <div id="formEnvioClaves" style="display:none;">
                                                    <form action="../reclamacionExterna/envioClaves.php" method="post" name="envClaves" id="envClaves">
                                                        <table border="0">
                                                            <tr>
                                                                <td>Indique su E-mail y se le envia los datos (usuario y clave)</td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                <input type="text" name="strEmailEnvio" maxlength="30" size="30"
                                                                       onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);"
                                                                       onfocus="onFocusInputText(this);limpiarTextoEncioCleves();" onblur="onBlurInputText(this);"/>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                <div align="left">
                                                                    <input type="button" value="Envio" class="button" onclick="checkEnvio();" />
                                                                </div>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td height="50">
                                                                    <span id="textoEnvioClave"></span>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </form>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <p align="left">&nbsp;</p>
                        </td>
                        
                        <td width="75%">
                            <div id="formNuevoUsuario" style="display:none;width:640;">
                                <form name="form2" method="post" action="../reclamacionExterna/reclamacionExterna.php">
                                    <fieldset align="center">
                                    <table width="640" border="0" class="zonaactiva">
                                      <tr>
                                        <td class="subtitulo" style="height: 25;" colspan="6"></td>
                                      </tr>  
                                      <tr> 
                                        <td class="subtitulo" colspan="6">&nbsp;Nuevo Usuario</td>
                                      </tr>
                                      <tr> 
                                        <td width="150">
                                            <div align="left">
                                            <label class="nombreCampoRojo">Nombre</label>
                                            <input class="textbox1Obligatorio" type="text" name="strClienteNombre" maxlength="30"
                                                   onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputTextObligatorio(this);"/>
                                            </div>
                                        </td>
                                        <td width="50"></td>
                                        <td colspan="3">
                                            <div align="left">
                                            <label class="nombreCampoRojo">Apellidos</label>
                                            <input class="textbox1Obligatorio" type="text" name="strClienteApellidos" maxlength="30"
                                                   onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputTextObligatorio(this);" />
                                            </div>
                                        </td>
                                        <td width="5"></td>
                                      </tr>
                                      <tr> 
                                          <td width="150">
                                            <div align="left">
                                            <label class="nombreCampoRojo">Empresa</label>
                                            <input class="textbox1Obligatorio" type="text" name="strEmpresa" maxlength="30"
                                                   onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputTextObligatorio(this);" />
                                            </div>
                                        </td>
                                        <td></td>
                                        <td width="100"> 
                                            <div align="left">
                                            <label class="nombreCampo">C.P.</label>
                                            <input class="textbox1" type="text" name="lngCP" maxlength="5"
                                                   onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);" />
                                            </div>
                                        </td>
                                        <td coslpan="3"></td>
                                      </tr>
                                      <tr> 
                                        <td width="150">
                                            <div align="left">
                                            <label class="nombreCampo">Telf.</label>
                                            <input class="textbox1" type="text" name="strTelefono" maxlength="12"
                                                   onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputText(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputText(this);" />
                                            </div>
                                        </td>
                                        <td></td>
                                        <td colspan="3"> 
                                            <div align="left">
                                            <label class="nombreCampoRojo">E-mail</label>
                                            <input class="textbox1Obligatorio" type="text" name="strEmail" maxlength="50"
                                                   onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputTextObligatorio(this);"
                                                   onclick="comprobarEmailExiste(this.value);" onchange="comprobarEmailExiste(this.value);" />
                                            <input type="hidden" id="existe" name="existe" />
                                            </div>
                                        </td>
                                      </tr>
                                          <td height="15px"></td>
                                      </tr>
                                    </table>
                                    <table width="640" border="0" class="zonaactiva">
                                        <tr>
                                            <td height="5" width="10%"></td>
                                            <td width="30%"></td>
                                            <td width="20%"></td>
                                            <td width="30%"></td>
                                            <td width="10%"></td>
                                        </tr>  
                                      <tr> 
                                        <td class="subtitulo" colspan="10">&nbsp;Datos del Usuario</td>
                                      </tr>
                                      <tr>
                                        <td></td>
                                        <td>
                                            <div align="left">
                                            <label class="nombreCampoRojo">Nombre de Usuario</label>
                                            <input class="textbox1Obligatorio" type="text" name="strUsuario" maxlength="30" onKeyUp="check_usuario_nuevo(this.value);"
                                                   onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);"
                                                   onfocus="onFocusInputText(this);" onblur="check_usuario_nuevo(this.value);onBlurInputTextObligatorio(this);"/>
                                            </div>
                                        </td>
                                        <td>
                                            <table border="0">
                                                <tr>
                                                    <td height="5">&nbsp;</td>
                                                </tr>
                                                <tr>
                                                    <td height="20">
                                                       <span valign="top" id="txt_usuario_nuevo"></span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td>
                                            <div align="left">
                                                <label class="nombreCampo" style="font-size:11px;">NOTA: El nombre de usuario y la contraseña serán de 10 caracteres como máximo </label>
                                            </div>
                                        </td>
                                        <td></td>
                                      </tr>
                                      <tr>
                                        <td></td>
                                        <td>
                                            <div align="left">
                                            <label class="nombreCampoRojo">Contraseña</label>
                                            <input class="textbox1Obligatorio" type="password" name="strPassword" maxlength="10"
                                                   onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputTextObligatorio(this);" />
                                            </div>
                                        </td>
                                        <td></td>
                                        <td>
                                            <div align="left">
                                            <label class="nombreCampoRojo">Repetir Contraseña</label>
                                            <input class="textbox1Obligatorio" type="password" name="strPassword2" maxlength="10"
                                                   onMouseOver="onMouseOverInputText(this);" onMouseOut="onMouseOutInputTextObligatorio(this);" onfocus="onFocusInputText(this);" onblur="onBlurInputTextObligatorio(this);" />
                                            </div>
                                        </td>
                                        <td></td>
                                      </tr>
                                      <tr>
                                          <td height="26" colspan="6">
                                              <div align="center">
                                                  <input type="hidden" name="opcion" />
                                                  <input type="button" value="Guardar y Conectar" name="cmdConectar" id="cmdConectar"
                                                         class="button" tabindex="3" onclick="checkFormNuevo()" />
                                              </div>
                                          </td>
                                      </tr>
                                      <tr>
                                      <tr>
                                          <td height="15px" colspan="6">
                                              <label class="nombreCampo">Los campos indicados en tonos anaranjados son obligatorios</label>
                                          </td>
                                      </tr>
                                    </table>
                                    </fieldset>
                                </form>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        <br/><br/><br/>
        
    </body>
</html>
<?php 
}