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

//no_cache();
 
//$usuario = $_SESSION['user'];
$id_usuario = $_SESSION['id_user'];
 
if($id_usuario != ''){
	$result2 = mysql_query("select * from usuarios where id='$id_usuario'"); 
	$usuario = mysql_fetch_array($result2);
}
 
 $seleccionada_ya = 0;
 $seleccionada_id = 1231123131234124124;
 
	// Si venimos con la copisteria elegida, la buscamos		
	if ($_POST['id_copisteria2'] != ""){
		 
		$id_buscada = $_POST['id_copisteria2'];
		$query2 = "select * from establecimientos where id = '$id_buscada'";
		$result2 = mysql_query($query2);
		$registro2 = mysql_fetch_array($result2);
		$seleccionada_lugar = utf8_encode($registro2[localidad]);
		$seleccionada_nombre = utf8_encode($registro2[nombre]);
		$seleccionada_id = $registro2[id];
		$seleccionada_ya = 1;
		
		//$nombre = $registro[nombre];
		//echo $registro[nombre];
	}
	
	//Rellenar las localidades al inicio
	$query = "select * from establecimientos where operativa='1' order by localidad ASC";
	$result = mysql_query($query); 
	$i = 0;
	$localidades = array();
	while ($registro = mysql_fetch_array($result)){
		if(!in_array(utf8_encode($registro[localidad]), $localidades)){
			$localidades[$i] = utf8_encode($registro[localidad]);
			$i++;
		}
	}

if ($_POST['usuario_recordar'] != ""){
	$usuario_recordar = $_POST['usuario_recordar'];
	$result2 = mysql_query("select * from usuarios where username='$usuario_recordar'"); 
	$usuario_recordar = mysql_fetch_array($result2);
	if($usuario_recordar[id] == ''){
		//NO HAY ESE EMAIL REGISTRADO
		$enviado_recordatorio_clave = 2;
	}else{
		//SI ESTÁ REGISTRADO
		$enviado_recordatorio_clave = 1;
		
		$para = $usuario_recordar[email];
		$titulo    = "Reestablecer tu contraseña de acceso a CRACU.com";
		$palabra = rand( 1000000000, 9999999999);
		$enlace		= "http://cracu.com/registro.php?pai=".rand( 1000000000, 9999999999)."&pal=". $usuario_recordar[palabra]."&cor=". $usuario_recordar[email]."";	
		$mensaje = "<html>Hola " . utf8_encode($usuario_recordar[nombre]) . ",<br><br> estás recibiendo este mensaje porque has olvidado tu contraseña de acceso a CRACU.com. Para reestablecerla haz clic en el siguiente enlace:<br><br> ".  $enlace ."<br><br>Si no has solicitado reestablecer tu contraseña, omite este mensaje.<br><br>CRACU.com - Imprime online en tu copistería\n<br>(Mensaje generado de manera automática)</html>";

		$cabeceras = 'Content-type: text/html; charset=utf-8' . "\r\n";
		$cabeceras .= 'From: no-reply@cracu.com' . "\r\n" .
					'Reply-To: info@cracu.com' . "\r\n" .
					'Bcc:reestablecimiento-clave@cracu.com' . "\r\n" .
					'X-Mailer: PHP/' . phpversion();
						
		mail($para, utf8_decode($titulo), $mensaje, $cabeceras);
		
	}	
}	
?>

<html lang="es-es" dir="ltr">
<head>
<meta name="google-site-verification" content="uzVepACRCTbVq2K9tHBiCGn6w6H1EjfYGSZaYV5ybOQ" />

<link rel="shortcut icon" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Con CRACU.com imprimes en las copistería de manera on-line, llegándote un aviso cuando tu pedido se encuentra listo para recoger en la tienda. Así te ahorras hacer colas para esperar a que se impriman tus documentos. Ahhh, y pagas en la tienda al recoger, no en la web!!">
<meta name="keywords" content="cracu, cracu.com, imprimir online, copistería, fotocopias">
<meta name="author" content="CRACU.com">


<title>CRACU.com | Imprime online en tu copistería</title>

