if(document.all && !document.getElementById){document.getElementById=function(id){return document.all[id];}}


amainmenu = new Array();
amainmenu[0]= 'toutes les dates';
amainmenu[1]= 'par genre';
amainmenu[2]= 'par thème';
amainmenu[3]= 'par ville';
amainmenu[4]= 'par département';

asubmenu = new Array();

function DisplayMenu(submenu)
{		
	//alert('entering DisplayMenu');
	asubmenu=submenu;
	mainmenustr='<a id=mm'+0+' onMouseOver=activateMenuElement(0) href="/calendrier.php" class=uppermenu>'+amainmenu[0]+'</a><span class="uppermenu"> | </span>';
	for(i=1;i<amainmenu.length-1;i++) {
		mainmenustr += '<a id=mm'+i+' onMouseOver="DisplaySubMenu('+i+',-1)" class=uppermenu>'+amainmenu[i]+'</a><span class="uppermenu"> | </span>';
	}
	i = amainmenu.length-1;
	mainmenustr += '<a id=mm'+i+' onMouseOver="DisplaySubMenu('+i+',-1)" class=uppermenu>'+amainmenu[i]+'</a></span>';
	document.getElementById("mainmenudiv").innerHTML = mainmenustr;
}

function DisplaySubMenu(menu,sub)
{
	//alert('entering DisplaySubMenu');
	if (asubmenu[menu] == '') {
		document.getElementById("submenudiv").innerHTML = '';
		return;
	}
	
	activateMenuElement(menu);
		
	submenustr = '';
	for(i=0; i < asubmenu[menu].length-1; i++) {
		submenustr += '<a id=sm'+i+' onMouseOver=activateSubMenuElement('+menu+','+i+') href="'+asubmenu[menu][i][1]+'" class=lowermenu>'+asubmenu[menu][i][0]+'</a><span class="lowermenu"> | </span>';
	}
	i = asubmenu[menu].length-1;
	submenustr += '<a id=sm'+i+'  onMouseOver=activateSubMenuElement('+menu+','+i+') href="'+asubmenu[menu][i][1]+'" class=lowermenu>'+asubmenu[menu][i][0]+'</a>';
	document.getElementById("submenudiv").innerHTML = submenustr;
	activateSubMenuElement(menu,sub);
}

/* The uppermenu element that is sended is made active, and the other uppermenu elements are made inactive */
function activateMenuElement(menu)
{
	if (menu > -1) {
		for(i=0;i<amainmenu.length;i++) {
			if (menu != i) {
				document.getElementById('mm'+i).className = 'uppermenu';
				} else {
				document.getElementById('mm'+i).className = 'uppermenuactive';
				}
			}
		}
}

/* The lowermenu element that is sended is made active, and the other lowermenu elements are made inactive */
function activateSubMenuElement(menu,sub)
{
	if (sub > -1) {
		for(i=0;i<asubmenu[menu].length;i++) {
			if (sub != i) {
				document.getElementById('sm'+i).className = 'lowermenu';

				} else {
				document.getElementById('sm'+i).className = 'lowermenuactive'; 
				}
			}
		}
}