/******************* FONCTION ***************************/

/*
 *  affiche ou non le sous menu
 *  id = identification
 *  action = 1 -> block
 */
var toggleMenu = function(id, action){
	var menu = document.getElementById("sub_" + id);
	
	if (menu.id.indexOf("nav") >= 0){
		menu = menu.firstChild;
		while(menu.className != "submenu"){
			menu = menu.nextSibling;
		}
	}
	var title = menu.previousSibling;
	if (action == 1)
	{
		menu.style.display = 'block';
		title.style.color= "#FFFFFF";
		title.style.backgroundColor = "#666666";
		title.style.borderColor = "#666666";
	}
	else
	{
		menu.style.display = 'none';
		title.style.color= "#666666";
		title.style.backgroundColor = "#FFFFFF";
		title.style.borderColor = "#FFFFFF";
	}
}

/*
 *  Adapte la taille de la cellule en fonction du texte
 *  id = identification
 */
var setSize = function(id){
	var menu = document.getElementById("sub_" + id);
	var size = 0;
	
	if (menu.id.indexOf("nav") >= 0){
		menu = menu.firstChild;
		while(menu.className != "submenu"){
			menu = menu.nextSibling;
		}
	}
	menu.style.width = sizeMenu[id];
}

/********************************************************/
var initMenu = function() {
	for (val in mainMenu)
	{
		if (val != 0)
		{
			document.write("<li style='PADDING-TOP: 3px'>|</li>");
		}
		if (subMenu[val].length > 0)
		{
			document.write('<li id="nav_'+val+'" class="nav_main"  onMouseOver = "toggleMenu('+ val+',1)" onMouseOut = "toggleMenu('+ val+',0)" >');
		}
		else
		{
			document.write('<li id="nav_'+val+'" class="nav_main">');
		}
		document.write(mainMenu[val]);
		if (subMenu[val].length > 0)
		{
			document.write('<ul id="sub_'+ val +'" class="submenu_main" onMouseOver = "toggleMenu('+ val+',1)" onMouseOut = "toggleMenu('+ val+',0)">');
			for (subval in subMenu[val])
			{
				document.write('<li>');
				document.write(subMenu[val][subval]);
				document.write('</li>');
			}
			document.write('</ul>');
			setSize(val);
		}
		document.write('</li>');
	}
}