<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 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.google.com/maps/api/js?sensor=true"></script>
<script src="js/geolocalizacion.js"></script>
<script src="js/droparea.js"></script>

	

	 
<script>
jQuery(document).ready(function(){
	
	<?php
	$info = $_GET['login'];
	if ($info == 'false'){ ?>
		alert("Usuario y/o contraseña incorrectos");
	<?php } ?>
	
	<?php if($enviado_recordatorio_clave == 1){ ?>
		alert("Te hemos enviado un correo electrónico para reestablecer tu contraseña");
	<?php } ?>
	
	<?php if($enviado_recordatorio_clave == 2){ ?>
		alert("No existe un usuario registrado con ese correo electrónico");
	<?php } ?>
	$(document).click(function(){
		cerrar_publi();
	});
	
/*	
	$(document).click(function(){
		$("#caja_login").mouseleave(function(){
			document.getElementById("caja_login").style.display = "";
		});
	});
	$(document).click(function(){
		$("#caja_recordar").mouseleave(function(){
			document.getElementById("caja_recordar").style.display = "";
		});
	});
*/
	$('#coin-slider').coinslider({ width: 800, height: 350,  navigation: true, delay: 7500 , sDelay: 50,  opacity: 0.9,titleSpeed: 600,links: false,hoverPause: true});
     
	//obtenerPosicion();// quitado de aquí ya que lo llamamos al desplazar el div de busqueda

	<?php if ($seleccionada_ya){ ?>

		provincia_texto = '<?php echo $seleccionada_lugar; ?>';
		copisteria_texto = '<?php echo $seleccionada_nombre; ?>';
		copisteria_elegida = '<?php echo $seleccionada_id; ?>';
		seleccionarLugar('<?php echo $seleccionada_lugar; ?>');
		establecerCopisterias('<?php echo $seleccionada_lugar; ?>','<?php echo $seleccionada_lugar; ?>',1);
		//seleccionarCopisteria('<?php echo $seleccionada_id; ?>');
		sin_boton_empezar();
		guardarCopisteria('<?php echo $seleccionada_id; ?>','<?php echo $seleccionada_nombre; ?>')
		//document.getElementById('ciudad_elegida').innerHTML = <?php echo $seleccionada_lugar; ?>;
		//document.getElementById('copisteria_elegida').innerHTML = <?php echo $seleccionada_nombre; ?>;	
		//document.getElementById("wrap3").style.display = "block";	
		//document.getElementById("comienzo_archivo").style.display = "block";
		//$('html, body').animate({scrollTop:670}, 1200); return false;

	<?php } ?>
	
	//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
	
	
	//FUNCIÓN QUE INICIALIZA LA ZONA DE SUBIR ARCHIVOS
    // Calling jQuery "droparea" plugin
	$('.droparea').droparea({
               // 'instructions': 'Arrastra aquí los PDF',
                'init' : function(result){
                    //console.log('custom init',result);
                },
                'start' : function(area){
                    area.find('.error').remove(); 
                },
                'error' : function(result, input, area){
                    $('<div class="error">').html(result.error).prependTo(area); 
                    return 0;
                    //console.log('custom error',result.error);
                },
                'complete' : function(result, file, input, area){
                    if((/image/i).test(file.type)){
                        ////area.find('img').remove();
                        //area.data('value',result.filename);
                        ////area.append($('<img>',{'src': result.path + result.filename + '?' + Math.random()}));
                    } else{
						if(result.paginas == 0){
							alert(":( Lo sentimos: ha ocurrido un error al procesar tu archivo, inténtalo de nuevo o prueba con otro.\n\nPOSIBLE SOLUCIÓN: abre el PDF en tu ordenador con ADOBE READER, en el menú 'Archivo' selecciona 'Guardar como...', guárdalo en tu PC con un nuevo nombre y prueba a subir este nuevo archivo. \n!Ojalá sea la solución¡ ;)");
						}else{
							//Aumentamos el índice de archivos subidos
								indice_archivo_subido++;
							//Eliminamos el anuncio de empieza a subir archivos
								document.getElementById("comienzo_archivo").style.display = "none";
							//Asignamos el nombre al cuadro de archivo que corresponda según el índice
								document.getElementById('nombre-archivo'+indice_archivo_subido).innerHTML = result.nombre_original;
							//Ponemos visible el cuadro de archivo que corresponda según el índice
								document.getElementById('archivo'+indice_archivo_subido).style.display = "block";
								//alert("hola");
							//Ponemos visible el cuadro de precio total del pedido
								document.getElementById('wrap3-total').style.display = "block";
							//Rellenamos su bocadillo
								document.getElementById('info'+indice_archivo_subido).innerHTML = result.paginas + ' páginas';
								
							//Guardamos su número de páginas
								document.getElementById('paginas'+indice_archivo_subido).value = result.paginas;
								
								document.getElementById('id'+indice_archivo_subido).value = result.id_archivo;
								document.getElementById('nombre'+indice_archivo_subido).value = result.nombre_original;
			
							//Almacenamos variables globales
								paginas_archivo_carrito[indice_archivo_subido] = result.paginas;
								paginas_impresas_carrito[indice_archivo_subido] = result.paginas;
				
							//HABRIA QUE COMPROBAR QUE TENEMOS TIENDA SELECCIONADA Y DEMÁS
				
							//document.getElementById('id_tienda').value = copisteria;
							//Al final recalcular carrito
							recalcular_carrito();
						}
						
					}
                    //console.log('custom complete',result);
                }
        });
	
	//alert("Bienvenid@: CRACU.com estará disponible para realizar pedidos a partir del día 20 DE OCTUBRE. Regístrate y te avisaremos en el momento que puedas comenzar a imprimir");	
	
});


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

