var currCount = 0;
var theImages = new Array("../img/abajo_web00.png","../img/abajo_web01.png","../img/abajo_web02.png","../img/abajo_web03.png","../img/abajo_web_vacio.png","../img/abajo_web04.png","../img/arriba_web.png","../img/cardb.png","../img/espai3consultors.png","../img/eprd.png","../img/eprs.png","../img/efrm.png","../img/barra_eprd.png","../img/barra_eprs.png","../img/barra_efrm.png");
var preImages = new Array();
var loaded = new Array();
	
function preload(addListeners) {
	for (i = 0; i < theImages.length; i++) { 
		preImages[i] = new Image();
		preImages[i].src = theImages[i];
	}
	for (i = 0; i < preImages.length; i++) { 
		loaded[i] = false;
	}
	checkLoad(addListeners)
}

function checkLoad(addListeners) {
	if (currCount == preImages.length) { 

		document.getElementById("loading").style.display = "none";
		document.getElementById("content").style.display = "block";
		
		if(addListeners)
			addDomReadyListener();
		
		return;
	}
	for (i = 0; i <= preImages.length; i++) {
		if (loaded[i] == false && preImages[i].complete) {
			loaded[i] = true;
			currCount++;
		}
	}
	
	timerID = setTimeout("checkLoad("+addListeners+")",10);
}


// PARA REALIZAR LA ANIMACIÓN DE LOS TRES SERVICIOS
function addDomReadyListener() {
	window.addEvent('domready', function(){
	
		putEventsToServicios();
		
		/***** Translado de secciones *****/
		createSectionsMovement();
		
		/**** Menú de empresa ****/
		createMenuEmpresa();
		
		/************ Toggle ************/
		createEmpresaMenuActions();
		
		/***** Tooltips *****/
		createToolTips();
	}); 
	
}

function putEventsToServicios() {
	var szNormal = 160, szSmall  = 100, szFull   = 280;

	var servicios = $$("#servicios .servicio");
	var fx = new Fx.Elements(servicios, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
	servicios.each(function(servicio, i) {
	
		servicio.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [servicio.getStyle("width").toInt(), szFull]}
			servicios.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			fx.start(o);
		});
	});
	
	$("servicios").addEvent("mouseleave", function(event) {
		var o = {};
		servicios.each(function(servicio, i) {
			o[i] = {width: [servicio.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	});
}

function createToolTips() {
	new Tips($$('.oxp'), {
		showDelay: 400,
		hideDelay: 400,
		fixed: true,
		className: 'etc'
	});
	
	new Tips($$('.zct'), {
		showDelay: 400,
		hideDelay: 400,
		fixed: true,
		className: 'etc'
	});
	
	new Tips($$('.ubt'), {
		showDelay: 400,
		hideDelay: 400,
		fixed: true,
		className: 'etc'
	});
}

function changeMenuValue(element) {
	value = $(element.id+'2').firstChild.nodeValue; //Obtenemos el valor del div que contiene el texto a mostrar
	$(element.id+'2').firstChild.nodeValue = element.firstChild.nodeValue; //Guardamos el viejo valor
	element.firstChild.nodeValue = value;
}

/****   ****/
function createEmpresaMenuActions() {
var slideQs = new Fx.Slide('txt_qs');
var slideQh = new Fx.Slide('txt_qh');
		
	$('emp_qs').addEvent('click', function(e){
		e = new Event(e);
		slideQh.slideOut();
		slideQs.slideIn();
		e.stop();
	});
	
	$('emp_qh').addEvent('click', function(e){
		e = new Event(e);
		slideQs.slideOut();
		slideQh.slideIn();
		e.stop();
	});
	
	//hacemos toggle de quienes somos
	slideQh.slideOut();
}

function createSectionsMovement() {
	var scroll = new Fx.Scroll('contenido', {
		wait: false,
		duration: 800,
		transition: Fx.Transitions.Quad.easeInOut
	});
		 
	$('area1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('empresa');
	});
		 
	$('area2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('servicios_container');
	});
		 
	$('area3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('portfolio');
	});
		 
	$('area4').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('visita');
	});
	
	$('toContacto').addEvent('click', function(event) {
		event = new Event(event).stop();
		cambia_imagen(3);
		scroll.toElement('visita');
	});
	
	scroll.toElement('servicios_container');  //Trunchamiento. Si recargas, no vuelve a la posición inicial.
	cambia_imagen(1);
}

var clicked = 'emp_qs';

function createMenuEmpresa() {
	var list = $$('#empresa .menu_empresa');
	list.each(function(element) {
	 
		var fx2 = new Fx.Styles(element, {duration:200, wait:false});
		
		/*** El quienes somos es el que queremos seleccionado, por lo que lo marcamos y no le añadimos el mouseleave. Esto últmo sólo lo hacemos con los demás **/
		if(element.id == 'emp_qs') {			
			fx2.start({
				'width': 150,
				'background-color': '#000',
				color: '#F8AA67'
			});
			
			changeMenuValue(element);
		}
		
		element.addEvent('mouseleave', function(){
			if(element.getStyle("width").toInt() == 150 && element.id != clicked) {
				fx2.start({
					'width': 100,
					'background-color': '#F8AA67',
					'color': '#000'
				});
				
				changeMenuValue(element);
			}
		});	
		
		element.addEvent('mouseenter', function(){
			if(element.getStyle("width").toInt() == 100) {
				fx2.start({
					'width': 150,
					'background-color': '#000',
					color: '#F8AA67'
				});
			
				changeMenuValue(element);
			}
		});
 
		element.addEvent('click', function(){
			if(element.id != clicked) {
				clicked = element.id;
				changeOther(element.id);
			}
		});
	});
}

function changeOther(id) {
	var list = $$('#empresa .menu_empresa');
	list.each(function(element) {
	 
		if(element.id != id) { //Si no es en el que hago click, lo devuelvo a su estado.
			fx2 = new Fx.Styles(element, {duration:200, wait:false});

			fx2.start({
				'width': 100,
				'background-color': '#F8AA67',
				'color': '#000'
			});
			
			changeMenuValue(element);
		}
	});
}