var state = Array();

function openMenu ( id )
{
	document.getElementById(id).style.display = 'block';
}

function closeMenu ( id )
{
	document.getElementById(id).style.display = 'none';
}

function setState ( id, type, newState )
{
	//alert ( "Setting state " + type + " of " + id + " to " + newState);
	state[id][type] = newState;
	if ( state[id]['b'] == false && state[id]['m'] == false )
		closeMenu( 'submenu' + id );
	if ( state[id]['b'] == true || state[id]['m'] == true )
		openMenu( 'submenu' + id );

}

state['2'] = Array();
state['2']['b'] = false; state['2']['m'] = false;
document.getElementById('item2').onmouseover = function () { setState ('2', 'b', true) };
document.getElementById('item2').onmouseout = function() { setState  ('2', 'b', false) };
document.getElementById('submenu2').onmouseover = function() { setState ('2', 'm', true) };
document.getElementById('submenu2').onmouseout = function() { setState ('2', 'm', false) };