function recordar_login(){
	
	var recordar = document.getElementById("caja_recordar");
	recordar.style.display = "block";

	//$('#email1').focus();
};

function cerrar_cookie(){
	var caja = document.getElementById("cookie");
	caja.style.display="none";
}

function cerrar_publi(){
	var caja2 = document.getElementById("publi");
	caja2.style.display="none";
}

function boton_empezar() {	
	if((document.getElementById("provincia").value != "") && (document.getElementById("tienda").value != "") ){
		
		
		document.getElementById("wrap3").style.display = "block";				
		//GUARDAMOS EN JS LA ELECCIÓN DE PROVINCIA Y TIENDA
		//var ciudad_elegida = $('select[Id=provincia]').val();
		//var copisteria_elegida = $('select[Id=tienda]').val();
		//alert(ciudad_elegida);
		//COLOCAMOS EL NOMBRE DE COPISTERÍA Y CIUDAD EN SECCIÓN PREPARA TU PEDIDO
		document.getElementById('ciudad_elegida').innerHTML = provincia_texto;
		document.getElementById('copisteria_elegida').innerHTML = copisteria_texto;
		//document.getElementById('copisteria_elegida').innerHTML = $('select[Id=tienda]').innerHTML;
		//document.getElementById('ciudad_elegida').innerHTML = $('select[Id=provincia]').innerHTML;
		if(indice_archivo_subido == 0){
			document.getElementById("comienzo_archivo").style.display = "block";
		}
		//quitamos las siguientes lineas para poder volver a elegir tienda
		//document.getElementById('tienda').disabled = true;
		//document.getElementById('provincia').disabled = true;
		$('html, body').animate({scrollTop:660}, 1200); return false;
		
	}else{			
			alert("Selecciona primero un lugar y una copistería");
	}
};

function sin_boton_empezar() {	
		
		document.getElementById("wrap3").style.display = "block";					
		//COLOCAMOS EL NOMBRE DE COPISTERÍA Y CIUDAD EN SECCIÓN PREPARA TU PEDIDO
		document.getElementById('ciudad_elegida').innerHTML = provincia_texto;
		document.getElementById('copisteria_elegida').innerHTML = copisteria_texto;
		
		document.getElementById("comienzo_archivo").style.display = "block";
		//quitamos las 2 lineas para cambiar
		//document.getElementById('tienda').disabled = true;
		//document.getElementById('provincia').disabled = true;
		$('html, body').animate({scrollTop:650}, 1200); return false;	
};
	
function establecerCopisterias(indice,texto,modo){
    provincia = indice;
	provincia_texto = texto;
	if (indice == '' || indice == 1000){
		//alert('vacio');
		var select = document.getElementById('tienda');
		document.getElementById('tienda').options.length = 0;
		document.getElementById('tienda').disabled = true;
		var opt = document.createElement('option');
		opt.value = '';
		opt.innerHTML = "Copistería...";
		select.appendChild(opt);
		document.getElementById('tienda').options.length = 1;
		if(indice == 1000){
			var win = window.open("unir-mi-ciudad.php", '_blank');
			win.focus();
		}
	}else{
		var parametros = {
                "localidad" : texto         
        };
        $.ajax({
                data:  parametros,
                url:   'fn/consultar_copisterias_localidad.php',
                type:  'post',
                beforeSend: function () {
                       // $("#resultado").html("Procesando, espere por favor...");
                },
                success:  function (response) {
						procesarCadena(response,texto,modo);
                }
        });		
	}
}	

function procesarCadena(cadena,localidad,modo){
	var select = document.getElementById('tienda');
	var opt = document.createElement('option');
	var copisterias = cadena.split("?");

	document.getElementById('tienda').options.length = 0;
	document.getElementById('tienda').disabled = false;
	
	var opt = document.createElement('option');
	opt.value = '';
	opt.innerHTML = "Copisterías de "+localidad;
	select.appendChild(opt);
	
	for (i = 0; i < copisterias.length-1; i++){
		//alert(copisterias[i]);
		var datos = copisterias[i].split("#");
		var opt = document.createElement('option');
			opt.value = datos[0];
			opt.innerHTML = datos[1];
			
		if (modo == 1){
			if(datos[0] == <?php echo $seleccionada_id;  ?>){
				opt.selected = true;
			}
		}		
			select.appendChild(opt);
	}
	document.getElementById('tienda').options.length = copisterias.length;
}

