var active_parent_id = '';
var active_menu_id = '';
var hide_menu_delay = 250;
var hide_menu_in_progress = 0;

function showMenu(obj) {
	hideMenu(0);

	active_parent_id = obj.id;
	document.getElementById(active_parent_id).className = 'selected';

	active_menu_id = 'sub_' + obj.id;
	var menu = document.getElementById(active_menu_id);
	menu.style.left = getLeft(obj) + 'px';
	menu.style.visibility = 'visible';
}

function hideMenu(delay) {
	if (typeof delay == "undefined") {
		delay = hide_menu_delay;
	}

	if (active_menu_id != '') {
		if (delay > 0) {
			hide_menu_in_progress = 1;
			setTimeout('hideMenu(0);', delay);
		} else {
			if (hide_menu_in_progress == 1) {
				hide_menu_in_progress = 0;
				document.getElementById(active_menu_id).style.visibility = 'hidden';

				if (active_parent_id != '') {
					document.getElementById(active_parent_id).className = '';
				}
			}
		}
	}
}

function getLeft(obj) {
	var offset = obj.offsetLeft;
	var parent = obj.offsetParent;

	while (parent != null) {
		offset = offset + parent.offsetLeft;
		parent = parent.offsetParent;
	}

	return offset;
}