/* Preparo los botones */
	var boton_over = Array();
	var boton_out = Array();

	boton_over['home'] = new Image();
	boton_out['home'] = new Image();
	boton_over['ayuda'] = new Image();
	boton_out['ayuda'] = new Image();
	boton_over['email'] = new Image();
	boton_out['email'] = new Image();
	boton_over['flag_es'] = new Image();
	boton_out['flag_es'] = new Image();
	boton_over['flag_va'] = new Image();
	boton_out['flag_va'] = new Image();
	boton_over['flag_en'] = new Image();
	boton_out['flag_en'] = new Image();
	
	boton_over['home'] = "/disenyo/img/ico_home_b.gif"
	boton_out['home'] = "/disenyo/img/ico_home_a.gif"
	boton_over['ayuda'] = "/disenyo/img/ico_ayuda_b.gif"
	boton_out['ayuda'] = "/disenyo/img/ico_ayuda_a.gif"
	boton_over['email'] = "/disenyo/img/ico_email_b.gif"
	boton_out['email'] = "/disenyo/img/ico_email_a.gif"
	boton_over['flag_es'] = "/disenyo/img/ico_flag_es_b.gif"
	boton_out['flag_es'] = "/disenyo/img/ico_flag_es_a.gif"
	boton_over['flag_va'] = "/disenyo/img/ico_flag_va_b.gif"
	boton_out['flag_va'] = "/disenyo/img/ico_flag_va_a.gif"
	boton_over['flag_en'] = "/disenyo/img/ico_flag_en_b.gif"
	boton_out['flag_en'] = "/disenyo/img/ico_flag_en_a.gif"

function btn_entra(objeto) { document.getElementById(objeto).src = boton_over[objeto]; return true; }
function btn_sale(objeto) { document.getElementById(objeto).src = boton_out[objeto]; return true; }

// Arrays para precargar imágenes de los botones pulsados
var botones       = Array();
var botones_over  = Array();
var botones_click = Array();

for(var cont_img = 1; cont_img <= 4; cont_img++) { 
  botones[cont_img] = new Image();
  botones[cont_img].src = ruta_botones+"boton"+cont_img+"a.gif"; 

  botones_click[cont_img] = new Image();
  botones_click[cont_img].src = ruta_botones+"boton"+cont_img+"b.gif";

  botones_over[cont_img] = new Image();
  botones_over[cont_img].src = ruta_botones+"boton"+cont_img+"c.gif";
}	

// ****************************************************************************** 
// Cuando la página esté cargada completamente, se llama a la función inicializar

window.onload=inicializar;

// Función que  que responde al evento window.onload
function inicializar()
{
	prepararMenus();
	return;
}

// Función que hace los preparativos para que funcionen los menús
function prepararMenus()
{
	var menu = null;
	var opcion = null;
	var enlace = null;

	// Si el navegador es antiguo, no se hace nada
	if (!document.getElementsByTagName || !document.getElementById) return;

	// Onjeto que corresponde al menún principal
	menu = document.getElementById("menu_principal");
		
	// Para cada uno de los hijos ...
	for (var i = 0; i < menu.childNodes.length; i++) 
	{
		if(menu.childNodes[i].nodeName=="LI")  // ... que sea un elemento LI
		{
			opcion = menu.childNodes[i];

			// Se buscan sus hijos...
			for (var j = 0; j < opcion.childNodes.length; j++) 
			{
				if(opcion.childNodes[j].nodeName=="A") // ... que sean un elemento A (los enlaces de los botones)
				{
					enlace = opcion.childNodes[j];

					enlace.onmouseover = opcionOver;	// Y se establecen los métodos a llamar en los eventos				
					enlace.onmouseout  = enlace.onblur = opcionOut;										
					enlace.onclick     = opcionClick;
				}				
			}			
		}
	}
}