function establecerPrecios(indice){
	
	var parametros = {
                "id" : indice         
        };
        $.ajax({
                data:  parametros,
                url:   'fn/consultar_precios_copisteria.php',
                type:  'post',
                beforeSend: function () {
                       // $("#resultado").html("Procesando, espere por favor...");
                },
                success:  function (response) {
						procesarCadenaPrecios(response);
                }
        });		
}

/*
function procesarCadenaPrecios(cadena){
	var divisiones = cadena.split("#");
	for (i = 1; i < divisiones.length; i++){
		precios[i] = divisiones[i-1];
	}
	recalcular_carrito();
}
*/
function procesarCadenaPrecios(cadena){
	var divisiones = cadena.split("#");
	for (i = 1; i <= 30; i++){
		precios[i] = divisiones[i-1];
	}
	for (i = 1; i <= 15; i++){
		saltos[i] = divisiones[i+29];
	}
	recalcular_carrito();
}
	
function guardarCopisteria(indice,texto) {
	copisteria = indice;
	copisteria_texto = texto;
	document.getElementById('ciudad_elegida').innerHTML = provincia_texto;
	document.getElementById('copisteria_elegida').innerHTML = copisteria_texto;
	establecerPrecios(copisteria);
	document.getElementById('id_mas_copisteria').value = indice;
};


function seleccionarLugar(elemento) {
   var combo = document.getElementById('provincia');
   var cantidad = combo.length;
   for (i = 0; i < cantidad; i++) {
      if (combo[i].value == elemento) {
         combo[i].selected = true;
      }   
   }
}

function seleccionarCopisteria(elemento) {
   var combo = document.getElementById('tienda');
   var cantidad = combo.length;
   for (i = 0; i < cantidad; i++) {
      if (combo[i].value == elemento) {
         combo[i].selected = true;
      }   
   }
}
	
//---------------------------------------------------------		
function eliminar_archivo(indice){
	confirmar=confirm('¿Deseas eliminar este archivo?');
	if (confirmar){
		//alert('Eliminaríamos el archivo')
		//Quitamos de visible el cuadro de archivo que corresponda según el índice
		document.getElementById('archivo'+indice).style.display = "none";
		document.getElementById('nombre'+indice).value = "";
		precio_archivo_carrito[indice] = 0;
		paginas_archivo_carrito[indice] = 0;
		paginas_impresas_carrito[indice] = 0;
		hojas_archivo_carrito[indice] = 0;
	}else{
		//alert('No hacemos nada al arrepentirse')
	}
};

	
	//VARIABLES GLOBALES
var indice_archivo_subido = 0;
var provincia = "";
var provincia_texto = "";
var copisteria = "";
var copsiteria_texto = "";
var precios = new Array(40);
var saltos = new Array(40);
var maximo_archivos = 100;
var precio_total_carrito = 0.0;
var precio_archivo_carrito = new Array(maximo_archivos);
var paginas_archivo_carrito = new Array(maximo_archivos);
var paginas_impresas_carrito = new Array(maximo_archivos);
var hojas_archivo_carrito = new Array(maximo_archivos);
<?php if ($_SESSION['user'] == ""){ ?>
 var logueado = 0;
<?php }else{ ?>
 var logueado = 1;
<?php } ?>


