// JavaScript Document
//window.onload = esconder;

function esconder(){
	var sections=document.getElementById("content").childNodes;
	for (var i=0;i<sections.length;i++){
		sections[i].style.borderBottom= '1px solid #000';
		sections[i].style.padding= '3px 1px';	
		var divs=sections[i].childNodes;
		divs[0].style.display= 'block';
		divs[0].style.cursor= 'pointer';
		divs[0].style.background= 'url(imgs/flechita.gif) no-repeat left center';
		divs[0].style.padding= '0px 0 0px 20px';
		divs[0].style.fontSize= '18px';
		// Añadimos funcion al evento onclick 
		function mostrar(){
			this.style.background='url(imgs/flechita_abajo.gif) no-repeat left center';	
			this.style.margin='0 0 20px 0px';
            // Hacemos que muestre el contenido del DIV
   		   for( var j = 1; j<this.parentNode.childNodes.length; j++ ){
			this.parentNode.childNodes[j].style.display="block"; 	
		   }
		   this.parentNode.childNodes[this.parentNode.childNodes.length-2].style.margin='0 0 50px';
		   /*********************************************************************esconder el resto de divs**************/
		   var actual=this.innerHTML;
		   var principal=this.parentNode.parentNode.childNodes;
		   for( var i=0;i<principal.length;i++){
			   if(principal[i].childNodes[0].innerHTML!=actual){
				    principal[i].childNodes[0].style.background='url(imgs/flechita.gif) no-repeat left center';	
					principal[i].childNodes[0].style.margin='0';
					for( var j = 1; j<principal[i].childNodes.length; j++ ){
						principal[i].childNodes[j].style.display='none';
						
					}
					 
				}
		   }
		   
		   /************************************************************************************************************/		   
		}
		
		divs[0].onclick = mostrar;
		
		for( var j = 1; j<divs.length; j++ ){
			divs[j].style.display= 'none';
			divs[j].style.fontSize= '12px';
			divs[j].style.lineHeight= '18px';
			divs[j].style.padding= '0 0 0 20px';
			
		}		
	}
}