// JavaScript Document

var hRefMin = 20;
var hRefMax = 70;
var tPlus;
var tMoins;
var nbMenu = 7;

function resizePlus(id, hMin, hMax, step) {
	var nom = "menu" + id;
	var anim = document.getElementById(nom);
	anim.style.height = hMin + "px";
	hMin += step;
	
	if (hMin < hMax) {
		string = "resizePlus(" + id + ", " + hMin + ", " + hMax + ", " + ++step + ")";
		tPlus = setTimeout (string, 25);
	} else {
		clearTimeout(tPlus);
		anim.style.height = hMax + "px";
	}
}

function resizeMoins(id, hMin, hMax, step) {
	var nom = "menu" + id;
	var anim = document.getElementById(nom);
	anim.style.height = hMax + "px";
	hMax -= step;
	
	if (hMax > hMin) {
		string = "resizeMoins(" + id + ", " + hMin + ", " + hMax + ", " + ++step + ")";
		tMoins = setTimeout (string, 25);
	} else {
		clearTimeout(tMoins);
		anim.style.height = hMin + "px";
	}
}

function menuResize(id) {
	changeImg(id);
	for (i = 1; i <= nbMenu; i++) {
		var nom = "menu" + i;
		var anim = document.getElementById(nom);
		var h = anim.clientHeight;
		if (i == id) {
			if (h == hRefMin) {
				changeBg(i, 1);
				changeNav(i, 1);
				resizePlus(i, hRefMin, hRefMax, 1);
			}
		} else {
			if (h > hRefMin && i != idMenuOn) {
				changeBg(i, 0);
				changeNav(i, 0);
				resizeMoins(i, hRefMin, hRefMax, 1);
			}
		}
	}
}

function changeBg(id, etat) {
	var nom = "bg_nav" + id;
	document.getElementById(nom).className = (etat) ? 'bg_nav' + id + '_on' : 'bg_nav_off';
}

function changeNav(id, etat) {
	var nom = "nav" + id;
	document.getElementById(nom).style.visibility = (etat) ? 'visible' : 'hidden';
}

function changeImg(id) {
	document.images['img_menu1'].src = document.images['img_menu2'].src = eval('img_' + id + '.src');
}