MENU HORIZONTAL BASIQUE. CODE SIMPLE ET CLAIR. IDEAL POUR PERSONNALISATION.

// BlackWizzard's Simple JS Menu
// 

///////////////////
// Config
///////////////////

var config= new Array()
config["menu_separator"] 				= " - ";
config["submenu_separator"] 				= " - ";
config["menu_class"] 					= "menu";
config["submenu_class"] 				= "rate";



///////////////////
// Editable zone
///////////////////
var topMenu= new Array()

var tempSubMenu = new Array();
tempSubMenu["events"] = "events.html";
tempSubMenu["by night"] = "night.html";
topMenu["Vie Etudiante"] = tempSubMenu;

var tempSubMenu = new Array();
tempSubMenu["Events"] = "events/bde.html";
tempSubMenu["Photos/Videos"] = "medias/bde.html";
topMenu["BDE"] = tempSubMenu;


///////////////////
// menu builder
///////////////////

var menu_output = "";
var item_counter = 0;
var item_number = 0;

// array.length ne fonctionne pas avec un array à 2 dimension... je ne sais pas pourquoi.
// donc, calcul de la longueur à la barbare.
for (title in topMenu) {
	item_number++;
}


for (title in topMenu) {
	item_counter++;
	menu_output += "<a href=\"javascript:return true;\" class=\""+config["menu_class"]+"\" ";
	menu_output += "onMouseOver=\"javascript:bw_show_submenu(topMenu,'"+title+"')\">";
	menu_output += title;
	menu_output += "</a>";
	if (item_counter != item_number) {
		menu_output += config["menu_separator"];
	}
}



///////////////////
// menu output
///////////////////
function load_bw_menu() {
	document.write(menu_output);
}
function bw_show_submenu(array,menu) {
	document.getElementById('bw_submenu').innerHTML = bw_output_submenu(array[menu]);
}
function bw_output_submenu(array) {
	var submenu_output = "";
	var item_counter = 0;
	var item_number = 0;
	
	for (title in array) {
		item_number++;
	}
	
	
	for (title in array) {
		item_counter++;
		submenu_output += "<a href=\""+array[title]+"\" class=\""+config["submenu_class"]+"\" >";
		submenu_output += title;
		submenu_output += "</a>";
		if (item_counter != item_number) {
			submenu_output += config["submenu_separator"];
		}
	}
	return submenu_output;
}