/**********************************************************
09/11/2008

Aumento de áreas <div> para su representación, al ha-
berse hecho click sobre ellas , usando la mayor cantidad de
espacio disponible
**********************************************************/

/*Primero iniciamos una variable global que nos indicará en qué estado está la página
	Si estado == "inicial" -> Los bloques están en su configuración inicial
	Si estado == "climatizacion" 	-> El bloque Climatización está maximizado
	Si estado == "calefaccion"	-> El bloque Calefacción está maximizado
	Si estado == "solar"		-> El bloque Energía Solar está maximizado
	Si estado == "frio"		-> El bloque Frío Industrial está maximizado
*/
var estado = "inicial";

/* caja azul verdoso */
function inicializaRealizaMovimiento()
{
	if (estado == "inicial")
	{
		anchuraInicial = "212px";
		alturaInicial = "280px";
		document.getElementById("areaClimatizacion").style.zIndex = 2;
		realizaMovimiento(anchuraInicial, alturaInicial);
		//borramos el contenido de la caja durante la animación
		document.getElementById('areaClimatizacion').innerHTML = "";
	}
	else if (estado == "climatizacion")
	{
		anchuraInicial = "746px";
		alturaInicial = "460px";
		realizaMovimientoInverso(anchuraInicial, alturaInicial);
		//document.getElementById("areaClimatizacion").style.zIndex = 1;
		//borramos el contenido de la caja durante la animación
		document.getElementById('areaClimatizacion').innerHTML = "";
	}
	
}

function realizaMovimiento(anchuraInicial, alturaInicial)
{
	var valorAnchura = parseInt(anchuraInicial);
	var valorAltura = parseInt(alturaInicial);
	valorAnchura = valorAnchura + 10;
	valorAltura = valorAltura + 10;
	
	/* Como se va aumentando de 10 en 10, es posible que lleguemos al final a un tamaño máximo su-
	perior al deseado. Lo que hacemos es que el valor en aumento no pase bajo ningún concepto del
	valor máximo deseado
	*/
	if (valorAnchura > 746)
	{
		valorAnchura = 746;
	}
	if (valorAltura > 460)
	{
		valorAltura = 460;
	}
	
	valorAnchuraPx = valorAnchura + 'px';
	valorAlturaPx = valorAltura + 'px';
	
	document.getElementById("areaClimatizacion").style.width = valorAnchuraPx;
	document.getElementById("areaClimatizacion").style.height = valorAlturaPx;
	
	if (valorAnchura >= 746 && valorAnchura >= 460)
	{
		estado = "climatizacion";	//Informamos de que el bloque 'Climatización' está actualmente maximizado
		//establecemos el contenido del cuadro una vez ha sido éste agrandado
		//document.getElementById('areaClimatizacion').innerHTML=contenidoClimatizacionGrande;
		contenidoClimatizacion = document.getElementById("contenidoClimatizacionGrande");
		document.getElementById('areaClimatizacion').innerHTML=contenidoClimatizacion.innerHTML;
		return;
	}
	else
	{
		setTimeout("realizaMovimiento(valorAnchuraPx, valorAlturaPx)", 20);
	}
}

