var nom = 0; // Number of menus
var usePictures = 1; // use pictures?  1 = yes, 0 = no

var ttls = new Array(); // An array for the title objects
var subs = new Array(); // An array for the submenu objects
var lastn;
var lastmove;

var leftmenuPicsPath = "image/leftmenu/";


visible = 'visible';
hidden = 'hidden';


function init(n){
	nom = n;
	for (var i = 1; i <= nom; i++) {
		ttls[i] = ('cattitle' + i);
		subs[i] = ('catmenu' +i);
	}
}

function picopen(n) {
	pic = ('pic' + n);
	document.getElementById(pic).src = leftmenuPicsPath+"fleche.gif";
}

function picclose(n) {
	pic = ('pic' + n);
	document.getElementById(pic).src = leftmenuPicsPath+"spacer.gif";
}

lastn = (nom + 1);
lastmove = 0;

function lasttoggle(n,move) {
	if (n <= nom) {
		submenu = document.getElementById(subs[n]).style;
		if (submenu.visibility == visible) {
			submenu.visibility = hidden;
			picclose(n); // Remove this if you don't use pictures
			for (var i = (n+1); i <= nom; i++) {
				changeTop(ttls[i], -move);
				changeTop(subs[i], -move);
			}
		}
	}
}

function toggle(n,move) {
	submenu = document.getElementById(subs[n]).style;
	if (submenu.visibility == visible) {
		submenu.visibility = hidden;
		if (usePictures) picclose(n);
		for (var i = (n+1); i <= nom; i++) {
			changeTop(ttls[i], -move);
			changeTop(subs[i], -move);
		}
	}
	else {
		submenu.visibility = visible;
		if (usePictures) picopen(n);
		if (lastn != n) {
			lasttoggle(lastn,lastmove);
		}
		for (var i = (n+1); i <= nom; i++) {
			changeTop(ttls[i], +move);
			changeTop(subs[i], +move);
		}
	}
	lastn = n;
	lastmove = move;
}

function changeTop(element, intValue){
	var topValue = document.getElementById(element).style.top;
	if (value=parseInt(topValue)){
		value += intValue;
		value += "px";
		document.getElementById(element).style.top = value;
	}
//	alert("Value: " + value);
}