/*  ###  CLASES JS ###  */

// Clase Muestra para almacenar información de las muestras de la db
function Muestra (){
	this.id 		= 0;	// Id como INTEGER en la db
	this.modelo		= '';	// Modelo como STRING en la db
	this.idmaterial	= 0;	// Id_material como INTEGER en la db
	this.idmedida	= 0;	// Id_medida como INTEGER en la db
	this.linkfoto	= '';	// Link_foto como STRING en la DB
}




// Clase Buscador para controlar los cambios en Búsqueda Avanzada
function Buscador (){
	this.filtros 		= Array(0,0,0); //Los ids de los items seleccionados en los filtros (ORDENADOS)
	this.texto 			= ""; //El texto o cadena a buscar
	this.orden 			= ""; //La variable para ordenar los resultados
	this.estilo			= "ficha"; //La variable para mostrar los resultados en forma de fichas o de lista (por defecto: 'ficha')
	this.contador 		= 0; //El número de items que se muestran en el panel de resultados
	this.recuento 		= 0; //El número de resultados
	this.resultado_fs 	= Array("",""); //Los códigos HTML resultado para el contenido de los filtros
	this.resultados 	= Array();
}

Buscador.prototype.abrirFiltros = function (id_filtro) {
	
	// Recogemos en variables locales los datos que necesitamos desde el propio objeto
	var esteObj = this;
	var objB_json = JSON.stringify(this);
	var operacion = "abrirFiltro"+id_filtro;
	
	var _resultado_fs = this.resultado_fs;
	
	//console.log(objB_json);
	
	$.ajax({
		// la URL para la petición
		url : 'php/contenidos/buscadoravanzado.php',
	 
		// la información a enviar
		// (también es posible utilizar una cadena de datos)
		data : { objB_json : objB_json , operacion : operacion},
	 
		// especifica si será una petición POST o GET
		type : 'POST',
	 
		// el tipo de información que se espera de respuesta
		//dataType : 'json',
	 
		// código a ejecutar si la petición es satisfactoria;
		// la respuesta es pasada como argumento a la función
		success : function(respuesta) {
			
			var resp = JSON.parse(respuesta);
			
			// Metemos los elementos de resultado en su parámetro de este objeto
			_resultado_fs[id_filtro-2] = resp.resultado_fs[id_filtro-2]; //Es -2 porque filtro2=...fs[0] y filtro3=...fs[1]
			
			//console.log(resp);
			
			// Mostramos los datos de resultados en su lugar correspondiente
			$('#filtro_'+id_filtro+'_items').stop().hide().html(_resultado_fs[id_filtro-2]).fadeIn(800);

			// En caso de que el filtro objetivo (id_filtro) sea el filtro 2, aplicamos una condición para vaciar el contenido del filtro 3
			if(id_filtro==2){
				$('#filtro_'+(id_filtro+1)+'_items').stop().hide().html("Seleccione un <span>Producto</span> y un <span>Material</span> para que aparezcan las medidas.").fadeIn(800);
			}

			footerForzado();
			
			esteObj.buscar();
		},
	 
		// código a ejecutar si la petición falla;
		// son pasados como argumentos a la función
		// el objeto de la petición en crudo y código de estatus de la petición
		error : function(xhr, status) {
			console.log('Error en la ejecución de AJAX. Status: '+status);
		},
	 
		// código a ejecutar sin importar si la petición falló o no
		complete : function(xhr, status) {
			//alert('Petición realizada');
		}
	});
	
};

