<?php

include("fn/basicas_cracu.php"); //FUNCIONES GENÉRICAS EN PHP

 $id_usuario = $_SESSION['id_user'];
 
 if($id_usuario != ''){
	$result2 = mysql_query("select * from usuarios where id='$id_usuario'"); 
	$usuario = mysql_fetch_array($result2);
 }
?>

<html lang="es-es" dir="ltr">
<head>
 <style type="text/css">
   .labels {
     color: black;
     background-color: rgba(255,255,255,0.5);;
     //font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 12px;
     font-weight: bold;
     text-align: center;
     //width: 40px;
     border: 2px solid black;
     white-space: nowrap;
	 padding: 3px 3px 3px 3px;
	 //margin: 30px 0 0 0;
	 //z-index: -2;
	 //opacity: 0.4;
   }

 </style>
<link rel="shortcut icon" href="favicon.ico" />
<title>CRACU.com | Imprime online en tu copistería</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Cracu.com">
<meta name="keywords" content="cracu, cracu.com, imprimir online, copistería, fotocopias">
<meta name="author" content="CRACU.com">
				
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/buscar.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/slider1.css" rel="stylesheet" type="text/css" media="all" />

<script type="text/javascript" src="js/jquery.min.js"></script> 
<script src="js/commons1.11.js" type="text/javascript"></script>
<script src="js/jquery.bxslider.js" type="text/javascript"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>  
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="js/slider.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&amp;sensor=false"></script>
<script src="js/mapa.js"></script>
<script src="js/markerwithlabel.js"></script>


<script>

$(document).ready(function() {
	//alert('a');
	$(document).click(function(){
		$("#caja_login").mouseleave(function(){
			document.getElementById("caja_login").style.display = "";
		});
	});
	
		 document.getElementById('resultadosBusqueda').style.display = "none";
	<?php if ($_POST['cadenaBusqueda'] != ""){?>

		document.getElementById('resultadosBusqueda').style.display = "block";
		
		$('html, body').animate({scrollTop:630}, 1200);
	<?php } ?>
	
	$('#coin-slider').coinslider({ width: 800, height: 350,  navigation: true, delay: 5000 , sDelay: 50,  opacity: 0.9,titleSpeed: 600,links: false,hoverPause: true});
         
	//FUNCIÓN PARA BAJAR LA PÁGINA CON VELOCIDAD AL HACER CLICK EN UN ENLACE
    $('a.scroller').click(function() {
			
         if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
         
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
            // alert(target);
			 
			if (target.length) {
				 //alert(target.offset().top);
                 $('html,body').animate({scrollTop: target.offset().top}, 900);
				 return false;
              }
         }
    });
	// FIN DE FUNCIÓN
		       
});
</script>
	  
<script type="text/javascript">

//---------------------------------------------------------		

function mostrar_bocadillo_info(indice){
		document.getElementById('info'+indice).style.display = "block";
};
function ocultar_bocadillo_info(indice){
		document.getElementById('info'+indice).style.display = "none";
};

function login(){
	var caja = document.getElementById("caja_login");
	if(caja.style.display == ""){
		caja.style.display = "block";
	}
	else{
		caja.style.display = "";
	}
	$('#email1').focus();
};

</script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-62478791-1', 'auto');
  ga('send', 'pageview');
</script>

</head>

<body>

<?php
include("fn/cuadro_login_1.php"); //CUADRO LOGIN
?>

<div class="wrap1">
	<a href="index.php">
		<div class="logo">
		</div>
	</a>
	
	<?php if ($_SESSION['user'] == ""){ ?>
	
	<div class="menu">
		<div class="cssmenu">
			<ul>
				<li class="separador"></li>
				<li><a href="registro.php"><span>Registro</span></a></li>
				<li class="active" id="b"><a href="javascript:login()"><span>Iniciar sesión</span></a></li>
			 </ul>
		</div>
	</div>
	
	<?php }else{ 
			//$usuario = $_SESSION['user'];
			$empleado = 0;
			//$result3 = mysql_query("select * from usuarios where username='$usuario'"); 
			//$registro3 = mysql_fetch_array($result3);
			if( $usuario['id_copisteria'] > 0){
				$empleado = 1;
			}
	?>
	<div class="menu2">
		<div class="cssmenu">
			<ul>
				<li class="separador"></li>
				<?php if($empleado){  ?>
				<li><a href="panel/index.php" target="_blank"><span>Panel Copistería</span></a></li>
				<?php }else{ ?>
				<li><a href="mis-pedidos.php"><span>Mis pedidos</span></a></li>
				<?php } ?>
				<li><a href="usuario.php"><span>Mi cuenta</span></a></li>
				<li class="active" id="b"><a href="?sesion=off"><span>Salir</span></a></li>
			 </ul>
		</div>
	</div>
	
	
	
	<?php }?>
</div>

<div class="web">

<div class="wrap2">

