// ### FUNCIONES JQUERY ###

/* Forzado del footer para cuando no llega abajo */
$(document).ready(function(e) {
	footerForzado();
});

$(window).resize(function(e) {
	footerForzado();
});

/*
$(window).scroll(function(e) {
	footerForzado();
});
*/

function footerForzado() {
	var bodyH = $("body").height();
	var browserH = $(window).height();
	
	if ($("footer").css("position")=="absolute") {
		bodyH = bodyH + ($("footer").height());
	}
	
	//$("#li_productos").html(browserH+" / "+bodyH);
	
	if ( bodyH < browserH ) {
		$("footer").css({"position":"absolute","bottom":"0"});
	} else {
		$("footer").css({"position":"","bottom":""});
		//$("footer").removeAttr("style");
	}
}



/* Funciones para iPad */
/*
$(document).ready(function () {
	var bodyH = $("body").height();
	var browserH = $(window).height();
	var mainH = $("main").height();

	if (bodyH < browserH){
		//var restH = mainH + (browserH - bodyH);
		var restH = 550;
		$("main").css({"height":restH+"px"})
	}
});
*/


/* Funciones para el mensaje de aviso de cookies */
$(document).ready(function () {

	var posH_msjCookies = $("#cookies").position().left;
	//var width_msjCookies = $("#cookies").width();
	var width_documento = $(document).width();
	var total = width_documento - posH_msjCookies;

	$("#cookies").css("right","-"+total+"px");

	$("#cookies").animate({right: '50px'},1200);

	var msjCookies = new Cookies();
	msjCookies.estadoCookie();

	$("#boton_cookies").click(function () {
		msjCookies.aceptarCookies();
	});
});




/* Funciones para ocultar los label de los botones "pedidos" y "wishlist" al enfocar el buscador
	y para mostrar el cajón de resultados del buscador rápido */
// Las funciones para mostrar los resultados del buscador rápido en tiempo real están en el archivo funciones_ajax.js
$(document).ready(function(e) {
	$("#hc_divbuscadortext input").focus(function(e) {
		$("#hc_pedidoslabel").stop();
		$("#hc_pedidoslabel").animate({ width: '0px' }, 1000, function() {
			$(this).hide();
		});
		
		$("#hc_wishlistlabel").stop();
		$("#hc_wishlistlabel").animate({ width: '0px' }, 1000, function() {
			$(this).hide();
		});
		
		$("#hc_divbuscadortext input").animate({ width: '380px' }, 1000);
	});
	
	$("#hc_divbuscadortext input").blur(function(e) {
		$("#hc_pedidoslabel").stop();
		$("#hc_pedidoslabel").show();
		$("#hc_pedidoslabel").animate({ width: '75px' }, 1000);
		
		$("#hc_wishlistlabel").stop();
		$("#hc_wishlistlabel").show();
		$("#hc_wishlistlabel").animate({ width: '75px' }, 1000);
		
		$("#hc_divbuscadortext").animate({ width: '220px' }, 1000);
	});
	
	$("html").click(function(e){
        if(e.target !== $("#hc_buscadorlist")){
			$("#hc_buscadorlist").css({display: "none"});
        }
    });
	
	$("#hc_divbuscadortext input").keyup(function(e) {
		$("#hc_buscadorlist").css({display: "block"});
	});
});


/* Funciones para el colapso del header */
$(window).scroll(function(){
	var height_hb = $('#header_b').height();
	
	var pos = $(window).scrollTop();
	
	//$("#hd_menu_item5").html(pos);
	
	if(pos > height_hb) {
		$("#header_c").css({"position": "fixed"});
		$("#hd_menu").css({"position": "fixed" , "top": "95px"});
		$("main").css({"margin-top": "75px"});
	}else{
		$("#header_c").css({"position": "relative"});
		$("#hd_menu").css({"position": "absolute" , "top": "185px"});
		$("main").css({"margin-top": "30px"});
	} 
});


/* Funciones para posicionar el menú lateral */
function menuLateral() {
	var pos_hc_container = $("#hc_container").offset().left;
	var height_hd_menu = $("#hd_menu").width();
	var pos_hd_menu = pos_hc_container+220-height_hd_menu;
	var pos_hd_menu_px = pos_hd_menu+"px";
	
	//$("#hd_menu").html(pos_hd_menu);
	$("#hd_menu").css({"left": pos_hd_menu_px});
}

