// ####################### v2 ##########################


/* Cambia el color cuando se pasa el raton por encima de los botones que no disponen de submenu */

function changeColorOver(boton_id)
{
//  	alert(boton);
 	menu=document.getElementById(boton_id);
	menu.style.background="#495788";
}

// Vuelve ha restablecer el color original cuando se quita el raton de encima de los botones

function changeColorOut(boton_id)
{
	menu=document.getElementById(boton_id);
	menu.style.background="#76A0D2";
}



var submenus = new Array("submenu_2","submenu_5");
var botones = new Array ("boton_2","boton_5");
var empezar = false
var retardo;
var ocultar;  // Se almacenara la capa que se encuentra a punto de ser ocultada

function muestra_submenu(submenu_id)
{
	document.getElementById(submenu_id).style.display="";
// 	cortina(submenu_id);

}

function oculta_submenu(submenu_id)
{
	document.getElementById(submenu_id).style.display="none";
}

// Recibe la capa que se tiene que mostrar. Primero hace un recorrido para ocultar todas las capas y luego muestra la que recibe por parámetro. 
// También anula cualquier acción planificada de ocultar una capa, con la función clearTimeout() a la que se le pasa la variable "retardo". 

function muestra_coloca(submenu)
{
	if (empezar)
	{
		for (i=0;i<submenus.length;i++)
		{
			if (submenus[i] != submenu) oculta_submenu(submenus[i])
		}
	clearTimeout(retardo);
	muestra_submenu(submenu);
	}
} 

// Funcion que retrasa la ejecucion de oculta_submenu para que cuando se cambie de sitio 
// el raton no se cierre el submenu antes de poder acceder a el.

function oculta_retarda(submenu)
{
	if (empezar)
	{
		ocultar =submenu;
		clearTimeout(retardo);
		retardo = setTimeout("oculta_submenu('" + ocultar + "')",1000);
	}
} 

function muestra_retarda(ind)
{
	if (empezar)
	{
		clearTimeout(retardo)
	}
} 

// Cambia el color del boton cuando se pasa el raton por encima de los botones que disponen de submenu
// despues llama a la funcion para visualizar el submenu correspondiente a la sección.

function changeColorOver_submenu(boton_id, submenu_id)
{
 	menu=document.getElementById(boton_id);
	menu.style.background="#495788";
	muestra_coloca(submenu_id);
}

function changeColorOut_submenu(boton_id, submenu_id)
{
 	menu=document.getElementById(boton_id);
	menu.style.background="#76A0D2";
	oculta_retarda(submenu_id);
}

// ############# Creación del movimiento para calcular diferentes parametros de la cortinilla ha utilizar ################


// variables globales para guardar en todo momento el recorte correspondiente, que debe aplicarse en la capa para mostrar la animación

clip_top = 0;
clip_right = 280;
clip_bottom = 0;
clip_left = 0;

// Tenemos que saber cuándo hemos mostrado la capa entera, para poder terminar el bucle, por eso se define esta variable que
// guarda el maximo clip que se tiene que hacer.

maximo_clip_bottom = 90;

function cortina(){
    clip_bottom += 1;
    clip_bottom = clip_bottom % maximo_clip_bottom;
    xClip (submenu, clip_top, clip_right, clip_bottom, clip_left);
    setTimeout("cortina()",25);
} 
 
			
window.onload = function() 
{
	empezar = true;
}