<div class="buscarLugar" Id="buscarLugar">

	<div class="titulo">Encuentra tu copistería<h2>Introduce tu dirección, ciudad, lugar...</h2></div>

		<div class="lugar" Id="lugar">
			<form action="buscar.php" method="post">
				<input name="cadenaBusqueda" class="buscar_lugar" Id="cadenaBusqueda" value="<?php echo $_POST['cadenaBusqueda'];?>">
				<input type="submit" class="boton_imprimir" value="Buscar"  onclick="()">
			</form>
		</div>
	</div>
</div>

<!--
<div Id="resultado">

</div>
-->

<div class="wrap31">
	<div class="menu-secundario">
	<a href="#wrap4" class="scroller">Descubre CRACU.com</a>
	</div>
	<div class="separador"></div>
	<div class="menu-secundario">
	<a href="#wrap5" class="scroller">¿Tu primer pedido?</a>
	</div>
	<div class="separador"></div>
	<div class="menu-secundario">
	<a href="index.php">Imprime en tu copistería</a>
	</div>
	<div class="separador"></div>
	<div class="menu-secundario">
	<a href="#wrap6" class="scroller">¿Qué hay de nuevo?</a>
	</div>
</div>



<div class="wrap_busquedas" Id="resultadosBusqueda">
	<div class="ancho_web">
			<div Id="map_canvas" class="map_canvas"></div>
	 
		<!--campos ocultos donde guardamos los datos-->
		<input type="hidden"   name="lat" id="lat"/>
		<input type="hidden"   name="lng" id="long"/>
		
		
		<div class="cercanas" Id="cercanas0">
			
			<div class="cercanas_icono" Id="cercanas_icono0">
			
			</div>
			<div class="cercanas_nombre" Id="cercanas_nombre0">
				No se han encontrado copisterías cercanas.
			</div>
			<div class="cercanas_localidad" Id="cercanas_localidad0">
			</div>
			<div class="cercanas_distancia" Id="cercanas_distancia0">
			</div>
			<div class="cercanas_comenzar" Id="cercanas_comenzar0">
				
			</div>
		</div>
		
		<div class="cercanas_anuncio" Id="cercanas01">
			<div class="cercanas_anuncio_texto">
				¿Tienes una copistería en este lugar? Sé el primero en unirte 
			</div>
			<div class="cercanas_boton2 ">
				<a href="descubre-mas.php?ver=beneficios-copisterias"><input type="button" class="boton_datos" value="Más información" onclick=""></a>
			</div>
		</div>
		
		<div class="cabecera_cercanas" Id="cabecera_cercanas" style="display:none;">
			
			<div class="cabecera1">
				Resultados de la búsqueda
			</div>
			<div class="cabecera2">
			
			</div>
			<div class="cabecera3">
				
				<img style="cursor:pointer;" src="images/triangulo_arriba2.png" title="Precio de menor a mayor" onClick="realizaConsulta(lat,lng,1);" onmouseover="" onmouseout="">
				<img style="cursor:pointer;" src="images/triangulo_abajo2.png" title="Precio de mayor a menor" onClick="realizaConsulta(lat,lng,2);" onmouseover="" onmouseout="">
				
			</div>
			<div class="cabecera4">
				
				<img style="cursor:pointer;" src="images/triangulo_arriba2.png" title="Distancia de menor a mayor" onClick="realizaConsulta(lat,lng,3)" onmouseover="" onmouseout="">
				<img style="cursor:pointer;" src="images/triangulo_abajo2.png" title="Distancia de mayor a menor" onClick="realizaConsulta(lat,lng,4)" onmouseover="" onmouseout="">
				
			</div>
			
		</div>
		
		
		<?php for ($i = 1; $i <= 100; $i++) {	?>
    
		<div class="cercanas" Id="cercanas<?php echo $i?>">
			
			<div class="cercanas_icono" Id="cercanas_icono<?php echo $i?>">
			<a href="#resultadosBusqueda" class="scroller" onClick="centrarMapa(<?php echo $i?>)"><img style="cursor:pointer;" src="images/icono_mapa_impresora.png" title="Centrar en el mapa" onClick="centrarMapa(<?php echo $i?>)" onmouseover="" onmouseout="">
			</div>
			<div class="cercanas_nombre" Id="cercanas_nombre<?php echo $i?>">
			</div></a>
			<div class="cercanas_localidad" Id="cercanas_localidad<?php echo $i?>">
			</div>
			<div class="cercanas_precio" Id="cercanas_precio<?php echo $i?>">
			</div>
			<div class="cercanas_distancia" Id="cercanas_distancia<?php echo $i?>">
			</div>
			<div class="cercanas_boton1" Id="cercanas_ficha<?php echo $i?>">
				<form action="copisteria.php" method="post">
				<input type="hidden" name="id_copisteria" value="" Id="id_mas<?php echo $i?>">
				<input type="submit" class="boton_datos" value="+ info" Id="boton_datos<?php echo $i?>">
				</form>
			</div>
			<div class="cercanas_boton2" Id="cercanas_comenzar<?php echo $i?>">
				<form action="index.php" method="post" >
				<input type="hidden" name="id_copisteria2" value="" Id="id_imp<?php echo $i?>">
				<input type="submit" class="boton_comenzar" value="imprimir aquí" Id="boton_comenzar<?php echo $i?>">
				</form>
			</div>
		</div>
		
		<?php } ?>
		
		<div class="cercanas_anuncio" Id="cercanas999" style="display:none;">
			<div class="cercanas_anuncio_texto">
				¿Tienes una copistería en este lugar? Únete y aparece aquí
			</div>
			<div class="cercanas_boton2 ">
				<a href="descubre-mas.php?ver=beneficios-copisterias"><input type="button" class="boton_datos" value="Más información" onclick=""></a>
			</div>
		</div>
		
		<div class="pie_cercanas" Id="cercanas1000" style="display:none;">
			(*) Precio de impresión de una página a doble cara y en blanco/negro
			
			
		</div>
		
	</div>