Buscador.prototype.restaurarFiltros = function () {

	// Recogemos en variables locales los datos que necesitamos desde el propio objeto
	var esteObj = this;

	// Fijamos los ids de los items seleccionados en los filtros a cero
	this.filtros[0] = 0;
	this.filtros[1] = 0;
	this.filtros[2] = 0;

	// Hacemos uncheck a todos los elementos del filtro 1
	$("input[name='filtro_1']").prop( "checked", false );

	// Vaciamos los filtros 2 y 3
	$('#filtro_2_items').stop().hide().html("Seleccione un <span>Producto</span> para que aparezcan las opciones de Material.").fadeIn(800);
	$('#filtro_3_items').stop().hide().html("Seleccione un <span>Producto</span> y un <span>Material</span> para que aparezcan las medidas.").fadeIn(800);

	// Esto lo activaríamos en caso de que quisieramos que al borrar los filtros aparecieran todos los resultados de una búsqueda global.
	//esteObj.buscar();

	// De momento no queremos búsquedas globales de todos los elementos que hay en la db, así que simplemente vaciamos el contenedor:
	$('#sect_bsqav_resultados').hide();
	$('#boton_vermas').hide(400);
	footerForzado();

};

Buscador.prototype.buscar = function () {
	
	// Recogemos en variables locales los datos que necesitamos desde el propio objeto
	var esteObj = this;
	var objB_json = JSON.stringify(this);
	var operacion = "buscar";

	$("#boton_vermas").hide();
	
	//console.log(objB_json);
	
	$.ajax({
		// la URL para la petición
		url : 'php/contenidos/buscadoravanzado.php',
	 
		// la información a enviar
		// (también es posible utilizar una cadena de datos)
		data : { objB_json : objB_json , operacion : operacion},
	 
		// especifica si será una petición POST o GET
		type : 'POST',
	 
		// el tipo de información que se espera de respuesta
		//dataType : 'json',
	 
		// código a ejecutar si la petición es satisfactoria;
		// la respuesta es pasada como argumento a la función
		success : function(respuesta) {
			
			var resp = JSON.parse(respuesta);
			var resp_resultados = resp.resultados;
			
			// Limpiamos el array de resultados para evitar duplicidades
			esteObj.resultados.length = 0;
			
			//console.log(resp.resultados);
			
			// Metemos los elementos de resultado en su parámetro de este objeto
			for (var i in resp_resultados) {
				esteObj.resultados[i] = resp_resultados[i];
				//$('#sect_bsqav_resultados').stop().hide().append(esteObj.resultados[i]).fadeIn(800);
			}
			
			// Mostramos el recuento de resultados
			esteObj.recuento = resp.recuento;
			$("#bsqav_cab_recuentolabel span").stop().hide().html(esteObj.recuento).fadeIn(800);
			
			// Mostramos los resultados
			esteObj.contador = 0;
			var resultados_html = "";
			
			// Condicional para comprobar si el array de resultados ha devuelto menos de 8 items,
			//  y evitar que aparezca alguno como undefined en las iteraciones del bucle.
			if (esteObj.resultados.length > 8) {
				esteObj.contador = 8;
				$("#boton_vermas").fadeIn(800);
			} else {
				esteObj.contador = esteObj.resultados.length;
			}
			
			for (var i = 0 ; i<esteObj.contador ; i++) {
				resultados_html = resultados_html + esteObj.resultados[i];
			}
			
			$('#sect_bsqav_resultados').stop().hide().html(resultados_html).fadeIn(800);
			footerForzado();
			
		},
	 
		// código a ejecutar si la petición falla;
		// son pasados como argumentos a la función
		// el objeto de la petición en crudo y código de estatus de la petición
		error : function(xhr, status) {
			console.log('Error en la ejecución de AJAX. Status: '+status);
		},
		
		// código a ejecutar antes de enviar la petición (por ejemplo para un 'cargando...')
		beforeSend: function() {
			$('#sect_bsqav_resultados').stop().hide().html("Cargando...").fadeIn(400);
			footerForzado();
		},
		
		// código a ejecutar sin importar si la petición falló o no
		complete : function(xhr, status) {
			//console.log('Petición realizada');
		}
	});
	
};

