var usePictures = 0; // use pictures?  1 = yes, 0 = no

function picopen(n) {
	pic = ('pic' + n);

	document.getElementById(pic).src = "opened.gif";
}

function picclose(n) {
	pic = ('pic' + n);

	document.getElementById(pic).src = "closed.gif";
}

function toggle(n, total_items, num_subitems) {
	if (num_subitems > 0) {
		menu = ('submenu' + n);

		if (document.getElementById(menu).style.visibility == "visible") {
			document.getElementById(menu).style.visibility = "hidden";

			if (usePictures) {
				picclose(n);
			}

			for (var i = (n + 1); i < total_items; i++) {
				document.getElementById('title' + i).style.top = (parseInt(document.getElementById('title' + i).style.top.replace ("px", "")) - document.getElementById('submenu' + n).offsetHeight - 5) + "px";
				document.getElementById('submenu' + i).style.top = (parseInt(document.getElementById('submenu' + i).style.top.replace ("px", "")) - document.getElementById('submenu' + n).offsetHeight - 5) + "px";
			}
		}
		else {
			document.getElementById(menu).style.visibility = "visible";

			if (usePictures) {
				picopen(n);
			}

			for (var i = (n + 1); i < total_items; i++) {
				document.getElementById('title' + i).style.top = (parseInt(document.getElementById('title' + i).style.top.replace ("px", "")) + document.getElementById('submenu' + n).offsetHeight + 5) + "px";
				document.getElementById('submenu' + i).style.top = (parseInt(document.getElementById('submenu' + i).style.top.replace ("px", "")) + document.getElementById('submenu' + n).offsetHeight + 5) + "px";
			}
		}
	}
}

function organize_menu(num_items, p_offset) {
	document.getElementById('title0').style.top = p_offset + 'px';
	document.getElementById('title0').style.visibility = "visible";

	for (x = 1; x < num_items; x++) {
		document.getElementById('title' + x).style.top = (parseInt(document.getElementById('title' + (x - 1)).style.top.replace ("px", "")) + document.getElementById('title' + (x - 1)).offsetHeight + 5) + 'px';
		document.getElementById('submenu' + (x - 1)).style.top = document.getElementById('title' + x).style.top;
		document.getElementById('title' + x).style.visibility = "visible";
	}

	document.getElementById('submenu' + (x - 1)).style.top = (parseInt(document.getElementById('title' + (x - 1)).style.top.replace ("px", "")) + document.getElementById('title' + (x - 1)).offsetHeight + 5) + 'px';
}