<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" media="all" href="style.css"/>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<!-- include jQuery library -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
 // refresh captcha
 $('img#captcha-refresh').click(function() {  
        
        change_captcha();
 });
 
 function change_captcha()
 {
    document.getElementById('captcha').src="get_captcha.php?rnd=" + Math.random();
 }
 });
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});

$(document).ready(function() { 
$('a.item_menu2').hover(function() { //mouse in 
$(this).stop().animate({ paddingLeft: '40px' }, 400);
   }, function() { //mouse out 
   $(this).stop().animate({ paddingLeft: 0 }, 400); 
   }); 
});

$(document).ready(function() { 
$('a.item_menu').hover(function() { //mouse in 
$(this).stop().animate({ paddingTop: '20px' }, 400);
   }, function() { //mouse out 
   $(this).stop().animate({ paddingTop: 0 }, 400); 
   }); 
});


function valida(){	
		var exito = true;		
		var mensaje = " \n";	
		
		if(document.cita.txt_nombre.value.length == 0){
			mensaje += ("* Favor de escribir su nombre. \n");
			exito = false;
		}
		
		if(document.cita.txt_edad.value.length == 0){
			mensaje += ("* Favor de escribir su edad. \n");
			exito = false;
		}
				
		if(document.cita.txt_telefono.value.length == 0){
			mensaje += ("* Favor de escribir su telefono. \n");
			exito = false;
		}
		
		if(document.cita.txt_correo.value.length == 0 || document.cita.txt_correo.value.indexOf('@') == -1 ){
			mensaje += ("* El correo proporcionado no es correcto. \n");
			exito = false;
		}
		
		if(exito==false)
			alert(mensaje);
		else 
			document.cita.submit();
}
</script>
<title>CECOM - Centro de Cirugía Oral y Maxilofacial</title>
</head>

