// JavaScript Document
var nb_menu = 4;

function Menu_over(num)
{
	document.getElementById("menu_"+num).style.backgroundImage='url(images/menu_vert_button_over.png)';
}

function Menu_out(num)
{
	var active = document.getElementById("menu_activ").value;
	if (active != num) {
		document.getElementById("menu_"+num).style.backgroundImage='url(images/menu_vert_button.png)';
 }
}

function Menu_click(num)
{
  var active = document.getElementById("menu_activ").value;

	var active_height = parseInt(document.getElementById("menu_conteneur_"+active).style.height);
	var num_height = parseInt(document.getElementById("menu_conteneur_"+num).style.height);
	
	if (active_height == calcul_elem_height(active)) {


	if (active != num) {

		Menu_masq(active,calcul_elem_height(active));
		document.getElementById("menu_"+active).style.backgroundImage='url(images/menu_vert_button.png)';

 		Menu_view(num,calcul_elem_height(num));
		Menu_over(num);

		document.getElementById("menu_activ").value = num;
	}

	}
}

function calcul_elem_height(num)
{
	nb_elem = document.getElementById("menu_nb_"+num).value;
	total = 0;
	for(i=1;i<=nb_elem;i++) {
    height_elem = document.getElementById("menu_element_"+num+"_"+i).offsetHeight;
    total += height_elem;
	}

	total_height = total+3;
	return total_height;
}

function Menu_view(num,height)
{
	var count=0;
	for (i=0; i<=height; i++)
	{
		count++;
		toto_down = setTimeout('document.getElementById("menu_conteneur_'+num+'").style.height = "'+i+'px";',count*10);
	}
}

function Menu_masq(num,height)
{
	var count=0;
	for (i=height; i>=0; i=i-1)
	{
		count++;
		toto_up = setTimeout('document.getElementById("menu_conteneur_'+num+'").style.height = "'+i+'px";',count*10);
	}
}

function Menu_ini(num)
{
  document.getElementById("menu_activ").value = num;
  document.getElementById("menu_conteneur_"+num).style.height = calcul_elem_height(num)+"px";
  Menu_over(num);
}