function recalcular_carrito(){
	precio_total_carrito = 0;
	for(var i = 1; i<=paginas_archivo_carrito.length; i++){
	if(paginas_archivo_carrito[i] > 0){
		paginas_impresas_carrito[i] = Math.floor(paginas_archivo_carrito[i] / document.getElementById('paginasporhoja'+i).value);
		
		if( (paginas_archivo_carrito[i] % document.getElementById('paginasporhoja'+i).value) > 0 ){
			paginas_impresas_carrito[i] = paginas_impresas_carrito[i] + 1;
		}
		
		if ($('input[Id=doblecara'+i+']:radio').is(':checked')){//a doble_Cara	
			hojas_archivo_carrito[i] = paginas_impresas_carrito[i] / 2;
			
			if ($('input[Id=negro'+i+']:radio').is(':checked')){//a blanco y negro
				if ($('input[Id=encuadernado'+i+']:checkbox').is(':checked')){//encuadernado
					//mas encuadernado
					/*
					indice = 0;
					precio_encuadernado = precios[10+indice];
					while(hojas_archivo_carrito[i] > precios[15+indice]){
						indice++;
						precio_encuadernado = precios[10+indice];
					}
					*/
					
					precio_encuadernado = 0;
					for (indice = 1; indice <= 15; indice++){
						if( (hojas_archivo_carrito[i] <= saltos[indice+1]) && (hojas_archivo_carrito[i] > saltos[indice])){
							precio_encuadernado = precios[15+indice];
						}
					}
					if(!precio_encuadernado){
						alert("Opción encuadernar no disponible para este archivo");
						document.getElementById('encuadernado'+i).checked = false;
						document.getElementById('encuadernado'+i).disabled = true;
						//$('input[Id=encuadernado'+i+']:checkbox').disabled = true;
					}
					
					document.getElementById('icono'+i).innerHTML = '<img src="images/doble-E.png">';
					if(paginas_impresas_carrito[i] == 1){
						precio_archivo_carrito[i] = paginas_impresas_carrito[i]*precios[2];
					}else{
						precio_archivo_carrito[i] = paginas_impresas_carrito[i]*precios[1];
					}
					precio_archivo_carrito[i] = precio_archivo_carrito[i] + parseFloat(precio_encuadernado);
					document.getElementById('precio_archivo_'+i).innerHTML = precio_archivo_carrito[i].toFixed(2);
				}else{
					document.getElementById('icono'+i).innerHTML = '<img src="images/doble.png">';
					if(paginas_impresas_carrito[i] == 1){
						precio_archivo_carrito[i] = paginas_impresas_carrito[i]*precios[2];
					}else{
						precio_archivo_carrito[i] = paginas_impresas_carrito[i]*precios[1];
					}
					document.getElementById('precio_archivo_'+i).innerHTML = precio_archivo_carrito[i].toFixed(2);
				}
			}else{												// a color
				if ($('input[Id=encuadernado'+i+']:checkbox').is(':checked')){//encuadernado
					//mas encuadernar
					precio_encuadernado = 0;
					for (indice = 1; indice <= 15; indice++){
						if( (hojas_archivo_carrito[i] <= saltos[indice+1]) && (hojas_archivo_carrito[i] > saltos[indice])){
							precio_encuadernado = precios[15+indice];
						}
					}
					if(!precio_encuadernado){
						alert("Opción encuadernar no disponible para este archivo");
						document.getElementById('encuadernado'+i).checked = false;
						document.getElementById('encuadernado'+i).disabled = true;
						//$('input[Id=encuadernado'+i+']:checkbox').disabled = true;
					}
					
					document.getElementById('icono'+i).innerHTML = '<img src="images/doblecolor-E.png">';
					if(paginas_impresas_carrito[i] == 1){
						precio_archivo_carrito[i] = paginas_impresas_carrito[i]*precios[4];
					}else{
						precio_archivo_carrito[i] = paginas_impresas_carrito[i]*precios[3];
					}
					precio_archivo_carrito[i] = precio_archivo_carrito[i] + parseFloat(precio_encuadernado);
					document.getElementById('precio_archivo_'+i).innerHTML = precio_archivo_carrito[i].toFixed(2);

				}else{
					document.getElementById('icono'+i).innerHTML = '<img src="images/doblecolor.png">';
					if(paginas_impresas_carrito[i] == 1){
						precio_archivo_carrito[i] = paginas_impresas_carrito[i]*precios[4];
					}else{
						precio_archivo_carrito[i] = paginas_impresas_carrito[i]*precios[3];
					}
					document.getElementById('precio_archivo_'+i).innerHTML = precio_archivo_carrito[i].toFixed(2);
				}
			}
		}else{													// a una cara
			hojas_archivo_carrito[i] = paginas_impresas_carrito[i];
			
			if ($('input[Id=negro'+i+']:radio').is(':checked')){//a blanco y negro
				if ($('input[Id=encuadernado'+i+']:checkbox').is(':checked')){//encuadernado
					//mas encuadernado
					precio_encuadernado = 0;
					for (indice = 1; indice <= 15; indice++){
						if( (hojas_archivo_carrito[i] <= saltos[indice+1]) && (hojas_archivo_carrito[i] > saltos[indice])){
							precio_encuadernado = precios[15+indice];
						}
					}
					if(!precio_encuadernado){
						alert("Opción encuadernar no disponible para este archivo");
						document.getElementById('encuadernado'+i).checked = false;
						document.getElementById('encuadernado'+i).disabled = true;
						//$('input[Id=encuadernado'+i+']:checkbox').disabled = true;
					}
					
					document.getElementById('icono'+i).innerHTML = '<img src="images/una-E.png">';
					precio_archivo_carrito[i] = paginas_impresas_carrito[i] * precios[2];
					precio_archivo_carrito[i] = precio_archivo_carrito[i] + parseFloat(precio_encuadernado);
					document.getElementById('precio_archivo_'+i).innerHTML = precio_archivo_carrito[i].toFixed(2);

				}else{
					document.getElementById('icono'+i).innerHTML = '<img src="images/una.png">';
					precio_archivo_carrito[i] = paginas_impresas_carrito[i] * precios[2];
					document.getElementById('precio_archivo_'+i).innerHTML = precio_archivo_carrito[i].toFixed(2);
					}
			}else{												// a color
				if ($('input[Id=encuadernado'+i+']:checkbox').is(':checked')){//encuadernado
					//mas encuadernado
					precio_encuadernado = 0;
					for (indice = 1; indice <= 15; indice++){
						if( (hojas_archivo_carrito[i] <= saltos[indice+1]) && (hojas_archivo_carrito[i] > saltos[indice])){
							precio_encuadernado = precios[15+indice];
						}
					}
					if(!precio_encuadernado){
						alert("Opción encuadernar no disponible para este archivo");
						document.getElementById('encuadernado'+i).checked = false;
						document.getElementById('encuadernado'+i).disabled = true;
						//$('input[Id=encuadernado'+i+']:checkbox').disabled = true;
					}
					
					document.getElementById('icono'+i).innerHTML = '<img src="images/color-E.png">';
					precio_archivo_carrito[i] = paginas_impresas_carrito[i] * precios[4];
					precio_archivo_carrito[i] = precio_archivo_carrito[i] + parseFloat(precio_encuadernado);
					document.getElementById('precio_archivo_'+i).innerHTML = precio_archivo_carrito[i].toFixed(2);

				}else{
					document.getElementById('icono'+i).innerHTML = '<img src="images/color.png">';
					precio_archivo_carrito[i] = paginas_impresas_carrito[i] * precios[4];
					document.getElementById('precio_archivo_'+i).innerHTML = precio_archivo_carrito[i].toFixed(2);
				}
			}	
		}
		//document.getElementById('precio'+i).value = precio_archivo_carrito[i].toFixed(2);
		
		if((document.getElementById('numcopias'+i).value > 1 ) && (document.getElementById('numcopias'+i).value < 9000)){
					precio_archivo_carrito[i] = precio_archivo_carrito[i] * document.getElementById('numcopias'+i).value;
					document.getElementById('precio_archivo_'+i).innerHTML = precio_archivo_carrito[i].toFixed(2);
					document.getElementById('precio_archivo_'+i).innerHTML = formato_numero(precio_archivo_carrito[i].toFixed(2),2,',',' ');
		}else{
			if(document.getElementById('numcopias'+i).value >= 1){
			
			}else{
				//alert("Introduce un número de copias válido");
			}
		}

		document.getElementById('precio'+i).value = precio_archivo_carrito[i].toFixed(3);
		
		if (precio_archivo_carrito[i] > 0){
			//document.getElementById('precio'+i).value = precio_archivo_carrito[i];
			precio_total_carrito = precio_total_carrito + precio_archivo_carrito[i];
		}
		//precio_total_carrito = precio_total_carrito + precio_archivo_carrito[i];
	}
	};
	//document.getElementById('precio_total_2').innerHTML = precio_total_carrito.toFixed(3);
	document.getElementById('precio_total_2').innerHTML = formato_numero(precio_total_carrito.toFixed(2),2,',',' ');
	document.getElementById('precio_total').value = precio_total_carrito.toFixed(2);
	document.getElementById('id_tienda').value = copisteria;
	document.getElementById('nombre_tienda').value = copisteria_texto;
	if (precio_total_carrito == 0){
		document.getElementById('wrap3-total').style.display = "none";
		document.getElementById("comienzo_archivo").style.display = "block";
	}
};

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 desplazar_elegirLugar(){
		obtenerPosicion(); //busco su posicion
		//$('.wrap2').hide("slide", { direction: "left" }, 1000);
		//alert("hola");
		document.getElementById('boton_elegirLugar').style.display = "inline-block";
		document.getElementById('boton_buscarLugar').style.display = "none";
		$('#elegirLugar').hide("slide", { direction: "right" }, 700);
		$('#buscarLugar').show("slide", { direction: "left" }, 800);		
};

