var iMenuHeight;
	
	function tractarSubmenu(id){ //funcio de tractar submenu
		//obtenim els nodes parent d'aquest
		var oElement = document.getElementById(id);
		if(oElement){
			var oPare    = oElement.parentNode.parentNode;
			if(oPare){
				var oAvi     = oPare.parentNode.parentNode;
			}
		}
		
		//Tanquem tots els ul que no són de la part actual i que s'estan mostrant
		aElements=document.getElementsByTagName('ul');
		for(var i=0; i<aElements.length; i++) {
			if(aElements[i].className=='show' && aElements[i]!=oElement && aElements[i]!=oPare && aElements[i]!=oAvi) {
				aElements[i].className='hide';
				aElements[i].parentNode.getElementsByTagName('img')[0].src = "Imatges/fletxa_avall.gif"
			}
		} 

		//Si l'element esta obert es tanca sinň s'obre. Actualitzem la imatge depenent de l'estat en que queda
		if (oElement){
			if(oElement.className=='show') {
				oElement.className='hide';
				oElement.parentNode.getElementsByTagName('img')[0].src = "Imatges/fletxa_avall.gif"
			}
			else{
				oElement.className='show';
				oElement.parentNode.getElementsByTagName('img')[0].src = "Imatges/fletxa_amunt.gif"
			}
		}
		
		//calculem la altura actual del menu i actualitzem si cal
		calculaAltura();
	}

	function calculaAltura(){ //calcula l'altura del menu i l'actualitza si cal
		var aElements=document.getElementsByTagName('ul');
		var iTmpMenuHeight=0;
		var llargada;
		for(var i=0; i<aElements.length; i++) {
			if(aElements[i].className!='hide'){
				llargada=(aElements[i].childNodes.length-1)/2; //Ens dona incis i finals dels fills i el propi final
				iTmpMenuHeight += llargada*20; //cada opció del menu fa 20px d'altura
			}
		}

		if(iTmpMenuHeight!=iMenuHeight){//Si ha canviat l'altura
			iMenuHeight = iTmpMenuHeight;
			renovaSize();//actualitzem el menu
		}
	}

	function renovaSize() {
	  	var myHeight = 0;
		//obtenim l'altura de l'espai que tenim
    	//myHeight = window.innerHeight;
    	
     if (typeof window.innerWidth != 'undefined'){
        myHeight = window.innerHeight;
       }else if (typeof document.documentElement != 'undefined' &&
            typeof document.documentElement.clientHeight != 'undefined' &&
           document.documentElement.clientHeight != 0){
              // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
             myHeight = document.documentElement.clientHeight;
        }else{
           myHeight = document.getElementsByTagName('body')[0].clientHeight;
        }
    	
    	
    	
    	
		myHeight=parseInt(myHeight)-155; // li restem la part superior
			
		if(myHeight<iMenuHeight-44){ // si el tamany és menor mostrem els tabs de pujar i baixar
			if(myHeight>44){document.getElementById("menu").style.height = myHeight-24;} //treiem l'espai dels tabs al menu si es prou gran
			else{document.getElementById("menu").style.height = 20;} // si no té prou espai ho posem a 0
			document.getElementById("upTab").style.display = "block";
			document.getElementById("downTab").style.display = "block";
		}
		else{ // si és major l'espai posem el menu a 0
			document.getElementById("menu").style.height = myHeight; //hi ha prou espai
			document.getElementById("principal").style.top = 0; //posem el menu a dalt de tot
			document.getElementById("upTab").style.display = "none";
			document.getElementById("downTab").style.display = "none";
		}
	}

	var timeMoviment; //el timeout del moviment

	function mouPositiu(sDiv){ // mou cap a baix lo que li passis fins que el top estigui a 0
		oDiv=sDiv;
		iPosicio=parseInt(sDiv.style.top);
		if(iPosicio>-5){ // si falta menys de 5 per arribar a dalt
			sDiv.style.top=0;
		}
		else{
			sDiv.style.top=iPosicio + 5;
			timeMoviment=setTimeout("mouPositiu(oDiv)", 30);
		}
	}

	function mouNegatiu(sDiv){ // mou cap a dalt lo que li passis fins al tamany del menu
		oDiv=sDiv;
		iPosicio=parseInt(sDiv.style.top);
		if(iPosicio<-iMenuHeight+60+parseInt(document.getElementById("menu").style.height)){ // si falta menys de 5 per arribar a baix
			sDiv.style.top=-iMenuHeight+parseInt(document.getElementById("menu").style.height)+55;
		}
		else{
			sDiv.style.top=iPosicio - 5;
			timeMoviment=setTimeout("mouNegatiu(oDiv)", 30);
		}
	}

	function atura(){ // atura el moviment que hi havia programat
		clearTimeout(timeMoviment);
	}