var isAccordion = false;
var accordion;

var SERVICIOS = "<div id='servicios'><h5 id='h5eprs'></h5><div id='eprs' class='servicio' onmouseover=\"showImg('eprs')\" onmouseout=\"hideImg('eprs')\" onclick=\"onClickServicio('eprs', 0)\"><span id='texto_eprs' class='texto_servicio'><strong>Espai Personal.</strong><br><br>Desde <strong>Espai Tres Consultors</strong> nos esforzamos en el d&iacute;a a d&iacute;a por ofrecer el mejor y m&aacute;s cercano servicio posible a nuestros clientes y, desde nuestro <strong>espai personal</strong>, tratamos de ver sus objetivos y hacerlos nuestros para, de esta manera, trabajar de una forma mucho m&aacute;s efectiva.<br>En espai personal ofrecemos servicios de <strong>consultor&iacute;a y desarrollo a medida</strong>. <br><br>&iquest;Tienes unas necesidades? Perm&iacute;tenos evaluarlas y ayudarte a salvar las posibles deficiencias que pueda haber en tus sistemas. Un gran equipo de profesionales y colaboradores nos avala.</span><img id='img_eprs' class='servicioImg' src='img/personal.png' alt='Personal'></div><h5 id='h5eprd'></h5><div id='eprd' class='servicio' onmouseover=\"showImg('eprd')\" onmouseout=\"hideImg('eprd')\" onclick=\"onClickServicio('eprd', 1)\"><span id='texto_eprd' class='texto_servicio'><strong>Espai Producto.</strong><br><br>En <strong>Espai Tres Consultors</strong> somos expertos en <strong>software libre y desarrollos en j2ee</strong>, de la uni&oacute;n de estas dos herramientas nace una gran ventaja en cuanto a la disponibilidad de productos sobradamente probados y con conocimiento de que se adaptan a sus necesidades, <strong><br><br><a href='http://www.openxpertya.org' target='_blank' class='oxp' title='Web oficial de OpenXpertya'>OpenXPertya</a>, <a href='http://www.zencartes.com' target='_blank' class='zct' title='Web oficial de ZenCart'>ZenCart</a>, o <a href='http://www.ubuntu-es.org' target='_blank' class='ubt' title='Web oficial de Ubuntu'>Ubuntu</a></strong> son s&oacute;lo algunos ejemplos de los productos que manejamos, adem&aacute;s de un surtido de proyectos propios centrados en &aacute;mbitos tan diversos como la gesti&oacute;n de stocks y clientes para una parafarmacia o la Log&iacute;stica y la gesti&oacute;n del transporte.</span><img id='img_eprd' class='servicioImg' src='img/producto.png' alt='Producto'></div><h5 id='h5efrm'></h5><div id='efrm' class='servicio' onmouseover=\"showImg('efrm')\" onmouseout=\"hideImg('efrm')\" onclick=\"onClickServicio('efrm', 2)\"><span id='texto_efrm' class='texto_servicio'><strong>Espai Formaci&oacute;n.</strong><br><br>La formaci&oacute;n es un bien preciado, tener un <strong>equipo de profesionales bien formados</strong> dota a una empresa de credibilidad y estabilidad ante cualquier reto.<br><br><strong>Desde Espai Tres Consultors</strong> queremos ayudarle en la ardua tarea de formar a sus trabajadores. Contamos con un gran equipo de profesionales que pueden realizar cursos desde programaci&oacute;n de <strong>GIS sobre Java</strong> como configuraci&oacute;n y mantenimiento de <strong>redes CISCO</strong>, entre otros.</span><img id='img_efrm' class='servicioImg' src='img/formacion.png' alt='Formaci&oacute;n'></div></div><span class='clr'><!-- spanner --></span>";

function cambia_imagen(escondio){	
	if (escondio=="0"){
		document.getElementById("imagen_menu").src = "img/abajo_web01.png";
		document.getElementById("servicios_container").innerHTML = SERVICIOS;
		prepareServicios();
	}
	if (escondio=="1"){
		document.getElementById("imagen_menu").src = "img/abajo_web02.png";
	}
	if (escondio=="2"){
		document.getElementById("imagen_menu").src = "img/abajo_web03.png";
		document.getElementById("servicios_container").innerHTML = SERVICIOS;
		prepareServicios();
	}
	if (escondio=="3"){
		/*if(accordion != undefined)
			$('servicios').removeEvents();*/
		document.getElementById("imagen_menu").src = "img/abajo_web04.png";
		document.getElementById("servicios_container").innerHTML = SERVICIOS;
		prepareServicios();
	}
	if (escondio=="4"){
		document.getElementById("imagen_menu").src = "img/abajo_web00.png";
		document.getElementById("servicios_container").innerHTML = SERVICIOS;
		prepareServicios();
	}
}

function showImg(capa) {
	if(!isAccordion) {
		document.getElementById("img_"+capa).style.display = 'block';
		document.getElementById(capa).style.backgroundImage = "url('img/" + capa + ".png')";
	}
}

function hideImg(capa) {
	if(!isAccordion) {
		document.getElementById("img_"+capa).style.display = 'none';
		document.getElementById(capa).style.backgroundImage = "url('img/e_" + capa + ".png')";
	}
}

var CENTER_X = 24;
var CENTER_Y = 48; //BACKGROUND

function onClickServicio(capa, index) {
	if(!isAccordion) {
		prepareAccordion();
		
		accordion = new Accordion('#servicios h5', '#servicios div',
		{
			width: true,
			fixedWidth: 390,
			fixedHeight: 335,
			display: index
		});
	}
}

function move(capa, x, y) {
	document.getElementById(capa).style.backgroundPosition = x+"px "+y+"%";
	
	if(x > 6 || y > 6) {
		var newx = x - 1;
		var newy = y - 2;
		var t = setTimeout("move('"+capa+"',"+newx+","+newy+")", 10);
	}
	else 
		clearTimeout(t);
}

function prepareAccordion() {
	capasH5 = document.getElementsByTagName('h5'); 
	for (var i=0; i<capasH5.length; i++) {
		capasH5[i].style.display = 'block';
		capasH5[i].style.cursor = 'pointer';
	}
	
	var servicios = $$("#servicios .servicio .texto_servicio");
	servicios.each(function(servicio, i) {
			servicio.style.display = "block";
			servicio.style.cursor = "default";
	});
	
	//removeEvents 
	$("servicios").removeEvents("mouseleave");
	
	var servicios = $$("#servicios .servicio");
	servicios.each(function(servicio, i) {
			servicio.removeEvents("mouseenter");
			showImg(servicio.id);
			move(servicio.id, CENTER_X, CENTER_Y);
	});
	
	isAccordion = true;
	return true;
}

function prepareServicios() {
	capasH5 = document.getElementsByTagName('h5'); 
	for (var i=0; i<capasH5.length; i++) {
		capasH5[i].style.display = 'none';
	}
	
	putEventsToServicios();
	createToolTips();
	
	isAccordion = false;
	return true;
}