// Equipamiento Integral
// ---------------------
// Home: tipografías, banners, razones


$(document).ready(function(){  
	
	// isIE
	var isIE = '\v'=='v';
	
	// sustitución de tipografías
	$.sifr({ path: "css/fonts/", save: true });  
	$("#columna_razones h1").sifr({ font: "AvantGarde Bk BT" }); 
	$("#columna_razones h2").sifr({ font: "AvantGarde Bk BT" }); 
	$(".columna_home h1").sifr({ font: "AvantGarde Bk BT" }); 
	$("#razones h1").sifr({ font: "AvantGarde Bk BT" }); 
	
	// rotativo de banners
	var banner = 1;
	var maxBanners = 7;
	var timeBanners = 4000;

	$(this).oneTime(timeBanners, function(){
		loadNextBanner();
	});	
	
	function loadNextBanner(){
		// cargamos el siguiente banner
		banner++;
		if (banner>maxBanners) banner = 1;
		var sourceBanner = "img/home_banner_"+banner+".jpg";
		var pre_source = (isIE)? sourceBanner+"?"+randomStr(8) : sourceBanner;
	    $('<img />').attr('src', pre_source).load(function(){
			$("#logo a").animate({top:"-150px"}, 500, function(){		
				$("#banner").fadeOut("fast", function(){
					$("#banner img")[0].src = sourceBanner;
					$("#banner").fadeIn("slow", function(){
						$("#logo a").animate({top:"0px"}, 500);
						$(this).oneTime(timeBanners, function(){
							loadNextBanner();
						});
					});
				});
			});
		});
	}
	
	// pastillas de razones
	var titulos = [null, 
		"PROYECTO GRATUITO", 
		"PRESUPUESTO A MEDIDA", 
		"MÁXIMA GARANTÍA", 
		"TRANSPARENCIA", 
		"DISEÑO PERSONALIZADO", 
		"EXPERIENCIA"
		];
	var entradillas = [null, 
		"Nos adaptamos a sus necesidades",
		"Despreocúpese y ahorre dinero",
		"No nos desentendemos de nuestras reformas",
		"Nuestros presupuestos son cerrados, sin sorpresas",
		"Moderno, vanguardista, clásico",
		"20 Años"
		];
	var desarrollos = [null, 
		"Nuestro departamento técnico realizará su proyecto sin ningún coste para usted o su empresa. Con sus ideas y nuestra experiencia podemos llevar a cabo cualquier tipo de reforma.",
		"Ponga en marcha sus instalaciones al mejor precio. Haremos un presupuesto detallado y a su medida. Ahorrará tiempo y dinero.",
		"Nuestras obras cuentan con dos años de completa garantía. A partir de ahí, nuestro servicio técnico seguirá manteniendo todo lo que necesite.",
		"Contamos con veinte años de experiencia en el sector. Nuestra seriedad es nuestra mejor garantía.",
		"Nuestro departamento de diseño pondrá a su disposición toda nuestra experiencia en decoración para ofrecerle las propuestas más acordes a sus necesidades.",
		"Los casi 20 años de experiencia en el sector, nos avalan como una empresa seria, rigurosa y solvente."
		];
		
	$("#razones").hide();			
	$("#razones h1").hide();				
	$("#razones h3").hide();
	$("#razones p").hide();
	$("#razones .razones_bg img").hide();
		
	$("#columna_razones .bt-razon-1").click(function() {
		showRazon(1);
		return false;
	});
	$("#columna_razones .bt-razon-2").click(function() {
		showRazon(2);
		return false;
	});
	$("#columna_razones .bt-razon-3").click(function() {
		showRazon(3);
		return false;
	});
	$("#columna_razones .bt-razon-4").click(function() {
		showRazon(4);
		return false;
	});
	$("#columna_razones .bt-razon-5").click(function() {
		showRazon(5);
		return false;
	});
	$("#columna_razones .bt-razon-6").click(function() {
		showRazon(6);
		return false;
	});
	
	$("#bt-razon-int-1").click(function() {
		hideRazon(1);
		return false;
	});			
	$("#bt-razon-int-2").click(function() {
		hideRazon(2);
		return false;
	});			
	$("#bt-razon-int-3").click(function() {
		hideRazon(3);
		return false;
	});			
	$("#bt-razon-int-4").click(function() {
		hideRazon(4);
		return false;
	});			
	$("#bt-razon-int-5").click(function() {
		hideRazon(5);
		return false;
	});			
	$("#bt-razon-int-6").click(function() {
		hideRazon(6);
		return false;
	});
	
	$("#razones .razones_cerrar").click(function() {
		hideRazon();
		return false;
	});
	
	function showRazon(n){
		$("#razones h1").sifr(false);
		$("#razones h1").html(titulos[n]);
		$("#razones h3").html(entradillas[n]);
		$("#razones p").html(desarrollos[n]);
		
		if (isIE) $("#razones").show();	
		$("#razones").fadeIn("normal", function(){
			$("#columna_home h1").hide();
			$("#razones h1").fadeIn("slow").sifr({ font: "AvantGarde Bk BT" });
			$("#razones h3").fadeIn("normal");
			$("#razones p").fadeIn("slow");				
		});
		
		// desmarcamos todos los botones
		for (var i=1; i<=6; i++){
			$("#bt-razon-int-"+i).removeClass("razones_menu_selected");
		}
		
		// marcamos el actual
		$("#bt-razon-int-"+n).addClass("razones_menu_selected");
		
		// ponemos la precarga
		$("#razones .ajax_loader").show().css("left", (19+(23*(n-1)))+"px");
		
		// precargamos la imagen
		preloadImage("img/razones_"+n+".jpg");
	}
	
	function preloadImage(source){
		var pre_source = (isIE)? source+"?"+randomStr(8) : source;
	    $('<img />').attr('src', pre_source).load(function(){
			$(this).oneTime(500, function(){
				$("#razones .razones_bg img")[0].src = source;
				$(this).oneTime(100, function(){
					$("#razones .razones_bg img").fadeIn("slow");
					$("#razones .ajax_loader").fadeOut("slow");
				});
			});
		});
	}
	
	
	function hideRazon(nextToShow){
		$("#razones .razones_bg img").fadeOut("fast");
		$("#razones h1").fadeOut("normal");				
		$("#razones h3").fadeOut("normal");
		if (isIE) $("#razones").hide();
		$("#razones p").fadeOut("normal", function(){
			if (nextToShow) showRazon(nextToShow);
			else {
				$("#columna_home h1").show();
				$("#razones").fadeOut("slow");
			}
		});			
	}
	
	function randomStr(length){
		chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
		pass = "";
		for(x=0;x<length;x++){
			i = Math.floor(Math.random() * 62);
			pass += chars.charAt(i);
		}
		return pass;
	}
	
	
	// asignamos los clicks de los contenedores
	$(".columna_home:first").click(function() {
		document.location.href = "servicios.php";
		return false;
	});
	$(".columna_home:last").click(function() {
		document.location.href = "reformas-integrales.php";
		return false;
	});
	
});