var menus = new Array('Hebergement', 'Deguster', 'Activites', 'Sortir', 'Decouvrir');
var menuClicked = -1;

function showRubrique(numMenu) {
	var num = numMenu + 1;
	
	$('sousMenu' + num).style.visibility = 'visible';
	$('td' + num).className = 'menu' + menus[numMenu] + '-on';
	if ($('sousMenu' + num).className != 'nothing') {
		$('td' + num).style.background = '#ffe039';
	} else {
		$('td' + num).style.background = 'url(images/fondMenu-on6.jpg)';
	}
	$('menu' + menus[numMenu]).className = 'menu' + menus[numMenu] + '-on';
	$('texte' + menus[numMenu]).className = 'texte' + menus[numMenu] + '-on';
	$('onglet' + num).style.display = 'block';
}
function hiddenRubrique(numMenu) {
	var num = numMenu + 1;
		
	$('sousMenu' + num).style.visibility = 'hidden';
	$('td' + num).className = 'menu' + menus[numMenu] + '-off';
	$('td' + num).style.background = 'none';
	$('menu' + menus[numMenu]).className = 'menu' + menus[numMenu] + '-off';
	$('texte' + menus[numMenu]).className = 'texte' + menus[numMenu] + '-off';
	$('onglet' + num).style.display = 'none';
}
function manageMenuClick(numMenu) {
	var num = numMenu + 1;
	var length = menus.length;
	for (var i = 0; i < length; i++) {
		if (i != numMenu) {
			hiddenRubrique(i);
		}
	}
	
	if (menuClicked == numMenu) {
		hiddenRubrique(numMenu);
		menuClicked = -1;
	} else {
		showRubrique(numMenu);
		menuClicked = numMenu;
	}
}

function manageMenuOver(numMenu) {
	if (menuClicked == -1) {
		var length = menus.length;
		for (var i = 0; i < length; i++) {
			if (i != numMenu) {
				hiddenRubrique(i);
			}
		}
		showRubrique(numMenu);
	}
}

function manageMenuOut(numMenu) {
	if (menuClicked == -1) {
		var length = menus.length;
		for (var i = 0; i < length; i++) {
			hiddenRubrique(i);
		}
	}
}	

window.onload = function() {
	$('menu' + menus[0]).onclick = function() {
		 manageMenuClick(0);
	}
	$('menu' + menus[1]).onclick = function() {
		manageMenuClick(1);
	}
	$('menu' + menus[2]).onclick = function() {
		manageMenuClick(2);
	}
	$('menu' + menus[3]).onclick = function() {
		manageMenuClick(3);
	}
	$('menu' + menus[4]).onclick = function() {
		manageMenuClick(4);
	}


	$('td1').onmouseover = function() {
		manageMenuOver(0);
	}
	$('td2').onmouseover = function() {
		manageMenuOver(1);
	}
	$('td3').onmouseover = function() {
		manageMenuOver(2);
	}
	$('td4').onmouseover = function() {
		manageMenuOver(3);
	}
	$('td5').onmouseover = function() {
		manageMenuOver(4);
	}
	
	$('sousMenu1').onmouseover = function() {
		manageMenuOver(0);
	}
	$('sousMenu2').onmouseover = function() {
		manageMenuOver(1);
	}
	$('sousMenu3').onmouseover = function() {
		manageMenuOver(2);
	}
	$('sousMenu4').onmouseover = function() {
		manageMenuOver(3);
	}
	$('sousMenu5').onmouseover = function() {
		manageMenuOut(4);
	}
	
	$('onglet1').onmouseover = function() {
		manageMenuOver(0);
	}
	$('onglet2').onmouseover = function() {
		manageMenuOver(1);
	}
	$('onglet3').onmouseover = function() {
		manageMenuOver(2);
	}
	$('onglet4').onmouseover = function() {
		manageMenuOver(3);
	}
	$('onglet5').onmouseover = function() {
		manageMenuOver(4);
	}
	
	$('td1').onmouseout = function() {
		manageMenuOut(0);
	}
	$('td2').onmouseout = function() {
		manageMenuOver(1);
	}
	$('td3').onmouseout = function() {
		manageMenuOver(2);
	}
	$('td4').onmouseout = function() {
		manageMenuOver(3);
	}
	$('td5').onmouseout = function() {
		manageMenuOver(4);
	}
	
	$('sousMenu1').onmouseout = function() {
		manageMenuOut(0);
	}
	$('sousMenu2').onmouseout = function() {
		manageMenuOut(1);
	}
	$('sousMenu3').onmouseout = function() {
		manageMenuOut(2);
	}
	$('sousMenu4').onmouseout = function() {
		manageMenuOut(3);
	}
	$('sousMenu5').onmouseout = function() {
		manageMenuOut(4);
	}
	
	$('onglet1').onmouseout = function() {
		manageMenuOut(2);
	}
	$('onglet2').onmouseout = function() {
		manageMenuOut(2);
	}
	$('onglet3').onmouseout = function() {
		manageMenuOut(2);
	}
	$('onglet4').onmouseout = function() {
		manageMenuOut(2);
	}
	$('onglet5').onmouseout = function() {
		manageMenuOut(2);
	}
}



function $(id) {
	return document.getElementById(id);
}