// JavaScript Document

/****   FUNCIONS MODULARS... ****/

// div associat a l'event que es vol provocar:
var seccio;
// Variables de rellotge...
var augmentar;
var reduir;
// mides...
var alturaBase = 31;
var alturaDiv = 31;
var alturaLlista;

// funció per a inicialitzar l'altura del div al minim...
function instantset()
{	
	if(parseInt(seccio.style.height) < 31)
	{
		seccio.style.height = alturaBase + "px";
	}
	cleartimer();
}

function aumentarAltura(div)
{
	seccio = div;
	instantset();
	alturaLlista = div.getElementsByTagName("ul")[0].offsetHeight;	
	augmentar = setInterval("fadeIn()",10);
}

function reduirAltura(div)
{
	cleartimer();		
	seccio = div;	
	reduir = setTimeout("esconjir()",1000);
}

function fadeIn()
{
	if(alturaDiv < (alturaLlista+alturaBase))
		alturaDiv = parseInt(alturaDiv) + 10; 
	
	seccio.style.height = alturaDiv + "px";	
}

function esconjir()
{
	reduir = setInterval("fadeOut()",10);
}

function fadeOut()
{
	if(alturaDiv > alturaBase)
		alturaDiv = parseInt(alturaDiv) - 2; 
	else
	{
		instantset();
		cleartimer();
	}
	if(alturaDiv>=alturaBase)
	{
		seccio.style.height = alturaDiv + "px";	
	}
	else
	{
		seccio.style.height = 31 + "px";	
	}
}

function cleartimer()
{
	if (window.augmentar) 
		clearInterval(augmentar);
	if (window.reduir) 
		clearInterval(reduir);	
}

/**** COPIES... ****/

// div associat a l'event que es vol provocar:
var seccio2;
// Variables de rellotge...
var augmentar2;
var reduir2;
// mides...
var alturaBase2 = 31;
var alturaDiv2 = 31;
var alturaLlista2;

// funció per a inicialitzar l'altura del div al minim...
function instantset2()
{	
	if(parseInt(seccio2.style.height) < 31)
	{
		seccio2.style.height = alturaBase2 + "px";
	}
	cleartimer2();
}

function aumentarAltura2(div)
{
	seccio2 = div;
	instantset2();
	alturaLlista2 = div.getElementsByTagName("ul")[0].offsetHeight;	
	augmentar2 = setInterval("fadeIn2()",1);
}

function reduirAltura2(div)
{
	cleartimer2();		
	seccio2 = div;
	reduir2 = setTimeout("esconjir2()",1000);
}

function fadeIn2()
{
	if(alturaDiv2 < (alturaLlista2+alturaBase2))
		alturaDiv2 = parseInt(alturaDiv2) + 10;
		
	seccio2.style.height = alturaDiv2 + "px";	
}

function esconjir2()
{
	reduir2 = setInterval("fadeOut2()",1);
}

function fadeOut2()
{
	if(alturaDiv2 > alturaBase2)
		alturaDiv2 = parseInt(alturaDiv2) - 2; 
	else
	{
		instantset2();
		cleartimer2();
	}	
	
	if(alturaDiv2>=31)
	{
		seccio2.style.height = alturaDiv2 + "px";	
	}
	else
	{
		seccio2.style.height = 31 + "px";	
	}
}

function cleartimer2()
{
	if (window.augmentar2) 
		clearInterval(augmentar2);
	if (window.reduir2) 
		clearInterval(reduir2);	
}

/**/

// div associat a l'event que es vol provocar:
var seccio3;
// Variables de rellotge...
var augmentar3;
var reduir3;
// mides...
var alturaBase3 = 31;
var alturaDiv3 = 31;
var alturaLlista3;

// funció per a inicialitzar l'altura del div al minim...
function instantset3()
{	
	if(parseInt(seccio3.style.height) < 31)
	{
		seccio3.style.height = alturaBase3 + "px";
	}
	cleartimer3();
}

function aumentarAltura3(div)
{
	seccio3 = div;
	instantset3();
	alturaLlista3 = div.getElementsByTagName("ul")[0].offsetHeight;	
	augmentar3 = setInterval("fadeIn3()",1);
}

function reduirAltura3(div)
{
	cleartimer3();		
	seccio3 = div;
	reduir3 = setTimeout("esconjir3()",1000);
}

