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


$(document).ready(function(){  
	
	// isIE
	var isIE = '\v'=='v'; 
	
	// rotativo de banners
	var banner = 1;
	var maxBanners = 4;
	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:"0px"}, 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", 
		"SIEMPRE A SU LADO", 
		"DISEÑO PERSONALIZADO", 
		"SATISFACCIÓN 100%", 
		"EXPERIENCIA"
		];
	var entradillas = [null, 
		"Nos adaptamos a sus necesidades",
		"Despreocúpese y ahorre dinero",
		"Toda nuestra experiencia de forma continuada",
		"Creamos su mejor imagen",
		"Garantizamos su satisfacción",
		"Nuestros clientes, nos avalan"
		];
	var desarrollos = [null, 
		"Nuestro departamento comercial creará una propuesta sin ningún coste para usted o su empresa. Con sus ideas y nuestra experiencia podemos llevar a cabo cualquier tipo de página web.",
		"Ponga en marcha su página web al mejor precio. Le realizamos un presupuesto detallado y a la medida de sus necesidades. Ahorre costes. Gane tiempo y dinero.",
		"Creamos su web DESDE CERO. Nuestros proyectos, disponen de un código fuente optimizado para los principales buscadores y las mejores herramientas para ser los número 1. Contamos con departamento de mantenimiento y actualización para que su web siempre esté en las mejores manos.",
		"Somos una empresa jóven que desde el año 2005 creamos la mejor imagen personal y exlusiva para nuestros clientes. Nuestro departamento de diseño pondrá a su disposición toda nuestra experiencia en diseño para ofrecerle las propuestas más acordes a sus necesidades.",
		"Nuestra principal garantía es su satisfacción al 100%. Porque nuestra mejor inversión es un cliente satisfecho.",
		"Nuestra experiencia y nuestros proyectos en el sector, nos avalan como 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");
			$("#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 = "http://www.xinxetamultimedia.com/servicios/diseno-web-valencia/";
		return false;
	});
	$(".columna_home:last").click(function() {
		document.location.href = "http://www.xinxetamultimedia.com/imagen-corporativa/";
		return false;
	});
	
});