function desplazar_buscarLugar(){
		document.getElementById('boton_elegirLugar').style.display = "none";
		document.getElementById('boton_buscarLugar').style.display = "inline-block";
		$('#buscarLugar').hide("slide", { direction: "left" }, 700);
		$('#elegirLugar').show("slide", { direction: "right" }, 800);		
};

function formato_numero(numero, decimales, separador_decimal, separador_miles){ // v2007-08-06
    numero=parseFloat(numero);
    if(isNaN(numero)){
        return "";
    }

    if(decimales!==undefined){
        // Redondeamos
        numero=numero.toFixed(decimales);
    }

    // Convertimos el punto en separador_decimal
    numero=numero.toString().replace(".", separador_decimal!==undefined ? separador_decimal : ",");

    if(separador_miles){
        // Añadimos los separadores de miles
        var miles=new RegExp("(-?[0-9]+)([0-9]{3})");
        while(miles.test(numero)) {
            numero=numero.replace(miles, "$1" + separador_miles + "$2");
        }
    }

    return numero;
}
</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="publi" id="publi">

	<div class="textopubli">
	<img src="images/publi_portada.png">
	
	</div>
</div>
-->


<!--
<div class="ayuda1"></div>
-->
<div class="cookie" id="cookie">
    <div class="textocookie"><a href="index.php">CRACU.com</a> utiliza <a href="cookies.php">cookies</a> para mejorar su experiencia de navegación.<input type="button" class="boton_cookie" value="Acepto" Id="imprime" onclick="cerrar_cookie()"></div>
