var color_menu_izq_on = "#F2EBE5";
var color_text_menu_izq_on = "#000000";
var color_text_menu_izq_off = "#FFFFFF";

function Hide_Divs(div_prefix,total_items){
	//Hace invisibles las divs creadas usando indices
	//Ocultamos imagenes
	for(i = 0; i < total_items; i++){
		eval(div_prefix + i + ".style.display = 'none'");
	}
}

var bTranState = 0;

//elemento de menu derecho activo en cada momento
var active_item = "";

function ShowItem(container,div_toshow,div_tohide,playfilter){

	//Hace visible una div, aplicando un efecto en la transicion

	//Parametros:
	//Container		-> Div que contiene a las divs que van cambiando. Necesario para aplicar el efecto
	//div_toshow	-> id de lo que queremos mostrar
	//div_tohide	-> id de la div que queremos ocultar (opcional)
	//playfilter		-> con esto indicamos si queremos que se haga el efecto de transicion (true/false)
	
	//alert(container);alert(div_toshow);alert(div_tohide);
	
	container	= document.getElementById(container);
	id1			= document.getElementById(div_toshow);
	if(div_tohide != ""){
		id2			= document.getElementById(div_tohide);
	}

	if (playfilter){
		container.filters[0].enabled = true;
		container.filters[0].Apply();
	}
    
	id1.style.display="block"; 
	if(div_tohide != ""){
		id2.style.display="none";
	}

	if (playfilter){
		container.filters[0].Play();
	}
}

function update_menu(td_id,total_items){
	//Marcamos un elemento de menu
	//td_id -> id del td que hemos pulsado
	//total items -> numero total de elementos que tiene el menu de la izquierda (para marcar/desmarcar/dejar uno marcado)

	/*td	= document.getElementById(td_id);
	alert(td);
	if(td != null){
		//desmarcar opciones y marcar la activa
		for (i = 0; i < total_items; i ++){
			object = document.getElementById("td"+i);
			object .style.backgroundColor="";
		}
		
		//marcamos el elemento activo
		td.style.backgroundColor=color_menu_izq_on;
		//y guardamos para que se quede
		active_item = td.id;
	}*/
	active_item = td_id;
}

function update_menu_old(td_id,total_items){
	//Marcamos un elemento de menu
	//td_id -> id del td que hemos pulsado
	//total items -> numero total de elementos que tiene el menu de la izquierda (para marcar/desmarcar/dejar uno marcado)

	td	= document.getElementById(td_id);
	//desmarcar opciones y marcar la activa
	for (i = 0; i < total_items; i ++){
		object = document.getElementById("td"+i);
		object .style.backgroundColor="";
	}
		
	//marcamos el elemento activo
	td.style.backgroundColor=color_menu_izq_on;
	//y guardamos para que se quede
	//active_item = td.id;
	active_item = td_id;
}

function SetFocus(objeto){
	if (objeto.id != active_item){
		objeto.style.backgroundColor=color_menu_izq_on;
		objeto.style.color=color_text_menu_izq_on;
	}
}

function LostFocus(objeto){
	if (objeto.id != active_item){
		objeto.style.backgroundColor="";
		objeto.style.color=color_text_menu_izq_off;
	}
}