var lanzar = new Array(8); //Hay 7 submenus, el 8 es para casos de error

$(document).ready(function()
{

	$("a.seccion_menu").hover(
		function()
		{
			var submenu = "submenu_" + this.id;

			var indice = idSubmenu(submenu);

			//ponemos todos los menus con z-index=2 y el seleccionado con z-index=3
			$('div.cabecerasub').css ('z-index','700');
			var elemento = "#" + submenu;
			$(elemento).css ('z-index','701');

			clearTimeout(lanzar[indice]);
			mostrarMenu(submenu, this.id);

		},
		function()
		{
			var submenu = "submenu_" + this.id;
			var indice = idSubmenu(submenu);

			//lanzar[indice] = setTimeout("ocultarMenu('" + submenu + "')",300);
			lanzar[indice] = setTimeout("ocultarMenu('" + submenu + "','" + this.id + "')",300);
		}
	);
	$('div.cabecerasub').hover(
		function()
		{
			var submenu = this.id;
			var indice = idSubmenu(submenu);

			//ponemos todos los menus con z-index=2 y el seleccionado con z-index=3
			$('div.cabecerasub').css ('z-index','700');
			var elemento = "#" + submenu;
			$(elemento).css ('z-index','701');

			clearTimeout(lanzar[indice]);
			mostrarMenu(submenu, this.id);
		},
		function()
		{
			var submenu = this.id;
			var indice = idSubmenu(submenu);
			var id_padre = indice + 1;

			//lanzar[indice] = setTimeout("ocultarMenu('" + submenu + "')",300);
			lanzar[indice] = setTimeout("ocultarMenu('" + submenu + "','" + id_padre + "')",0);
		}
	);
});

function ocultarMenu(submenu, id_padre)
{
	var elemento = "#" + submenu;
	var elemento_padre = "#" + id_padre;
	var elemento_span = "#span" + id_padre;
	var elemento_borde_izq = "#borde_izq" + id_padre;
	var elemento_borde_dch = "#borde_dch" + id_padre;
	$(elemento_padre).removeClass('boton_hover');
	$(elemento_span).removeClass('span_hover');
	$(elemento_borde_izq).removeClass('span_hover');
	$(elemento_borde_dch).removeClass('span_hover');

	//$(elemento).fadeOut(300);
	$(elemento).fadeOut(0);
	//$(elemento).hide("slow");
	//$(elemento).slideUp(600);
 }

function mostrarMenu(submenu, id_padre)
{
	var elemento = "#" + submenu;
	var elemento_padre = "#" + id_padre;
	var elemento_span = "#span" + id_padre;
	var elemento_borde_izq = "#borde_izq" + id_padre;
	var elemento_borde_dch = "#borde_dch" + id_padre;
	//para que el explorer 8 no haga el antialias
	//$(elemento).fadeTo(300,0.99);
	$(elemento).fadeTo(0,0.99);
	//$(elemento).show("slow");
	$(elemento_padre).addClass('boton_hover');
	$(elemento_span).addClass('span_hover');
	$(elemento_borde_izq).addClass('span_hover');
	$(elemento_borde_dch).addClass('span_hover');
	//$(elemento).fadeIn(300);
	//$(elemento).show("slow");
	//$(elemento).slideDown(600);

}


function idSubmenu(submenu){
	var indice;
	switch (submenu) {
		case 'submenu_1':
			indice = 0;
			break;
		case 'submenu_2':
			indice = 1;
			break;
		case 'submenu_3':
			indice = 2;
			break;
		case 'submenu_4':
			indice = 3;
			break;
		case 'submenu_5':
			indice = 4;
			break;
		case 'submenu_6':
			indice = 5;
			break;
		case 'submenu_7':
			indice = 6;
			break;
		default:
			indice = 7;
			break;
	}
	return indice;
}