</div>

<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="elegirLugar" Id="elegirLugar">

	<div class="titulo">Imprime en copisterías<h2>sin colas, conociendo el precio y eligiendo la tienda</h2></div>

		<div class="lugar" Id="lugar">
		
		<b>Elige un</b>
			
		<select Name="provincia" class="seleccionar_ciudad" Id="provincia" onChange="establecerCopisterias(this.value, this.options[this.selectedIndex].text,0)">
		<option value="">lugar...</option>
		<?php
		for ($i = 0; $i < count($localidades); $i++) {
		?>		
		<option value="<?php echo $localidades[$i]; ?>"><?php echo $localidades[$i]; ?></option>
		<?php
		}
		?>
		
		<option value="1000">¿No está tu ciudad?</option>
		
		</select>
		 <b>y</b>	
		<select name="tienda" class="seleccionar_establecimiento" Id="tienda" disabled onChange="guardarCopisteria(this.value, this.options[this.selectedIndex].text)">
		<option value="">copistería...</option>
		</select>

		<input type="button" class="boton_imprimir" value="Comenzar" Id="imprime" onclick="boton_empezar()">
		</div>
</div>

<div class="buscarLugar" Id="buscarLugar" style="display: none;">

	<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">
				<input type="submit" class="boton_imprimir" value="Buscar"  onclick="()">
			</form>
		</div>
	</div>
