// generator: o-Design

// design:nav_2 #20
var menuOpened_20 = []
var timeoutId_20 = 0
var currentMenu_20 = 0

function menu_20(id, isActive){
	this.id = id
	this.isActive = isActive
}
function open_20(id, isActive){
	if(id == currentMenu_20) return clearTimeout(timeoutId_20)
	
	reset_20()
	if(!isActive) over_20(id)
	menuOpened_20.push(new menu_20(id, isActive))
	currentMenu_20 = id
	
	if(!$('submenu_20_' + id).getElementsByTagName('TD').length) return
	
	$('submenu_20_' + id).show()
	var pos = $('i20_' + id).cumulativeOffset()
	pos.top += $('i20_' + id).getHeight()
	$('submenu_20_' + id).setStyle({left: pos.left+'px', top: pos.top+'px'})
}
function reset_20(){
	var menu
	while(menuOpened_20.length){
		menu = menuOpened_20.pop()
		hide_20(menu.id, menu.isActive, true)
	}
	if(timeoutId_20) clearTimeout(timeoutId_20)
	currentMenu_20 = 0
}
function hide_20(id, isActive, hideNow){
	if(hideNow){
		$('submenu_20_' + id).hide()
		if(timeoutId_20){
			clearTimeout(timeoutId_20)
			timeoutId_20 = 0
		}
		currentMenu_20 = 0
		if(!isActive) out_20(id)
	}
	else timeoutId_20 = window.setTimeout('hide_20('+id+', '+(isActive ? 'true' : 'false')+', true)', 400)
}
function over_20(id, isSub){
	$('i20_' + id).className = isSub ? 'scia_20' : 'cia_20';
	$('il20_' + id).className = isSub ? 'scial_20' : 'cial_20';
}
function out_20(id, isSub){
	$('i20_' + id).className = isSub ? 'sci_20' : 'ci_20';
	$('il20_' + id).className = isSub ? 'scil_20' : 'cil_20';
}