// Fonctions
function MenuItemOut(item,item_content) {
	MenuSetImg(current_item,'over');
	if(current_item == item) return;
	current_item.className = 'current';
	current_item_content.style.display = 'block';
	item.className = '';
	if(item_content)  item_content.style.display = 'none';
	MenuSetImg(item,'out');
}

function MenuItemOver(item,item_content) {
	if(current_item == item) return;
	if(item.childNodes[0].className == 'none') return;
	current_item.className = '';
	current_item_content.style.display = 'none';
	item.className = 'current';
	if(item_content) item_content.style.display = 'block';
	MenuSetImg(current_item,'out');
	MenuSetImg(item,'over');
}

function MenuSetImg(item,classKeep) {
	var img = item.getElementsByTagName('img');
	if(img.length == 1) return;
	for(var i = 0; i < img.length; i++)
	{
		if(img[i].className != classKeep) img[i].style.display = 'none';
		else img[i].style.display = '';
	}
}

// Liste les éléments du menu
var items = document.getElementById('topmenu').getElementsByTagName('li');
var items_content = document.getElementById('menucontent').getElementsByTagName('div');

// Parcours les éléments du menu
for(var i = 0; i<items.length; i++)
{
	// Elements de la page en cours
	var current_item;
	var current_item_content;

	// items en cours de lecture
	var item = items[i];
	var item_content = document.getElementById(item.getAttribute('id')+'_content');

	// Détectiond es items de la page en cours
	if(item.className == 'current')
	{
		current_item = item;
		current_item_content = document.getElementById(item.getAttribute('id')+'_content');
		current_item_content.style.display = 'block';
		MenuSetImg(current_item,'over');
	}
	else
	{
		if(item_content) item_content.style.display = 'none';
		// Masque les images over
		MenuSetImg(item,'out');
	}

	// Item over
	item.onmouseover = function(item,item_content) { return function() {
		MenuItemOver(item,item_content);
	}}(item,item_content);

	// Item out
	item.onmouseout = function(item,item_content) { return function() {
		MenuItemOut(item,item_content);
	}}(item,item_content);

	// Content over
	if(item_content) item_content.onmouseover = function(item,item_content) { return function() {
		MenuItemOver(item,item_content);
	}}(item,item_content);

	// Content out
	if(item_content) item_content.onmouseout = function(item,item_content) { return function() {
		MenuItemOut(item,item_content);
	}}(item,item_content);

	item.onclick = function(item) { return function() {
		var link = item.getElementsByTagName('a')[0];
		window.location.href = link.href;
	}}(item);
}