var __timer; //timer for first-level submenu
var __timer2_hide = Array(); //timer for second-level submenu (for hiding submenu)
var __timer2_show = Array(); //timer for second-level submenu (for showing submenu)
var __overed_el = null; //variable for storing selected first-level submenu element
var __glob_el = null; //variable for storing second-level submenu element
var __first_timeout = 200; //fist-level submenu timeout
var __second_timeout = 200; //second-level submenu timeout


//return element by ID
function _getElement(_id){
	return document.getElementById(_id);
}


/*
 * FIRST LEVEL BEGIN
 */

//show firt-level submenu (real function)
function showSideSubmenu(_el){

	//if submenu is selected, hide it
	if (__overed_el != null) {
		hideSideSubmenu(__overed_el, true);
	}

	//store element to global variable and clear timer
	__overed_el = _el;
	clearTimeout(__timer);

	//display submenu
	div_arr = _el.getElementsByTagName('ul');
	if (!div_arr[0])
		return;
	div_arr[0].style.display = "block";

/*
	//set submenu button to mouseover
	a_arr = _el.getElementsByTagName('a');
    _lastChar=a_arr[0].id.substring(a_arr[0].id.length,a_arr[0].id.length-1);
	if (_lastChar=='S'){
	    _modChar=a_arr[0].id.substring(0,a_arr[0].id.length-1);
        _getElement(a_arr[0].id).style.background = "url(/env/images/buttonMenu"+_modChar+"O.gif) no-repeat bottom left";
	} else {
	    a_arr[0].style.background = "url(/env/images/buttonMenu"+a_arr[0].id+"O.gif) no-repeat bottom left";
	}
*/
}


//hide first-level submenu (dummy)
function hideSideSubmenu(_el, _now){
	div_arr = _el.getElementsByTagName('ul');
	a_arr = _el.getElementsByTagName('a');

	if (!div_arr[0] || !a_arr[0])
		return;

	//hide submenu now or with delay
	if (_now)
		_hideSideSubmenu(a_arr[0].id, div_arr[0].id);
	else
		__timer = setTimeout("_hideSideSubmenu('" + a_arr[0].id + "', '" + div_arr[0].id + "')", __first_timeout);
}

//hide first-level submenu (real function)
function _hideSideSubmenu(_a_id, _div_id){
	_getElement(_div_id).style.display = "none";
	_lastChar=_a_id.substring(_a_id.length,_a_id.length-1);
	if (_lastChar=='S'){
	    _modChar=_a_id.substring(0,_a_id.length-1);
        _getElement(_a_id).style.background = "url(/env/images/buttonMenu"+_modChar+"O.gif) no-repeat bottom left";
	} else {
	    _getElement(_a_id).style.background = "url(/env/images/buttonMenu"+a_arr[0].id+".gif) no-repeat bottom left";
	}
}
/*
 * FIRST LEVEL END
 */