// generator: o-Design

// design:nav_graphic_2 #10
var menuOpened_10 = []
var timeoutId_10 = 0
var currentMenu_10 = 0

function menu_10(id, isActive){
	this.id = id
	this.isActive = isActive
}
function open_10(id, isActive){
	if(id == currentMenu_10) return clearTimeout(timeoutId_10)
	
	reset_10()
	if(!isActive) over_10(id)
	menuOpened_10.push(new menu_10(id, isActive))
	currentMenu_10 = id
	
	if(!$('submenu_10_' + id).getElementsByTagName('TD').length) return
	
	$('submenu_10_' + id).show()
	var pos = $('i10_' + id).cumulativeOffset()
	pos.top += $('i10_' + id).getHeight()
	$('submenu_10_' + id).setStyle({left: pos.left+'px', top: pos.top+'px'})
}
function reset_10(){
	var menu
	while(menuOpened_10.length){
		menu = menuOpened_10.pop()
		hide_10(menu.id, menu.isActive, true)
	}
	if(timeoutId_10) clearTimeout(timeoutId_10)
	currentMenu_10 = 0
}
function hide_10(id, isActive, hideNow){
	if(hideNow){
		$('submenu_10_' + id).hide()
		if(timeoutId_10){
			clearTimeout(timeoutId_10)
			timeoutId_10 = 0
		}
		currentMenu_10 = 0
		if(!isActive) out_10(id)
	}
	else timeoutId_10 = window.setTimeout('hide_10('+id+', '+(isActive ? 'true' : 'false')+', true)', 400)
}
function over_10(id, isSub){
	$('i10_' + id).className = isSub ? 'scia_10' : 'cia_10';
	if(isSub) $('il10_' + id).className = 'scial_10';
	else{
		var img = $('il10_' + id).down('img')
		if(img && img.getAttribute('toggle') && img.src.indexOf('active=0') >= 0){
			img.src = img.src.gsub('active=0', 'active=1')
		}
	}
}
function out_10(id, isSub){
	$('i10_' + id).className = isSub ? 'sci_10' : 'ci_10';
	if(isSub) $('il10_' + id).className = 'scil_10';
	else{
		var img = $('il10_' + id).down('img')
		if(img && img.getAttribute('toggle') && img.src.indexOf('active=1') >= 0){
			img.src = img.src.gsub('active=1', 'active=0')
		}
	}
}

// design:nav_graphic #12

function over_12(id){
	$('i12_' + id).className = 'cia_12';
}

function out_12(id){
	$('i12_' + id).className = 'ci_12';
}

// design:nav_1 #21
Event.observe(document, '1site1:domloaded', function(){
	$('e_21').select('td.ci_21').each(function(td){
		var a = td.down('a')
		td.observe('mouseover', function(e){
			Event.stop(e)
			td.className = 'cia_21'
			a.className = 'cial_21'
		})
		td.observe('mouseout', function(e){
			Event.stop(e)
			td.className = 'ci_21'
			a.className = 'cil_21'
		})
		td.observe('click', function(){
			if(td.clickIsBubble != true) document.location = a.href.match(/^(http|https):/) ? a.href : document.location.baseHref + a.href
		})
		a.observe('click', function(e){
			td.clickIsBubble = true
		})
	})
})