Buscador.prototype.ampliarResultados = function () {
	
	// Recogemos en variables locales los datos que necesitamos desde el propio objeto
	var esteObj = this;
	var resultados = esteObj.resultados;
	var contador = esteObj.contador;
	var contador_nuevo = contador + 8;
	
	// Condicional para comprobar si el array de resultados ha devuelto menos items de los que supondría contador_nuevo,
	//  y evitar que aparezca alguno como undefined en las iteraciones del bucle.
	if (esteObj.resultados.length < contador_nuevo) {
		contador_nuevo = esteObj.resultados.length;
		$("#boton_vermas").hide();
	}
	
	esteObj.contador = contador_nuevo;
	
	var resultados_html = "";
	
	for (var i = (contador-1) ; i < (contador_nuevo - 1) ; i++) {
		resultados_html = resultados_html + resultados[i];
	}
	
	// Utilizamos la fórmula alternativa (con $ dentro del append) para hacer el efecto del fadeIn solo al append y no a lo demás
	//$('#sect_bsqav_resultados').stop().hide().append(resultados_html).fadeIn(800);
	$('#sect_bsqav_resultados').append($(resultados_html).hide().fadeIn(800));
	
	footerForzado();
	
};

Buscador.prototype.cambiarEstilo = function () {
	
	// Recogemos en variables locales los datos que necesitamos desde el propio objeto
	var esteObj = this;
	var estilo_nuevo = this.estilo;
	var estilo_old = "";
	
	// Cambiamos el color de los botones
	$(".bsqav_cab_boton").toggleClass("bsqav_cab_boton_seleccionado");
	
	// Cambiamos la clase de los resultados
	var modelo_clases = $(".modelo_bsqav").attr("class");
	
	if (modelo_clases.search('modelo_bsqav_ficha') != -1) {
		estilo_old = "ficha";
	} else if (modelo_clases.search('modelo_bsqav_lista') != -1) {
		estilo_old = "lista";
	}
	
	$(".modelo_bsqav").removeClass("modelo_bsqav_"+estilo_old);
	$(".modelo_bsqav").addClass("modelo_bsqav_"+estilo_nuevo);

	esteObj.buscar();
	
	footerForzado();
	
};




// Clase Cookies para gestionar las cookies y el mensaje de aviso de uso de cookies
function Cookies (){
	this.msjDisplay = "block";
}

Cookies.prototype.aceptarCookies = function () {
	// Guardamos el nuevo status de la cookie
	this.guardarCookie();

	// Ocultamos el mensaje de aviso
	this.ocultarMsj();
}

Cookies.prototype.ocultarMsj = function () {
	$("#cookies").fadeOut("slow");
}

Cookies.prototype.guardarCookie = function () {
	// Variante con tiempo de expiración para la cookie.
	/*
	var expire=new Date();
	expire=new Date(expire.getTime()+7776000000);
	document.cookie="cookies_vbfstatus=aceptada; expires="+expire;
	*/

	// Variante con la cookie almacenada en el navegador por tiempo indefinido.
	document.cookie="cookies_vbfstatus=aceptada";
}

Cookies.prototype.estadoCookie = function () {

	function getCookie(cname) {
		var name = cname + "=";
		var ca = document.cookie.split(';');
		for(var i = 0; i <ca.length; i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') {
				c = c.substring(1);
			}
			if (c.indexOf(name) == 0) {
				return c.substring(name.length,c.length);
			}
		}
		return "";
	}

	var cookie = getCookie("cookies_vbfstatus");

	if(cookie=="aceptada"){
		$("#cookies").css("display","none");
	}
}





// Clase Formulario para gestionar la validación, envío y recarga del formulario
function Formulario (){
	this.form = "#form_ayuda";

	this.campoNombre = "#form_nombre";
	this.campoEmail = "#form_email";
	this.campoAsunto = "#form_asunto";
	this.campoMensaje = "#form_mensaje";

	this.campos = "#form_nombre , #form_email , #form_asunto , #form_mensaje";

	this.nombre = $(this.campoNombre).val();
	this.email = $(this.campoEmail).val();
	this.asunto = $(this.campoAsunto).val();
	this.mensaje = $(this.campoMensaje).val();
}