</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-buscar" Id="boton_buscarLugar">
	<a href="#" onClick="desplazar_elegirLugar()">Encuentra tu copistería</a>
	</div>
	<div class="menu-secundario" Id="boton_elegirLugar" style="display: none;">
	<a href="#" onClick="desplazar_buscarLugar()">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="wrap3" Id="wrap3">
	<h1>Prepara tu pedido</h1>
	<h2><div class="div_texto" Id="copisteria_elegida"></div>, <div class="div_texto" Id="ciudad_elegida"></div>
	
	<div class="div_texto" >
	
	 <form action="copisteria.php" method="post">
				<input type="hidden" name="id_copisteria" value="" Id="id_mas_copisteria">
				<input type="submit" class="boton_datos" value="+ info" Id="boton_datos<?php echo $i?>">
				</form> 
	</div>
	
	</h2>
	<div class="ancho_web">
		
		<div class="wrap3-columna1">
			
			<div id="areas">
                <input type="file" class="droparea spot_'+result.id_archivo+'" name="xfile" data-post="upload.php"  data-crop="true"/>						
            </div>      
			
		</div>
		<div class="wrap3-columna2" onClick="recalcular_carrito()">
		<form name="carrito" method="post" action="procesar.php"><!-- Formulario de envío de archivos -->
			
			<?php if($_SESSION['user'] != ''){ ?>
			<div class="wrap3-saludo">
				Hola <?php echo utf8_encode($usuario[nombre]); ?>, prepara tu pedido:
			</div>	
			<?php  } ?>	
			
			<div class="wrap3-instrucciones" Id="comienzo_archivo">
				<?php if ($_SESSION['user'] != ''){ ?>
				
				<h1> INSTRUCCIONES</h1>
				<span>Arrastra los archivos</span> a imprimir al área de la izquierda.
				<br><br>
				Elige para cada uno sus <span>opciones</span> de impresión.
				<br><br>
				Comprueba que todo está OK y <span>procesa tu pedido</span>.
				<br><br>
				
				
				<?php  }else{ ?>
		
				
				<h1>Es necesario que tengas una sesión iniciada para poder comenzar a enviar archivos a tu copistería</h1>
			
				<div class="quiero-registrarme">
				<a onClick="login()"class="te-registras">Iniciar sesión</a>
				</div>

				<div class="quiero-registrarme">
				<a href="registro.php" class="te-registras">registro</a>
				</div>
				<br>
				<?php  } ?>	
			</div>	
			
					
						
			<?php for ($i = 1; $i <= 100; $i++) {	?>
    
			<div class="wrap3-archivo" Id="archivo<?php echo $i?>">
				
				<div class="wrap3-archivo-nombre" Id="nombre-archivo<?php echo $i?>">
					
				</div>
				<div class="wrap3-archivo-iconos">
					<img src="images/info.png" title="Información de archivo" onmouseover="mostrar_bocadillo_info(<?php echo $i?>)" onmouseout="ocultar_bocadillo_info(<?php echo $i?>)">
					<div class="bubble" Id="info<?php echo $i?>"></div>
					<img src="images/papelera.png" title="Eliminar archivo" style="cursor:pointer;" onClick="eliminar_archivo(<?php echo $i?>)">
				</div>
				<div class="wrap3-archivo-opciones1">
					<div class="wrap3-archivo-opcion1">
						<input type="radio" name="color<?php echo $i?>" value="negro" checked="checked" Id="negro<?php echo $i?>"> <label name="color<?php echo $i?>" for="negro<?php echo $i?>"> B/N</label>
					</div>
					<div class="wrap3-archivo-opcion2">
						<input type="radio" name="caras<?php echo $i?>" value="doblecara" checked="checked" Id="doblecara<?php echo $i?>"> <label name="caras<?php echo $i?>" for="doblecara<?php echo $i?>"> Doble cara</label>
					</div>
					
					<div class="wrap3-archivo-opcion3">
					
						<input name="encuadernado<?php echo $i?>" type="checkbox" value="encuadernado" Id="encuadernado<?php echo $i?>"/> <label name="encuadernado<?php echo $i?>" for="encuadernado<?php echo $i?>"> Encuadernado</label>
					
					</div>
					
					
					<div class="wrap3-archivo-opcion4">
						<div class="div_texto" Id="icono<?php echo $i?>">
							<img src="images/print_5.png">
						</div>
					</div>
							
				</div>
				<div class="wrap3-archivo-opciones2">
					<div class="wrap3-archivo-opcion1">
						<input type="radio" name="color<?php echo $i?>" value="color" Id="3color<?php echo $i?>"/> <label name="color<?php echo $i?>" for="3color<?php echo $i?>"> Color</label>
					</div>
					<div class="wrap3-archivo-opcion2">
						<input type="radio" name="caras<?php echo $i?>" value="unacara" Id="3caras<?php echo $i?>"/> <label name="caras<?php echo $i?>" for="3caras<?php echo $i?>"> Una cara</label>
					</div>
					<div class="wrap3-archivo-opcion3">
						
						<select name="paginasporhoja<?php echo $i?>" Id="paginasporhoja<?php echo $i?>">
						  <option value="1" selected>1</option> 
						  <option value="2">2</option>
						  <option value="3">3</option>
						  <option value="4">4</option>
						  <option value="5">5</option>
						  <option value="6">6</option>
						</select>
						Páginas por cara 
					</div>
				</div>
				<div class="wrap3-archivo-opciones5">
				Número de copias del archivo <input type="number" value="1" name="numcopias<?php echo $i?>" id="numcopias<?php echo $i?>" class="numcopias" size="1" onkeyup="recalcular_carrito()" min="1" max="999" step="1"  required="required" >
				</div>
				
				<input type="hidden" name="paginas<?php echo $i?>" Id="paginas<?php echo $i?>" value=""/>
				<input type="hidden" name="precio<?php echo $i?>" Id="precio<?php echo $i?>" value=""/>
				<input type="hidden" name="id<?php echo $i?>" Id="id<?php echo $i?>" value=""/>
				<input type="hidden" name="nombre<?php echo $i?>" Id="nombre<?php echo $i?>" value=""/>
				
				
				<div class="wrap3-archivo-total">
					Precio total del archivo: <div class="div_texto" Id="precio_archivo_<?php echo $i?>"></div> €
				</div>
			</div>

		
			<?php } ?>
					
			<input type="hidden" name="id_tienda" Id="id_tienda" value=""/>
			<input type="hidden" name="nombre_tienda" Id="nombre_tienda" value=""/>
			<input type="hidden" name="precio_total" Id="precio_total" value=""/>
			<input type="hidden" name="verificacion" Id="verificacion" value="<?php  echo  rand( 100000000, 999999999); ?>"/>
			<div class="wrap3-total" Id="wrap3-total">
				Precio total del pedido: <div class="div_texto" Id="precio_total_2"></div> € 
				
				<input type="submit" class="continuar" value="REALIZAR PEDIDO">
				
			</div>
			
			<?php if($_SESSION['user'] != '' && !$usuario[verificado_dni]){ ?>
			<div class="wrap3-primer-pedido">
				Al ser tu primer pedido, no se imprimirá hasta que vayas al establecimiento.<br> Cuando comprobemos que eres un humano de verdad esto no volverá a pasar ;)<br>
			</div>	
			<?php  } ?>	

		</form><!-- FIN Formulario de envío de archivos -->
		</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 ideal 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, identifícate, paga y <span>recoge</span> tus archivos 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="registro.php" 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>
<?php 
mysql_close($conexion_db); // CERRAMOS BBDD AL FINAL
?>