function fadeIn3()
{
	if(alturaDiv3 < (alturaLlista3+alturaBase3))
		alturaDiv3 = parseInt(alturaDiv3) + 10; 
	
	seccio3.style.height = alturaDiv3 + "px";	
}

function esconjir3()
{
	reduir3 = setInterval("fadeOut3()",1);
}

function fadeOut3()
{
	if(alturaDiv3 > alturaBase3)
		alturaDiv3 = parseInt(alturaDiv3) - 2; 
	else
	{
		instantset3();
		cleartimer3();
	}
		
	if(alturaDiv3>=31)
	{
		seccio3.style.height = alturaDiv3 + "px";	
	}
	else
	{
		seccio3.style.height = 31 + "px";	
	}
}

function cleartimer3()
{
	if (window.augmentar3) 
		clearInterval(augmentar3);
	if (window.reduir3) 
		clearInterval(reduir3);	
}

/**/

// div associat a l'event que es vol provocar:
var seccio4;
// Variables de rellotge...
var augmentar4;
var reduir4;
// mides...
var alturaBase4 = 31;
var alturaDiv4 = 31;
var alturaLlista4;

// funció per a inicialitzar l'altura del div al minim...
function instantset4()
{	
	if(parseInt(seccio4.style.height) < 31)
	{
		seccio4.style.height = alturaBase4 + "px";
	}
	cleartimer4();
}

function aumentarAltura4(div)
{
	seccio4 = div;
	instantset4();
	alturaLlista4 = div.getElementsByTagName("ul")[0].offsetHeight;	
	augmentar4 = setInterval("fadeIn4()",1);
}

function reduirAltura4(div)
{
	cleartimer4();		
	seccio4 = div;
	reduir4 = setTimeout("esconjir4()",1000);
}

function fadeIn4()
{
	if(alturaDiv4 < (alturaLlista4+alturaBase4))
		alturaDiv4 = parseInt(alturaDiv4) + 10; 
		
	seccio4.style.height = alturaDiv4 + "px";	
}

function esconjir4()
{
	reduir4 = setInterval("fadeOut4()",1);
}

function fadeOut4()
{
	if(alturaDiv4 > alturaBase4)
		alturaDiv4 = parseInt(alturaDiv4) - 2; 
	else
	{
		instantset4();
		cleartimer4();
	}
		
	if(alturaDiv4>=31)
	{
		seccio4.style.height = alturaDiv4 + "px";	
	}
	else
	{
		seccio4.style.height = 31 + "px";	
	}
}

function cleartimer4()
{
	if (window.augmentar4) 
		clearInterval(augmentar4);
	if (window.reduir4) 
		clearInterval(reduir4);	
}

/**/

// div associat a l'event que es vol provocar:
var seccio5;
// Variables de rellotge...
var augmentar5;
var reduir5;
// mides...
var alturaBase5 = 31;
var alturaDiv5 = 31;
var alturaLlista5;

// funció per a inicialitzar l'altura del div al minim...
function instantset5()
{	
	if(parseInt(seccio5.style.height) < 31)
	{
		seccio5.style.height = alturaBase5 + "px";
	}
	cleartimer5();
}

function aumentarAltura5(div)
{
	seccio5 = div;
	instantset5();
	alturaLlista5 = div.getElementsByTagName("ul")[0].offsetHeight;	
	
	augmentar5 = setInterval("fadeIn5()",1);
}

function reduirAltura5(div)
{
	cleartimer5();		
	seccio5 = div;
	reduir5 = setTimeout("esconjir5()",1000);
}

function fadeIn5()
{
	if(alturaDiv5 < (alturaLlista5+alturaBase5))
		alturaDiv5 = parseInt(alturaDiv5) + 10; 
			
	seccio5.style.height = alturaDiv5 + "px";	
}

function esconjir5()
{
	reduir5 = setInterval("fadeOut5()",1);
}

function fadeOut5()
{
	if(alturaDiv5 > alturaBase5)
		alturaDiv5 = parseInt(alturaDiv5) - 2; 
	else
	{
		instantset5();
		cleartimer5();
	}	
	
	if(alturaDiv5>=31)
	{
		seccio5.style.height = alturaDiv5 + "px";	
	}
	else
	{
		seccio5.style.height = 31 + "px";	
	}
	//alert(seccio.style.height);
}

function cleartimer5()
{
	if (window.augmentar5) 
		clearInterval(augmentar5);
	if (window.reduir5) 
		clearInterval(reduir5);	
}