Formulario.prototype.validador = function () {

	var emailformat = /^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/;

	// Recogemos los valores de los campos
	this.nombre = $(this.campoNombre).val();
	this.email = $(this.campoEmail).val();
	this.asunto = $(this.campoAsunto).val();
	this.mensaje = $(this.campoMensaje).val();

	// NOTA: Para el mensaje de error hay que ponerle el mismo estilo que los mensajes de leyenda en las fichas
	var htmlA = "<p class='leyenda'>";
	var htmlC = "<span class='leyenda_flecha'></span></p>";

	if( this.nombre == "" ){
		$(htmlA+"Introduce tu nombre"+htmlC).hide().insertAfter(this.campoNombre).fadeIn("slow");
	}else if( this.email == "" ){
		$(htmlA+"Introduce tu email"+htmlC).hide().insertAfter(this.campoEmail).fadeIn("slow");
	}else if( !emailformat.test(this.email) ){
		$(htmlA+"Introduce un email correcto, por favor"+htmlC).hide().insertAfter(this.campoEmail).fadeIn("slow");
	}else if( this.asunto == "" ){
		$(htmlA+"Introduce el asunto"+htmlC).hide().insertAfter(this.campoAsunto).fadeIn("slow");
	}else if( this.mensaje == "" ){
		$(htmlA+"Introduce el mensaje"+htmlC).hide().insertAfter(this.campoMensaje).fadeIn("slow");
	}else{
		//enviar formulario
		console.log("Validación ok, enviar formulario");
		$("#form_submit").attr("disabled", "disabled");
		this.enviar();
	}

}

Formulario.prototype.enviar = function () {

	// Recogemos en variables locales los datos que necesitamos desde el propio objeto
	var esteObj = this;

	console.log("antes del ajax");

	$.ajax({
		// la URL para la petición
		url : 'php/contenidos/enviarformulario.php',

		// la información a enviar
		// (también es posible utilizar una cadena de datos)
		data : { nombre : esteObj.nombre , email : esteObj.email , asunto : esteObj.asunto , mensaje: esteObj.mensaje },

		// especifica si será una petición POST o GET
		type : 'POST',

		// el tipo de información que se espera de respuesta
		//dataType : 'json',

		// código a ejecutar si la petición es satisfactoria;
		// la respuesta es pasada como argumento a la función
		success : function(respuesta) {

			console.log(respuesta);

			if (respuesta == "1"){
				esteObj.mostrarmsjexito();
			} else if (respuesta == "0") {
				esteObj.mostrarmsjerror();
			}

		},

		// código a ejecutar si la petición falla;
		// son pasados como argumentos a la función
		// el objeto de la petición en crudo y código de estatus de la petición
		error : function(xhr, status) {
			console.log('Error en la ejecución de AJAX. Status: '+status);
		},

		// código a ejecutar sin importar si la petición falló o no
		complete : function(xhr, status) {
			//alert('Petición realizada');
		}
	});

}

Formulario.prototype.mostrarmsjexito = function () {
	var esteObj = this;

	$("#form_enviado").fadeIn().css("display", "block");
	setTimeout(function() {
		$("#form_enviado").fadeOut("slow", function () {
			$(esteObj.form).each(function () {
				this.reset();
				$("#form_submit").removeAttr("disabled");
			});
		});
	}, 4000);
}

Formulario.prototype.mostrarmsjerror = function () {
	var esteObj = this;

	$("#form_enviado_error").fadeIn().css("display", "block");
	setTimeout(function() {
		$("#form_enviado_error").fadeOut("slow", function () {
			$(esteObj.form).each(function () {
				this.reset();
				$("#form_submit").removeAttr("disabled");
			});
		});
	}, 4000);
}