</div>



<div class="wrap4" Id="wrap4">
		<h1>Descubre CRACU.com</h1>
<!--		<div class="separador_superior"></div> -->
	
<div class="ancho_web">
	<div class="wrap4-columna">
<!--		<img class="wrap4-image" src="images/copiadora.jpg"/> -->
		<img class="wrap4-image" src="images/copisteria.png"/>
		<h2>Si tienes una copistería...</h2>
		<h3>&#10004 Incorpora nuevas tecnologías</h3><br>
		<h3>&#10004 Ofreces un nuevo servicio</h3><br>
		<h3>&#10004 Gestiona los pedidos fácilmente</h3><br>
		<h3>&#10004 ... </h3>
		<br><br>
		<a href="descubre-mas.php?ver=beneficios-copisterias" class="saber-mas">Descubre más</a>

	</div>
	
	<div class="wrap4-columna">
		<img class="wrap4-image" src="images/imprimir.png" alt="" height="215px"/>
		<h2>Si necesitas imprimir...</h2>
		<h3>&#10004 Encuentra una copistería cercana</h3><br>
		<h3>&#10004 Ahorra tiempo en la tienda</h3><br>
		<h3>&#10004 Conoce los precios online</h3><br>
		<h3>&#10004 ... </h3>
		<br><br>
		<a href="descubre-mas.php?ver=ventajas-usuarios" class="saber-mas">descubre más</a>
	
	</div>

</div>	
</div>

<div class="wrap5" Id="wrap5">

	<h1>¿ Tu primer pedido ?</h1>

		<div class="pasos"><img src="images/registro.png" class="imagen_pasos">Resgístrate <span>GRATIS</span> e inicia sesión en la parte superior</div>
		
		<div class="pasos"><img src="images/lupa.png" class="imagen_pasos">Encuentra tu copistería por <span>cercanía</span>, <span>precio</span>, ...</div>
		
		<div class="pasos"><img src="images/subir.png" class="imagen_pasos">Carga los archivos que vas a <span>imprimir</span> y elige sus <span>opciones</span> de impresión</div>
		
		<div class="pasos"><img src="images/ok.png" class="imagen_pasos">Comprueba que todo está correcto, y haz click en <span>procesar</span> tu pedido</div>

		<div class="pasos"><img src="images/local.png" class="imagen_pasos">Ve a tu copistería, paga y <span>recoge</span> tus archivos ya impresos</div>

		<div class="pasos"><img src="images/todook.png" class="imagen_pasos">Fácil y rápido. Sin pagar más. <span>¿Haces tu pedido en CRACU.com?</span></div>
		
		<div class="quiero-registrarme">
		<a href="#" class="te-registras">regístrate</a>
		</div>
</div>

<div class="wrap6" Id="wrap6">
		
	
<div class="ancho_web">
	<div class="slider">
		<div id="coin-slider"> 
					
			<!<img src="images/web-slider/cita_1.png" width="800" height="350" alt=""/>
			
			<img src="images/web-slider/oferta_lanzamiento.png" width="800" height="350" alt=""/>
			<img src="images/web-slider/copymaq.png" width="800" height="350" alt=""/>
			<img src="images/web-slider/elromeral.png" width="800" height="350" alt=""/>
			<!--<img src="images/web-slider/palcopy.png" width="800" height="350" alt=""/>
			
			
			<img src="images/web-slider/copyrap.png" width="800" height="350" alt=""/>
			-->
																					 
		</div>						  
	</div>
	
		<div class="publicidad">publicidad</div>
		<div class="publicidad">publicidad</div>
		<div class="publicidad">publicidad</div>
		<div class="publicidad">publicidad</div>

</div>
	
</div>
	
<?php
include("fn/pie_pagina_1.php"); //CUADRO LOGIN
?>


</body>
</html>