var _COLOR_BACKGROUND_NORMAL_ = "#eeeeee";
var _COLOR_BACKGROUND_SELECT_ = "#888888";
var _COLOR_BACKGROUND_MARK_   = "#79a6c9";
var _COLOR_FONT_NORMAL_       = "#777777";
var _COLOR_FONT_SELECT_       = "#ffffff";
var _COLOR_FONT_MARK_         = "#ffffff";

var id_menu_selected  = -1;
var id_menu_marked    = -1;
var id_submenu_showed = -1;

function menu_init(N)
{
	for(id=1;id<=N;id++)
	{
		document.getElementById("menu_opcion_separador"+id+'i').style.backgroundImage="url(img/menu_separador_0i.gif)";
		document.getElementById("menu_opcion_separador"+id+'d').style.backgroundImage="url(img/menu_separador_0d.gif)";
		document.getElementById("menu_opcion"+id).style.backgroundColor =_COLOR_BACKGROUND_NORMAL_;
		document.getElementById("menu_opcion"+id).style.color =_COLOR_FONT_NORMAL_;
	}
}

function menu_select(id)
{
	if (id_menu_selected == id) 
		return; 
	
	if (id_menu_selected != -1)
	{
		//sombra
		document.getElementById("menu_sombra_separador"+id_menu_selected+'i').style.backgroundImage="none";
		document.getElementById("menu_sombra_separador"+id_menu_selected+'d').style.backgroundImage="none";
		document.getElementById("menu_sombra"+id_menu_selected).style.backgroundColor ="#ffffff";
		//opción
		document.getElementById("menu_opcion_separador"+id_menu_selected+'i').style.backgroundImage="url(img/menu_separador_0i.gif)";
		document.getElementById("menu_opcion_separador"+id_menu_selected+'d').style.backgroundImage="url(img/menu_separador_0d.gif)";
		document.getElementById("menu_opcion"+id_menu_selected).style.backgroundColor =_COLOR_BACKGROUND_NORMAL_;
		document.getElementById("menu_opcion"+id_menu_selected).style.color =_COLOR_FONT_NORMAL_;
	}
	
	//sombra	
	document.getElementById("menu_sombra_separador"+id+'i').style.backgroundImage="url(img/menu_separador_1i.gif)";
	document.getElementById("menu_sombra_separador"+id+'d').style.backgroundImage="url(img/menu_separador_1d.gif)";
	document.getElementById("menu_sombra"+id).style.backgroundColor =_COLOR_BACKGROUND_SELECT_;
	
	//opción
	document.getElementById("menu_opcion_separador"+id+'i').style.backgroundImage="url(img/menu_separador_1i.gif)";
	document.getElementById("menu_opcion_separador"+id+'d').style.backgroundImage="url(img/menu_separador_1d.gif)";
	document.getElementById("menu_opcion"+id).style.backgroundColor =_COLOR_BACKGROUND_SELECT_;
	document.getElementById("menu_opcion"+id).style.color =_COLOR_FONT_SELECT_;
	id_menu_selected = id; 
}

