	
function show_hide(IDParent){
 var parent
	parent = document.getElementById(IDParent)	
	
	change_arrow(IDParent)	

	if(childs_shown(IDParent)){
		Hide(IDParent)		
	}else{
		Show(IDParent)
		click_others(IDParent)						
	}
}

function childs_shown(IDParent){
	var AllChids, i,IDChild, vec, Child
	
			AllChilds = document.getElementById("hijos_" + IDParent)				
			vec = AllChilds.value.split(";")
			
			for (i = 0; i < vec.length-1; i++)
			{
			  IDChild = vec[i];
			  Child = document.getElementById(IDChild)				  		  
			  
			  if(Child.style.display == "none")			  			  
				  return false
			  else
			  	return true
			}
}

function click_others(IDParent){
	var parents, vec, one_parent, i

			parents = document.getElementById("parents")				

			vec = parents.value.split(";")			

			for (i = 0; i < vec.length-1; i++)
			{												
				one_parent = document.getElementById(vec[i])							
				
				if( (childs_shown(one_parent.id)) && (one_parent.id != IDParent) ){					
					change_arrow(one_parent.id)						
					Hide(one_parent.id)
				}
			}						
}

	function Show(IDParent){
		var Child ,IDChild ,vec , AllChilds, Parent, i	
		
			AllChilds = document.getElementById("hijos_" + IDParent)				
			vec = AllChilds.value.split(";")
			
			for (i = 0; i < vec.length-1; i++)
			{
			  IDChild = vec[i];
			  Child = document.getElementById(IDChild)				  		  
			  
			  if(Child.style.display == "none")			  			  			  			  
					Child.style.display = document.all ? "block" : "table-row"		  				  
			  else	  
				  Child.style.display = "none"		  
			}
	}		
		

	
	function Hide(IDParent) {
		var Child ,IDChild ,vec , AllChilds, i
		
			AllChilds = document.getElementById("hijos_" + IDParent)				
			vec = AllChilds.value.split(";")
			
			for (i = 0; i < vec.length-1; i++)
			{
			  IDChild = vec[i];
			  Child = document.getElementById(IDChild)				  		  

			  Child.style.display = "none"			  				
			}			  
	}

	function show_img(obj){
		var img
		img = document.getElementById("img" + obj.id)				
		img.style.visibility = "visible"
	}		

	function hide_img(obj){		
		var img
		img = document.getElementById("img" + obj.id)				
		img.style.visibility = "hidden"
	}
	
	function change_arrow(id_obj){
		var off, on, obj

        obj = document.getElementById(id_obj)						
		
		off = document.getElementById("arrow" + obj.id + "_off")						
		on = document.getElementById("arrow" + obj.id + "_on")							

		if(on.style.display == "none"){
			off.style.display = "none"
			on.style.display = document.all ? "block" : "table-cell"
		}else{
			off.style.display = document.all ? "block" : "table-cell"
			on.style.display = "none"
		}
	}		