<body>
    <div align="center">
    	<div id="container">
        	<div id="cuerpo">
            <!--- Header --->
                <div id="arribapagina"></div>
                <div id="arriba">
                    <div id="fondo_izq"></div>
                    <div id="logo"><img src="img/logo_CECOM.jpg" width="400" height="150" /></div>
                    <div id="fondo_izq2"></div>
                    <div id="menu1">
						<div class="item_menu_seleccionado">> Realiza una cita</div>
                        <div><a class="item_menu" href="contacto-cecom.html">> <span class="underline">Contacto</span></a></div> 
                    	<div><a class="item_menu" href="mapa-del-sitio-cecom.html">> <span class="underline">Mapa del Sitio</span></a></div> 
                        <div><a class="item_menu" href="en/index.html">> <span class="underline">English</span></a></div> 
                                                
                    </div>
                </div>
                <div id="alturamedia">
                    <div id="alturamedia_fondo"></div>
                    <div id="menu2">
                    	<div><a class="item_menu2" href="index.html">><span class="underline">Inicio</span></a></div>
                        <div><a class="item_menu2" href="servicios-de-cecom.html">><span class="underline"> Servicios</span></a></div>
                        <div><a class="item_menu2" href="quienes-somos-cecom.html">> <span class="underline">Quienes Somos</span></a></div>
                        <div><a class="item_menu2" href="patient-care-cecom.html">> <span class="underline">Compromiso con el Paciente</span></a></div>
                        <div><a class="item_menu2" href="career-center-cecom.html">> <span class="underline">Instalaciones</span></a></div>
                        <div><a class="item_menu2" href="noticias-cecom.html">> <span class="underline">Noticias</span></a></div>
                        <div><a class="item_menu2" href="preguntas-frecuentes-maxilofacial.html">> <span class="underline">Preguntas Frecuentes</span></a></div>
                        <div><a class="item_menu2" href="contacto-cecom.html">> <span class="underline">Contacto</span></a></div>                   
                    </div>
                    <div id="alturamedia_fondo2"></div>
                    <div id="frase"><p><span class="negro">Una persona bella puede no ser feliz,<br /> pero una persona feliz siempre es bella.<br /> Cuida tu</span><span class="blanco"> sonrisa =)</span></p></div>
                    <div class="slideshow">
                        <img src="img/img01.jpg" width="160" height="200" />
                        <img src="img/img02.jpg" width="160" height="200" />
                        <img src="img/img03.jpg" width="160" height="200" />
                        <img src="img/img04.jpg" width="160" height="200" />
                    </div>
                </div>
                <div id="separacion_linea"></div>

                <div id="tipob">
                	<div id="izquierda_general_tipob">
                    <div id="borde_izquierda_tipob"></div>        
                        <div id="izquierda_tipob">
                        <h2>Realiza una Cita</h2>
                        <form action="realiza-una-cita-cecom-enviado.php" method="post" name="cita">
                            <table width="514" border="0">
                              <tr>
                                <td width="140"><label>Escriba su nombre completo:</label></td>
                                <td width="380"><input name="txt_nombre" type="text" size="30" /></td>
                              </tr>
                              <tr>
                                <td><label>Edad:</label></td>
                                <td><input name="txt_edad" type="text" size="10" /></td>
                              </tr>
                           	  <tr>
                                <td><label>Correo electronico:</label></td>
                                <td>
                                <?php
								if ($_POST['txt_correo_index']){
									?>
                                    <input name="txt_correo" type="text" size="30" value="<?php echo $_POST['txt_correo_index']; ?>"/>
                                    <?php
									
								}else {
									?>
                                    <input name="txt_correo" type="text" size="30" />
                                    <?php									
								}
                                ?>                             
                                </td>
                              </tr>
                              <tr>
                                <td><label>Dirección:</label></td>
                                <td><input name="txt_direccion" type="text" size="30" /></td>
                              </tr>
                              <tr>
                                <td><label>Telefono:</label></td>
                                <td><input name="txt_telefono" type="text" size="30" /></td>
                              </tr>
                              <tr>
                                <td><label>¿Hora preferente para contactarlo?</label></td>
                                <td><input name="txt_hora" type="text" size="30" /></td>
                              </tr>
                              <tr>
                                <td><label>¿Es primera cita?</label></td>
                                <td><p>
                                  <label>
                                    <input type="radio" name="txt_primeracita" value="Si" id="PrimeraCita_0" />
                                    Si</label>
                                  <br />
                                  <label>
                                    <input type="radio" name="txt_primeracita" value="No" id="PrimeraCita_1" />
                                    No</label>
                                  <br />
                                </p></td>
                              </tr>
                              <tr>
                                <td colspan="2">
                                  <!-- Captcha HTML Code -->  
                            <div id="captcha-wrap">
                                <div class="captcha-box">
                                    <img src="get_captcha.php" alt="" id="captcha" />
                                </div>
                                <div class="text-box">
                                    <label>Escribe las dos palabras:</label>
                                    <input name="captcha-code" type="text" id="captcha-code">
                                </div>
                                <div class="captcha-action">
                                    <img src="refresh.jpg"  alt="" id="captcha-refresh" />
                                </div>
                            </div>  
                                </td>
                              </tr>
                              <tr>
                                <td>&nbsp;</td>
                                <td><input name="Enviar" type="button" value="Enviar" onClick ="valida()"/></td>
                              </tr>
                            </table>
                            </form>
                      </div>  
                    </div>           
                    <div id="derecha_tipob_contacto">
             			<!--- Formulario --->                        
                    </div>
             	</div>
                <!--- Termina tipo B --->
                
            </div>
        	<div id="footer">
            <p>CECOM Centro de Cirugía Oral y Maxilofacial @ Desarrollado por <a class="undeline" target="_blank" href="http://www.consultoresdc.com">DC Consultores</a></p>
            </div>
       </div>
	</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11845192-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