function realizaMovimientoInverso(anchuraInicial, alturaInicial)
{
	var valorAnchura = parseInt(anchuraInicial);
	var valorAltura = parseInt(alturaInicial);
	valorAnchura = valorAnchura - 10;
	valorAltura = valorAltura - 10;
	
	/* Como se va disminuyendo de 10 en 10, es posible que lleguemos al final a un tamaño mínimo in-
	ferior al deseado. Lo que hacemos es que el valor no pase bajo ningún concepto del valor mínimo
	deseado
	*/
	if (valorAnchura < 212)
	{
		valorAnchura = 212;
	}
	if (valorAltura < 280)
	{
		valorAltura = 280;
	}
	
	valorAnchuraPx = valorAnchura + 'px';
	valorAlturaPx = valorAltura + 'px';
	
	document.getElementById("areaClimatizacion").style.width = valorAnchuraPx;
	document.getElementById("areaClimatizacion").style.height = valorAlturaPx;
	
	if (valorAnchura <= 212 && valorAltura <= 280)
	{
		estado = "inicial";	//Informamos de que el bloque 'Climatización' está actualmente maximizado
		document.getElementById("areaClimatizacion").style.zIndex = 1; //ponemos el bloque al mismo nivel de superposición que los otros
		//establecemos el contenido del cuadro una vez ha sido éste reducido
		contenidoClimatizacion = document.getElementById("contenidoClimatizacionPequenyo");
		document.getElementById('areaClimatizacion').innerHTML=contenidoClimatizacion.innerHTML;
		return;
	}
	else
	{
		setTimeout("realizaMovimientoInverso(valorAnchuraPx, valorAlturaPx)", 20);
	}
}


/* Caja rosa */

function inicializaRealizaMovimiento2()
{
	
	if (estado == "inicial")
	{
		anchuraInicial = "212px";
		alturaInicial = "280px";
		posicionHorizontalInicial = "312px";
		realizaMovimiento2(anchuraInicial, alturaInicial, posicionHorizontalInicial);
		document.getElementById("areaCalefaccion").style.zIndex = 2;
		//borramos el contenido de la caja durante la animación
		document.getElementById('areaCalefaccion').innerHTML = "";
	}
	else if (estado == "calefaccion")
	{
		anchuraInicial = "746px";
		alturaInicial = "460px";
		posicionHorizontalInicial = "45px";
		realizaMovimientoInverso2(anchuraInicial, alturaInicial, posicionHorizontalInicial);
		//document.getElementById("areaClimatizacion").style.zIndex = 1;
		//borramos el contenido de la caja durante la animación
		document.getElementById('areaCalefaccion').innerHTML = "";
	}
	
}

function realizaMovimiento2(anchuraInicial, alturaInicial, posicionHorizontalInicial)
{
	var valorAnchura = parseInt(anchuraInicial);
	var valorAltura = parseInt(alturaInicial);
	var valorPosicionHorizontal = parseInt(posicionHorizontalInicial);
	valorAnchura = valorAnchura + 10;
	valorAltura = valorAltura + 10;
	valorPosicionHorizontal = valorPosicionHorizontal - 10;
	
	/* Como se va aumentando (o disminuyendo) de 10 en 10, es posible que lleguemos al final a un tamaño/posición máximo/mínimo superior al deseado. Lo que 
	hacemos es que el valor en aumento no pase bajo ningún concepto del valor máximo/mínimo  deseado
	*/
	if (valorAnchura > 746)
	{
		valorAnchura = 746;
	}
	if (valorAltura > 460)
	{
		valorAltura = 460;
	}
	if (valorPosicionHorizontal < 45)
	{
		valorPosicionHorizontal = 45;
	}
	
	valorAnchuraPx = valorAnchura + 'px';
	valorAlturaPx = valorAltura + 'px';
	valorPosicionHorizontalPx = valorPosicionHorizontal + 'px';
	
	document.getElementById("areaCalefaccion").style.width = valorAnchuraPx;
	document.getElementById("areaCalefaccion").style.height = valorAlturaPx;
	document.getElementById("areaCalefaccion").style.left = valorPosicionHorizontalPx;
	
	if (valorAnchura >= 746 && valorAltura >= 460 && valorPosicionHorizontal <= 45)
	{
		estado = "calefaccion";	//Informamos de que el bloque 'Climatización' está actualmente maximizado
		//establecemos el contenido del cuadro una vez ha sido éste agrandado
		contenidoCalefaccion = document.getElementById("contenidoCalefaccionGrande");
		document.getElementById('areaCalefaccion').innerHTML=contenidoCalefaccion.innerHTML;
		return;
	}
	else
	{
		setTimeout("realizaMovimiento2(valorAnchuraPx, valorAlturaPx, valorPosicionHorizontalPx)", 20);
	}
}