function menu_mark(id)
{
	if (id_menu_marked == id) 
		return; 
		
	if (id_menu_marked != -1)
	{
		if (id_menu_marked != id_menu_selected)
		{
			//sombra	
			document.getElementById("menu_sombra_separador"+id_menu_marked+'i').style.backgroundImage="none";
			document.getElementById("menu_sombra_separador"+id_menu_marked+'d').style.backgroundImage="none";
			document.getElementById("menu_sombra"+id_menu_marked).style.backgroundColor ="#ffffff";
			
			//opción
			document.getElementById("menu_opcion_separador"+id_menu_marked+'i').style.backgroundImage="url(img/menu_separador_0i.gif)";
			document.getElementById("menu_opcion_separador"+id_menu_marked+'d').style.backgroundImage="url(img/menu_separador_0d.gif)";
			document.getElementById("menu_opcion"+id_menu_marked).style.backgroundColor =_COLOR_BACKGROUND_NORMAL_;
			document.getElementById("menu_opcion"+id_menu_marked).style.color =_COLOR_FONT_NORMAL_;
		}
		else
		{
		
			//sombra	
			document.getElementById("menu_sombra_separador"+id_menu_marked+'i').style.backgroundImage="url(img/menu_separador_1i.gif)";
			document.getElementById("menu_sombra_separador"+id_menu_marked+'d').style.backgroundImage="url(img/menu_separador_1d.gif)";
			document.getElementById("menu_sombra"+id_menu_marked).style.backgroundColor =_COLOR_BACKGROUND_SELECT_;
		
			//opción
			document.getElementById("menu_opcion_separador"+id_menu_marked+'i').style.backgroundImage="url(img/menu_separador_1i.gif)";
			document.getElementById("menu_opcion_separador"+id_menu_marked+'d').style.backgroundImage="url(img/menu_separador_1d.gif)";
			document.getElementById("menu_opcion"+id_menu_marked).style.backgroundColor =_COLOR_BACKGROUND_SELECT_;
			document.getElementById("menu_opcion"+id_menu_marked).style.color =_COLOR_FONT_SELECT_;
		
		}
	}
	
	/////////////////////////
	// quitar esto para marcar también el menú seleccionado
	id_menu_marked = -1;
	if (id == id_menu_selected)
		return;
	/////////////////////////
	
	//sombra	
	document.getElementById("menu_sombra_separador"+id+'i').style.backgroundImage="url(img/menu_separador_2i.gif)";
	document.getElementById("menu_sombra_separador"+id+'d').style.backgroundImage="url(img/menu_separador_2d.gif)";
	document.getElementById("menu_sombra"+id).style.backgroundColor =_COLOR_BACKGROUND_MARK_;	
	
	//opción
	document.getElementById("menu_opcion_separador"+id+'i').style.backgroundImage="url(img/menu_separador_2i.gif)";
	document.getElementById("menu_opcion_separador"+id+'d').style.backgroundImage="url(img/menu_separador_2d.gif)";
	document.getElementById("menu_opcion"+id).style.backgroundColor =_COLOR_BACKGROUND_MARK_;
	document.getElementById("menu_opcion"+id).style.color =_COLOR_FONT_MARK_;
	id_menu_marked = id; 
}

function menu_unmark(id)
{
	if (id_menu_marked == -1)
		return;
	
	if (id_menu_marked != id_menu_selected)
	{
		//sombra	
		document.getElementById("menu_sombra_separador"+id_menu_marked+'i').style.backgroundImage="none";
		document.getElementById("menu_sombra_separador"+id_menu_marked+'d').style.backgroundImage="none";
		document.getElementById("menu_sombra"+id_menu_marked).style.backgroundColor ="#ffffff";
			
		//opción
		document.getElementById("menu_opcion_separador"+id_menu_marked+'i').style.backgroundImage="url(img/menu_separador_0i.gif)";
		document.getElementById("menu_opcion_separador"+id_menu_marked+'d').style.backgroundImage="url(img/menu_separador_0d.gif)";
		document.getElementById("menu_opcion"+id_menu_marked).style.backgroundColor =_COLOR_BACKGROUND_NORMAL_;
		document.getElementById("menu_opcion"+id_menu_marked).style.color =_COLOR_FONT_NORMAL_;
	}
	else
	{
		//sombra	
		document.getElementById("menu_sombra_separador"+id_menu_marked+'i').style.backgroundImage="url(img/menu_separador_1i.gif)";
		document.getElementById("menu_sombra_separador"+id_menu_marked+'d').style.backgroundImage="url(img/menu_separador_1d.gif)";
		document.getElementById("menu_sombra"+id_menu_marked).style.backgroundColor =_COLOR_BACKGROUND_SELECT_;
		
		//opción
		document.getElementById("menu_opcion_separador"+id_menu_marked+'i').style.backgroundImage="url(img/menu_separador_1i.gif)";
		document.getElementById("menu_opcion_separador"+id_menu_marked+'d').style.backgroundImage="url(img/menu_separador_1d.gif)";
		document.getElementById("menu_opcion"+id_menu_marked).style.backgroundColor =_COLOR_BACKGROUND_SELECT_;
		document.getElementById("menu_opcion"+id_menu_marked).style.color =_COLOR_FONT_SELECT_;
	}
	id_menu_marked = -1; 
}

function submenu_show(id)
{
	if (id_submenu_showed != -1)
		document.getElementById("submenu"+id_submenu_showed).style.display="none";
		
	document.getElementById("submenu"+id).style.display="block";
	id_submenu_showed = id;
	menu_mark(id);
}

function submenu_hide(id)
{
	document.getElementById("submenu"+id).style.display="none";
	id_submenu_showed = -1;
	menu_unmark(id);
}

function load_on_frame(frameid, src)
{
	document.getElementById(frameid).src=src;
	document.getElementById(frameid).style.backgrounColor= _COLOR_FONT_SELECT_;
}