// JavaScript Document

	var nom_act="general";
	var nom_ant="";

/*
	La funcion mostrar_expl muestra el bloque con el atributo id=nombre en donde nombre
	se pasa como parámetro
*/
	
	function seleccionar_item(nombre){
				
		var expl_act = nombre + "_expl";
		var expl_ant = nom_act + "_expl";

		var text_act = nombre + "_text";
		var text_ant = nom_act + "_text";
		var bloque = nombre + "_des"
		nom_ant=nom_act;
		nom_act=nombre;

		//Cambiamos la explicacion
		document.getElementById(expl_ant).style.display="none";
		document.getElementById(expl_act).style.display="block";
		//Ponemos el color al item seleccionado
		document.getElementById(text_act).style.backgroundColor="#cccccc";	
		if(nom_ant != "general"&&nom_ant!=nom_act){
			document.getElementById(text_ant).style.backgroundColor="#ffffff";
		}
		if(document.getElementById(bloque).style.display!="block"){
			expandirContraer(nombre);
		}
	}
	
	function selec_item_lista(nombre){
		var expl_act = nombre + "_expl";
		var expl_ant = nom_act + "_expl";

		var text_act = nombre + "_text";
		var text_ant = nom_act + "_text";
		var bloque = nombre + "_des"
		nom_ant=nom_act;
		nom_act=nombre;
//		alert(text_act + " " + text_ant);
		//Cambiamos la explicacion
		document.getElementById(expl_ant).style.display="none";
		document.getElementById(expl_act).style.display="block";
		//Ponemos el color al item seleccionado
		document.getElementById(text_act).style.backgroundColor="#cccccc";			
		if(nom_ant!="general"){
			document.getElementById(text_ant).style.backgroundColor="#ffffff";
		}
	}
	
	function expandirContraer(nombre){

		//La localización de las imagenes
		var image_menos = "images/icon_menos.jpg";
		var image_mas = "images/icon_mas.jpg";
		var image = "img_" + nombre;  	//La imagen que vamos a cambiar
		var bloque = nombre + "_des";	// El bloque que se va a mostrar/esconder
		if(document.getElementById(bloque).style.display!="block"){
			document.getElementById(bloque).style.display="block";			
			document.getElementById(image).src=image_menos;			
		}
		else{
			document.getElementById(bloque).style.display="none";
			document.getElementById(image).src=image_mas;			
		}
	}
	
	function seleccionar_general(){
		var expl_ant, text_ant;;
		nom_ant=nom_act;
		nom_act="general";
		expl_ant = nom_ant + "_expl";
		text_ant = nom_ant + "_text";
		document.getElementById("general_expl").style.display="block";
		document.getElementById(expl_ant).style.display="none";
		document.getElementById(text_ant).style.backgroundColor="#ffffff";
	}