function realizaMovimientoInverso2(anchuraInicial, alturaInicial, posicionHorizontalInicial)
{
	var valorAnchura = parseInt(anchuraInicial);
	var valorAltura = parseInt(alturaInicial);
	var valorPosicionHorizontal = parseInt(posicionHorizontalInicial);
	valorAnchura = valorAnchura - 10;
	valorAltura = valorAltura - 10;
	valorPosicionHorizontal = valorPosicionHorizontal + 10;
	
	/* Como se va disminuyendo  (o aumentando) de 10 en 10, es posible que lleguemos al final a un tamaño mínimo (máximo)
	inferior (superior) al deseado. Lo que hacemos es que el valor no pase bajo ningún concepto del valor mínimo deseado
	*/
	if (valorAnchura < 212)
	{
		valorAnchura = 212;
	}
	if (valorAltura < 280)
	{
		valorAltura = 280;
	}
	if (valorPosicionHorizontal > 312)
	{
		valorPosicionHorizontal = 312;
	}
	
	valorAnchuraPx = valorAnchura + 'px';
	valorAlturaPx = valorAltura + 'px';
	valorPosicionHorizontalPx = valorPosicionHorizontal + 'px'; 
	
	document.getElementById("areaCalefaccion").style.width = valorAnchuraPx;
	document.getElementById("areaCalefaccion").style.height = valorAlturaPx;
	document.getElementById("areaCalefaccion").style.left = valorPosicionHorizontalPx;
	
	if (valorAnchura <= 212 && valorAltura <= 280 && valorPosicionHorizontal >= 312)
	{
		estado = "inicial";	//Informamos de que hemos vuelto al estado inicial
		document.getElementById("areaCalefaccion").style.zIndex = 1; //ponemos el bloque al mismo nivel de superposición que los otros
		//establecemos el contenido del cuadro una vez ha sido éste reducido
		contenidoCalefaccion = document.getElementById("contenidoCalefaccionPequenyo");
		document.getElementById('areaCalefaccion').innerHTML=contenidoCalefaccion.innerHTML;

		return;
	}
	else
	{
		setTimeout("realizaMovimientoInverso2(valorAnchuraPx, valorAlturaPx, valorPosicionHorizontalPx)", 20);
	}
}

/* Caja amarilla */

function inicializaRealizaMovimiento3()
{
	if (estado == "inicial")
	{
		anchuraInicial = "212px";
		alturaInicial = "280px";
		posicionHorizontalInicial = "579px";
		realizaMovimiento3(anchuraInicial, alturaInicial, posicionHorizontalInicial);
		document.getElementById("areaSolar").style.zIndex = 2;
		//borramos el contenido de la caja durante la animación
		document.getElementById('areaSolar').innerHTML = "";
	}
	else if (estado == "solar")
	{
		anchuraInicial = "746px";
		alturaInicial = "460px";
		posicionHorizontalInicial = "45px";
		realizaMovimientoInverso3(anchuraInicial, alturaInicial, posicionHorizontalInicial);
		//document.getElementById("areaClimatizacion").style.zIndex = 1;
		//borramos el contenido de la caja durante la animación
		document.getElementById('areaSolar').innerHTML = "";
	}
}

