function FechaSub(sub_id){
    var elemento = document.getElementById(sub_id); 
    elemento.style.display="none";
}

function AbreSub(sub_id){
    var elemento = document.getElementById(sub_id); 
    elemento.style.display = "block";
}

function LoadSubMenu(imagem_id, sub_id){
	var sufix1 = "_off.gif"
	var sufix2 = "_open.gif"
	var imagem = document.getElementById(imagem_id); 
	var source = imagem.src;
	var srccomp = source.length;
	var find1 = source.search(sufix1);
	var find2 = source.search(sufix2);
	if (find1!=-1){
	    FechaSub(sub_id)
	}
	if (find2!=-1){
	    AbreSub(sub_id)
	}
}

function OpenCloseSubMenu(imagem_id, sub_id, sufix1, sufix2){
	var imagem = document.getElementById(imagem_id); 
	var source = imagem.src;
	var srccomp = source.length;
	var find1 = source.search(sufix1);
	var find2 = source.search(sufix2);
	
	if (find1 != -1){
	    var subtraicomp = sufix1.length;
	    source = source.substring(0,srccomp-subtraicomp)
	    source = source + sufix2;
	    imagem.src = source;
	    AbreSub(sub_id)
	}
	if (find2 != -1){
	    var subtraicomp=sufix2.length;
	    source=source.substring(0,srccomp-subtraicomp)
	    source=source+sufix1;
	    imagem.src=source;
	    FechaSub(sub_id)
	}
}

function CloseSubMenu(imagem_id, sub_id, sufix1, sufix2){
	//var sufix1="_off.gif"
	//var sufix2="_open.gif"
	var imagem = document.getElementById(imagem_id); 
	var source = imagem.src;
	var srccomp = source.length;
	//
	var find1 = source.search(sufix1);
	//alert(find1);
	var find2 = source.search(sufix2);
	//alert(find2);
	
	if (find2!=-1){
	    var subtraicomp = sufix2.length;
	    source = source.substring(0, srccomp - subtraicomp)
	    source = source + sufix1;
	    imagem.src = source;
	    FechaSub(sub_id)
	}
}
	
function RollOver(alvo_id, corover){
	var alvo = document.getElementById(alvo_id); 
	alvo.style.backgroundColor = corover;
}
	
function RollOut(alvo_id){
	var alvo = document.getElementById(alvo_id); 
	alvo.style.backgroundColor="";
}