function opcionOver() 
{		
	var submenu = null;
	var imagen = null;
	var indice_menu = 0;

	// Si el navegador es antiguo, no se hace nada
	if (!document.getElementsByTagName || !document.getElementById) return;

	submenu = this.parentNode;  // El submenu del botón
	imagen  = submenu.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0]; // La imagen del botón

	indice_menu = submenu.id.substring(submenu.id.length-1, submenu.id.length);

	// Mostrar la imagen OVER, sólo si el menú no está ya desplegado, si no no hacer nada
	if(!submenu.desplegado || submenu.desplegado == false)
	{
		imagen.src = botones_over[indice_menu].src;
	}

	return;
}


// Función que responde al evento onMouseOut de los enlaces de los botones
function opcionOut() 
{		
	var submenu = null;
	var imagen = null;
	var indice_menu = 0;

	// Si el navegador es antiguo, no se hace nada
	if (!document.getElementsByTagName || !document.getElementById) return;

	submenu = this.parentNode; // El submenu del botón		
	imagen  = submenu.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0]; // La imagen del botón
			
	// Mostrar la imagen inicial, sólo si el menú no está ya desplegado, si no no hacer nada
	if(!submenu.desplegado || submenu.desplegado == false)
	{
		indice_menu = submenu.id.substring(submenu.id.length-1, submenu.id.length);
		imagen.src = botones[indice_menu].src;		
//		imagen.src = imagen.src.substring(0, imagen.src.lastIndexOf(".")-1)+"a.gif";
	}

	return;
}


// Función que responde al evento onClick de los enlaces de los botones
function opcionClick() 
{
	var menu = null; 
	var submenu = null;
	var imagen = null;
	var indice_menu = 0;
	
	// Si el navegador es antiguo, no se hace nada y se devuelve true para ejecutar el enlace
	if (!document.getElementsByTagName || !document.getElementById) return true;

	// <ul> que es el padre de todos los botones
	menu = document.getElementById("menu_principal");
	
	// Para cada uno de los botones
	for (var i = 0; i < menu.childNodes.length; i++)				
	{
		if(menu.childNodes[i].nodeName=="LI")
		{ 
			// Se obtiene el submenú que cuelga del botón (ul)
			submenu = menu.childNodes[i];
			// Se busca la imagen y en caso de estar PULSADO, se pone la alterativa (NO pulsado)
			imagen  = submenu.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];				

			indice_menu = submenu.id.substring(submenu.id.length-1, submenu.id.length);

			// Si ES el botón QUE SE HA PULSADO
			if(submenu == this.parentNode) 
			{
				// SE CAMBIA LA CLASE (para mostrar/ocultar el menú)
				submenu.className = (!submenu.desplegado || submenu.desplegado == false)?"pulsado":"";
				// Se le cambia el estado
				submenu.desplegado = !submenu.desplegado;
			
				// Se busca la imagen y se pone la alterativa (pulsado/no pulsado)
				if(submenu.desplegado && submenu.desplegado == true)
				{ imagen.src = botones_click[indice_menu].src; }
				//{ imagen.src = imagen.src.substring(0, imagen.src.lastIndexOf(".")-1)+"b.gif"; }
				else
				{ imagen.src = botones_over[indice_menu].src; } 
				//{ imagen.src = imagen.src.substring(0, imagen.src.lastIndexOf(".")-1)+"c.gif"; }
			}
			else // Si NO es el botón QUE SE HA PULSADO
			{				
				if(submenu.desplegado && submenu.desplegado == true)
				{imagen.src = botones[indice_menu].src; } 
				//{ imagen.src = imagen.src.substring(0, imagen.src.lastIndexOf(".")-1)+"a.gif"; }

				// SE CAMBIA LA CLASE (para OCULTAR el menú)
				submenu.className = "";
				submenu.desplegado = false;							
			}			
		}
	}										
	return false;	// Para que no se acceda a la página que está referenciada en el enlace
}