function realizaMovimiento3(anchuraInicial, alturaInicial, posicionHorizontalInicial)
{
	var valorAnchura = parseInt(anchuraInicial);
	var valorAltura = parseInt(alturaInicial);
	var valorPosicionHorizontal = parseInt(posicionHorizontalInicial);
	valorAnchura = valorAnchura + 10;
	valorAltura = valorAltura + 10;
	valorPosicionHorizontal = valorPosicionHorizontal - 10;
	
	/* Como se va aumentando (o disminuyendo) de 10 en 10, es posible que lleguemos al final a un tamaño/posición máximo/mínimo superior al deseado. Lo que 
	hacemos es que el valor en aumento no pase bajo ningún concepto del valor máximo/mínimo  deseado
	*/
	if (valorAnchura > 746)
	{
		valorAnchura = 746;
	}
	if (valorAltura > 460)
	{
		valorAltura = 460;
	}
	if (valorPosicionHorizontal < 45)
	{
		valorPosicionHorizontal = 45;
	}
	
	valorAnchuraPx = valorAnchura + 'px';
	valorAlturaPx = valorAltura + 'px';
	valorPosicionHorizontalPx = valorPosicionHorizontal + 'px';
	
	document.getElementById("areaSolar").style.width = valorAnchuraPx;
	document.getElementById("areaSolar").style.height = valorAlturaPx;
	document.getElementById("areaSolar").style.left = valorPosicionHorizontalPx;
	
	if (valorAnchura >= 746 && valorAltura >= 460 && valorPosicionHorizontal <= 45)
	{
		estado = "solar";	//Informamos de que el bloque 'Solar' está actualmente maximizado
		//establecemos el contenido del cuadro una vez ha sido éste agrandado
		contenidoSolar = document.getElementById("contenidoSolarGrande");
		document.getElementById('areaSolar').innerHTML=contenidoSolar.innerHTML;
		return;
	}
	else
	{
		setTimeout("realizaMovimiento3(valorAnchuraPx, valorAlturaPx, valorPosicionHorizontalPx)", 20);
	}
}

function realizaMovimientoInverso3(anchuraInicial, alturaInicial, posicionHorizontalInicial)
{
	var valorAnchura = parseInt(anchuraInicial);
	var valorAltura = parseInt(alturaInicial);
	var valorPosicionHorizontal = parseInt(posicionHorizontalInicial);
	valorAnchura = valorAnchura - 10;
	valorAltura = valorAltura - 10;
	valorPosicionHorizontal = valorPosicionHorizontal + 10;
	
	/* Como se va disminuyendo  (o aumentando) de 10 en 10, es posible que lleguemos al final a un tamaño mínimo (máximo)
	inferior (superior) al deseado. Lo que hacemos es que el valor no pase bajo ningún concepto del valor mínimo deseado
	*/
	if (valorAnchura < 212)
	{
		valorAnchura = 212;
	}
	if (valorAltura < 280)
	{
		valorAltura = 280;
	}
	if (valorPosicionHorizontal > 579)
	{
		valorPosicionHorizontal = 579;
	}
	
	valorAnchuraPx = valorAnchura + 'px';
	valorAlturaPx = valorAltura + 'px';
	valorPosicionHorizontalPx = valorPosicionHorizontal + 'px'; 
	
	document.getElementById("areaSolar").style.width = valorAnchuraPx;
	document.getElementById("areaSolar").style.height = valorAlturaPx;
	document.getElementById("areaSolar").style.left = valorPosicionHorizontalPx;
	
	if (valorAnchura <= 212 && valorAltura <= 280 && valorPosicionHorizontal >= 579)
	{
		estado = "inicial";	//Informamos de que hemos vuelto al estado inicial
		document.getElementById("areaSolar").style.zIndex = 1; //ponemos el bloque al mismo nivel de superposición que los otros
		//establecemos el contenido del cuadro una vez ha sido éste reducido
		contenidoSolar = document.getElementById("contenidoSolarPequenyo");
		document.getElementById('areaSolar').innerHTML=contenidoSolar.innerHTML;
		return;
	}
	else
	{
		setTimeout("realizaMovimientoInverso3(valorAnchuraPx, valorAlturaPx, valorPosicionHorizontalPx)", 20);
	}
}

/* Caja azul */