$(document).ready(function(e) {
	menuLateral();
});

$(window).resize(function(e) {
	menuLateral();
});


/* Funciones para el SLIDER */
// Slider como PLUGIN externo
/*
$(document).ready(function(e) {
	$(".sl_body").slidesjs({
		width: 940,
		height: 370,
		pagination: {
			active: false
		}
	});
});
*/

//Slider como PLUGIN propio
$(document).ready(function(e) {
	// Slider 1: Productos Recomendados en el HOME
	slider1 = new eSlider();
	slider1.contenedor = '#slider_novedades';
	slider1.slider = '#sl_n_body';
	slider1.items = Array('#sl_n_body_pag_1','#sl_n_body_pag_2','#sl_n_body_pag_3');
	slider1.arrancar();

	// Slider 4: Últimas Novedades en el HOME
	slider4 = new eSlider();
	slider4.contenedor = '#slider_masvendidos';
	slider4.slider = '#sl_mv_body';
	slider4.items = Array('#sl_mv_body_pag_1','#sl_mv_body_pag_2','#sl_mv_body_pag_3');
	slider4.arrancar();
	
	// Slider 2: Fotos oficinas en About Us
	slider2 = new eSlider();
	slider2.contenedor = '#slider_oficinas';
	slider2.slider = '#sl_o_body';
	slider2.items = Array('#sl_o_body_pag_1','#sl_o_body_pag_2','#sl_o_body_pag_3');
	slider2.arrancar();
	
	// Slider 3: Relacionados en las FICHAS
	slider3 = new eSlider();
	slider3.contenedor = '#slider_relacionados';
	slider3.slider = '#sl_r_body';
	slider3.items = Array('#sl_r_body_pag_1','#sl_r_body_pag_2','#sl_r_body_pag_3');
	slider3.arrancar();

});



/* Funciones para los desplegables de la página de AYUDA */
$(document).ready(function(e) {
	var elemento_abierto = "";

	$(".item_ayuda").click(function(e) {
		var item_ayuda_H = $(this).height();

		function desplegar(esto){

			if (elemento_abierto != ""){
				replegar(elemento_abierto);
			}

			elemento_abierto = $(esto);
			var ia_body_H = $(esto).children(".ia_body").height();
			var ia_body_MT = $(esto).children(".ia_body").css("margin-top");
			ia_body_MT = parseInt(ia_body_MT.substr(0,1));
			
			var ia_label_H = $(esto).children(".ia_label").height();
			
			$(esto).css({"border": "2px solid rgba(95,95,95,1)"});
			$(esto).children(".ia_label").css({"background-color": "rgba(195,37,31,1)"});
			$(esto).children(".ia_label").children(".ia_label_decor").css({"border-top": "24px solid rgba(195,37,31,1)"});
			$(esto).animate({"height": ia_body_H+(ia_body_MT*3)+ia_label_H}, 500);
		};
		
		function replegar(esto){
			$(esto).animate({"height": 45}, 500,function(){
				$(esto).css({"border": "none"});
				$(esto).children(".ia_label").css({"background-color": "rgba(55,55,55,1)"});
				$(esto).children(".ia_label").children(".ia_label_decor").css({"border-top": "24px solid rgba(55,55,55,1)"});
			});
		};

		if (item_ayuda_H <= 45) {
			$(this).stop();
			desplegar(this);
			//check_replegar(this);
		} else {
			$(this).stop();
			replegar(this);
		};

	});
});




/* Funciones para el cambio de idioma */
$(document).ready(function(e) {
	var url = $(location).attr('href');
	$(".ha_langico_link").attr("href", url)
	
	$(".ha_langico").click(function(){
		var langId = $(this).attr("id");
		var langClick = langId.substr(7,2);
		
		//Guardamos el idioma elegido en una cookie del navegador
		document.cookie = "lang="+langClick;
	});
});




/* Funcion para alinear los elementos de las tablas de caractisticas tecnicas (y leyendas) y packing list
	en las fichas de baldosas cerámicas */
