var menu_timer;

function show_menu(nums)
{
	var i;
	var nums_str;
	var div_menu;
	var div_menu_item;
	var left_pos;
	var top_pos;

	clearTimeout(menu_timer);
	hide_menus_action(nums);
	nums_str = '';
	left_pos = 8;
	top_pos = 8;
	for(i=0; i<nums.length; i++) {
		nums_str = nums_str+'_'+nums[i];
		div_menu = document.getElementById('sub_menu'+nums_str);	
		div_menu_item = document.getElementById('menu_item'+nums_str);	
		left_pos += div_menu_item.clientWidth;
		if(i==0) {
			top_pos += (nums[i]-1)*div_menu_item.clientHeight;
			main_menu_item_over(div_menu_item);
		} else {
			top_pos += (nums[i]-1)*(div_menu_item.clientHeight+1);
			sub_menu_item_over(div_menu_item);
		}
		top_pos -= 2;
		left_pos -= 2;
		div_menu.style.left = left_pos+'px';
		div_menu.style.top = top_pos+'px';
		div_menu.style.zIndex = 1001 + i;
		div_menu.style.visibility = 'visible';
	}
}

function cancel_hide_menus()
{
	clearTimeout(menu_timer);
}

function hide_menus()
{
	menu_timer = setTimeout("hide_menus_action([])", 50);
}

function hide_menus_action(nums)
{
	var nodes;
	var i;
	var j;
	var nums_str;
	var hide_flag;
	var node_id;

	nodes = document.getElementById('menus').childNodes;
	for(i=0;i<nodes.length;i++) {
		if(nodes[i].nodeType==1) {
			node_id = nodes[i].id;
			if(node_id == 'main_menu') {
				menu_items_out(node_id);
			}
			if(node_id.substr(0, 9) == 'sub_menu_') {
				hide_flag = 1;
				nums_str = '';
				for(j=0;j<i && j<nums.length;j++) {
					nums_str = nums_str+'_'+nums[j];
					if(node_id.substr(8) == nums_str) hide_flag = 0;
				}
				if(hide_flag) {
					document.getElementById(node_id).style.visibility = 'hidden';
				}
				menu_items_out(node_id);
			}
		}
	}
}

function menu_items_out(name)
{
	var nodes;
	var node_id;
	var i;

	nodes = document.getElementById(name).childNodes;
	for(i=0;i<nodes.length;i++) {
		if(nodes[i].nodeType==1) {
			node_id = nodes[i].id;
			if(node_id.substr(0, 10) == 'menu_item_') {
				if(name == 'main_menu') {
					main_menu_item_out(document.getElementById(node_id));
				} else {
					sub_menu_item_out(document.getElementById(node_id));
				}
			}
		}
	}
}

function sub_menu_item_over(item)
{
	item.style.backgroundColor='#a8b1ce';
}

function sub_menu_item_out(item)
{
    item.style.backgroundColor = '#eee';
}

function main_menu_item_over(item)
{
	item.style.backgroundColor='#a8b1ce';
}

function main_menu_item_out(item)
{
	item.style.backgroundColor='#dce2f0';
}