function inicializaRealizaMovimiento4()
{
	if (estado == "inicial")
	{
		alturaInicial = "150px";
		posicionVerticalInicial = "360px";
		realizaMovimiento4(alturaInicial, posicionVerticalInicial);
		document.getElementById("areaFrio").style.zIndex = 2;
		//borramos el contenido del cuadro antes de agrandar
		document.getElementById('areaFrio').innerHTML = "";
	}
	else if (estado == "frio")
	{
		alturaInicial = "460px";
		posicionVerticalInicial = "50px";
		realizaMovimientoInverso4(alturaInicial, posicionVerticalInicial);
		//document.getElementById("areaClimatizacion").style.zIndex = 1;
		//borramos el contenido del cuadro antes de reducir
		document.getElementById('areaFrio').innerHTML = "";
	}
}

function realizaMovimiento4(alturaInicial, posicionVerticalInicial)
{
	var valorAltura = parseInt(alturaInicial);
	var valorPosicionVertical = parseInt(posicionVerticalInicial);
	valorAltura = valorAltura + 10;
	valorPosicionVertical = valorPosicionVertical - 10;
	
	/* Como se va aumentando (o disminuyendo) de 10 en 10, es posible que lleguemos al final a un tamaño/posición máximo/mínimo superior al deseado. Lo que 
	hacemos es que el valor en aumento no pase bajo ningún concepto del valor máximo/mínimo  deseado
	*/
	
	if (valorAltura > 460)
	{
		valorAltura = 460;
	}
	if (valorPosicionVertical < 50)
	{
		valorPosicionVertical = 50;
	}
	
	valorAlturaPx = valorAltura + 'px';
	valorPosicionVerticalPx = valorPosicionVertical + 'px';
	
	document.getElementById("areaFrio").style.height = valorAlturaPx;
	document.getElementById("areaFrio").style.top = valorPosicionVerticalPx;
	
	if (valorAltura >= 460 && valorPosicionVertical <= 50)
	{
		estado = "frio";	//Informamos de que el bloque 'Frío' está actualmente maximizado
		//establecemos el contenido del cuadro una vez ha sido éste agrandado
		contenidoFrio = document.getElementById("contenidoFrioGrande");
		document.getElementById('areaFrio').innerHTML=contenidoFrio.innerHTML;
		return;
	}
	else
	{
		setTimeout("realizaMovimiento4(valorAlturaPx, valorPosicionVerticalPx)", 20);
	}
}

function realizaMovimientoInverso4(alturaInicial, posicionVerticalInicial)
{
	var valorAltura = parseInt(alturaInicial);
	var valorPosicionVertical = parseInt(posicionVerticalInicial);
	valorAltura = valorAltura - 10;
	valorPosicionVertical = valorPosicionVertical + 10;
	
	/* Como se va disminuyendo  (o aumentando) de 10 en 10, es posible que lleguemos al final a un tamaño mínimo (máximo)
	inferior (superior) al deseado. Lo que hacemos es que el valor no pase bajo ningún concepto del valor mínimo deseado
	*/
	if (valorAltura < 150)
	{
		valorAltura = 150;
	}

	if (valorPosicionVertical > 360)
	{
		valorPosicionVertical = 360;
	}
	
	valorAlturaPx = valorAltura + 'px';
	valorPosicionVerticalPx = valorPosicionVertical + 'px'; 
	
	document.getElementById("areaFrio").style.height = valorAlturaPx;
	document.getElementById("areaFrio").style.top = valorPosicionVerticalPx;
	
	if (valorAltura <= 150 && valorPosicionVertical >= 360)
	{
		estado = "inicial";	//Informamos de que hemos vuelto al estado inicial
		document.getElementById("areaFrio").style.zIndex = 1; //ponemos el bloque al mismo nivel de superposición que los otros
		//establecemos el contenido del cuadro una vez ha sido éste reducido
		contenidoFrio = document.getElementById("contenidoFrioPequenyo");
		document.getElementById('areaFrio').innerHTML=contenidoFrio.innerHTML;
		return;
	}
	else
	{
		setTimeout("realizaMovimientoInverso4(valorAlturaPx, valorPosicionVerticalPx)", 20);
	}
}