$(document).ready(function(e) {
	
	function centradoH (clase) {
		clase = $(clase);
		var size = clase.size();
		var contenedorWidth = clase.parent().width();
		var calcWidth = contenedorWidth/size;
		
		clase.css("width",calcWidth+"px");
	}
	
	/*
	function centradoV (clase) {
		clase = $(clase);
		var size = clase.size();
		
		for (var i=0; i<size; i++) {
			var elementoHeight = $(clase[i]).height();
			var contenedorHeight = $(clase[i]).parent().height();
			var margenLibre = (contenedorHeight - elementoHeight) / 2;
			$(clase[i]).css("margin-top",margenLibre+"px");
		}
	}
	*/
	
	/* La alineación vertical de los elementos se ha resuelto con CSS, con las propiedades
		display:table y display:table-cell para contenedor e items respectivamente. */
	
	centradoH('.fc_ct_label');
	centradoH('.fc_pk_label');
	/*centradoV('.fc_ct_label');
	centradoV('.fc_pk_label');*/
	
	centradoH('.fc_ct_valor');
	centradoH('.fc_pk_valor');
	/*centradoV('.fc_ct_valor');
	centradoV('.fc_pk_valor');*/
	
	function posicionLeyenda (clase) {
		$(clase).each(function(){
			var id_caract = $(this).attr("id");
			var id_leyenda = "id_leyenda_"+id_caract.substring(10);
			
			var id_caract_pos_left = $(this).position().left;
			
			var id_caract_width = $(this).width();
			var id_leyenda_width = $("#"+id_leyenda).width();
			
			var id_caract_width_mitad = id_caract_width/2;
			var id_leyenda_width_mitad = id_leyenda_width/2;
			
			var id_leyenda_pos_left_centrada = (id_caract_pos_left + (id_caract_width_mitad) ) - (id_leyenda_width_mitad);
			
			/* Fórmula para centrar la leyenda con la característica a la que hace referencia:
				id_caract_pos_left + (id_caract_width/2) == id_leyenda_pos_left_centrada + (id_leyenda_width/2)
			*/
			
			$("#"+id_leyenda+" .leyenda_flecha").css("left", (id_leyenda_width_mitad)+"px");
			$("#"+id_leyenda).css("margin-left", id_leyenda_pos_left_centrada+"px");
		});
	}
	
	posicionLeyenda('.fc_ct_valor');
	
});


/* Funcion para mostrar la leyenda de características técnicas
	al pasar por encima de cada una */
$(document).ready(function(e) {
	$(".fc_ct_valor").hover(function(e) {
		/* Hacemos coincidir el id del elemento del DOM de la caracteristica (id_caract_)
			con el id del elemento del DOM de la leyenda correspondiente (id_leyenda_) */
		var id_caract = $(this).attr("id");
		var id_leyenda = "id_leyenda_"+id_caract.substring(10);
		
		$("#"+id_leyenda).stop().fadeIn().css("display", "block");
		
	}, function(e){ // Aquí el callback hace la función de "unhover"
		var id_caract = $(this).attr("id");
		var id_leyenda = "id_leyenda_"+id_caract.substring(10);
		
		//$("#"+id_leyenda).css("display", "none");
		$("#"+id_leyenda).stop().fadeOut();
	});
});



/* Funciones para mostrar/ocultar las imágenes grandes de las muestras en la página ficha */
function mostrarImagen(){
	$("#fg_imgbig").fadeIn().css("display", "block");
}

function ocultarImagen(){
	$("#fg_imgbig").fadeOut("slow");
}

// Muestra la imagen
$(document).ready(function(e) {
	$("#fg_img").click(function(e) {
		mostrarImagen();
	});
});

// Oculta la imagen
$(document).ready(function(e) {
	$("#botoncerrar").click(ocultarImagen);
	$("#fg_imgbig").click(ocultarImagen);
});

$(document).keyup(function(e) {
	if (e.keyCode == 27) { // keycode `27` para tecla ESC
		ocultarImagen();
	}
});










/* #####  PRUEBAS - TEST  ##### */
/*
$(document).ready(function(e) {
	//var pos = $("#hc_container").offset().left;
	//$("#hd_menu").html(pos);
	
	function test(variable) {
		alert(variable);
	}
});
*/