//animate the opening of the Menu 
function openMenu(univers) {
	univers.addClass('extended').removeClass('collapsed');
	univers.slideDown();
}
//animate the closing of the Menu 
function closeMenu(univers) {
	univers.addClass('collapsed').removeClass('extended');
	univers.slideUp();
}

//animate the closing or opening of the Menu 
function toggleMenu(id_menu) {
	var univers = $('#univers_'+id_menu);
	var extended_menu = document.getElementById('extended_univers');
	if(univers.hasClass('extended')){
		closeMenu(univers);
		$('#td_'+extended_menu.value).removeClass('selected');
		extended_menu.value='';
	}
	else{
		if(extended_menu.value != ''){
			closeMenu($('#univers_'+extended_menu.value));
			$('#td_'+extended_menu.value).removeClass('selected');
		}
		openMenu(univers);
		$('#td_'+id_menu).addClass('selected');
		extended_menu.value=id_menu;
	}
}
//when the page is loaded...
$(document).ready(function () {
	//to do not execute this script as much as it's called...
	if(!$('#menu_top').hasClass('dynamized'))
	{
	//add a fonction on clicks on menu
		$('#menu_top tr.menu_title td.have_child span').removeClass('collapsed');
		$('#menu_top tr.menu_title td.have_child a').addClass('collapsed');
		$('#menu_top tr.menu_title td.have_child').click(function(){
			toggleMenu(this.getAttribute('id').substring(3));
		});
		/*$('#menu_top .menu_title span').removeClass('collapsed');
		$('#menu_top .menu_title a').addClass('collapsed');
		$('#menu_top .menu_title span').click(function(){
			toggleMenu(this.getAttribute('id').substring(5));
		});*/
		//mark this '#menu_top' element as already 'dynamized'
		$('#menu_top').addClass('dynamized');
	}
});