var active_menu, active_submenu, current_menu, menu_showing, menu_out_timer;
function my_overlay(elm) {
	li = elm.parentNode;
	if( menu_out_timer ) {
		clearTimeout(menu_out_timer);
		menu_out_timer = null;
	}
	if( menu_showing && current_menu != active_menu ) {
		var ul = current_menu.getElementsByTagName('ul');
		if( 0 < ul.length ) {
			ul[0].style.display = 'none';
		}
	}
	current_menu = li;
	if(active_menu && current_menu != active_menu) { active_menu_off(); }
//	if( !active_menu || current_menu != active_menu ) {
		var ul = li.getElementsByTagName('ul');
		if( 0 < ul.length ) {
			ul[0].style.display = 'block';
		}
		if( active_menu && current_menu != active_menu ) {
			var ul = active_menu.getElementsByTagName('ul');
			if( 0 < ul.length ) {
				ul[0].style.display = 'none';
			}
		}
		if( document.all && !window.opera ) {
			// for IE
			png = document.getElementById('png-overlay');
			png.style.display= 'block';
			png.style.left = li.offsetLeft + 'px';
		} else {
			for( i=1; i <= 4; i++ ) {
				tmp = document.getElementById('opt'+i);
				tmp.className = tmp.className.replace('overlay','');
			}
			if( !li.className.match('overlay')) { li.className += ' overlay'; }
		}
		menu_showing = true;
//	}
}
function my_normalize(elm) {
	li = ('li' == elm.tagName.toLowerCase()) ? elm : elm.parentNode;
	if( !active_menu || current_menu != active_menu ) {
		if(li.id.match('opt')) {
			menu_out_timer = setTimeout('menu_exit();',50);
		} else {
			// restore active sub_menu
		}
	}
}
function menu_exit() {
		li = current_menu;
		var ul = li.getElementsByTagName('ul');
		if( 0 < ul.length ) {
			ul[0].style.display = 'none';
		}
		if( active_menu ) {
			var ul = active_menu.getElementsByTagName('ul');
			if( 0 < ul.length ) {
				ul[0].style.display = 'block';
			}
		}
		if( document.all && !window.opera ) {
			// for IE
			document.getElementById('png-overlay').style.display= 'none';
		} else {
			li.className = li.className.replace('overlay', '');
		}

		menu_showing = false;
		menu_out_timer = null;
		active_menu_on();
}

function active_menu_off() {
	if( active_menu ) {
		active_menu.className    = active_menu.className.replace('active','');
		active_menu.className    = active_menu.className.replace('overlay','');
		active_submenu.className = active_submenu.className.replace('active','');
		var img = active_submenu.getElementsByTagName('img')[0];
	}
}
function active_menu_on() {
	if( active_menu ) {
		active_menu.className    = 'active';
		active_submenu.className = 'active';
		var ul = active_menu.getElementsByTagName('ul');
		if( 0 < ul.length ) {
			//ul[0].style.display = 'block';
		}
		var img = active_submenu.getElementsByTagName('img')[0];
		if(!img.src.match('-over.png')) {
			img.src = img.src.replace('.png', '-over.png')
		}
		if( document.all && !window.opera ) {
			// for IE
			png = document.getElementById('png-overlay');
			png.style.display= 'block';
			png.style.left = active_menu.offsetLeft + 'px';
		} else {
			if( !active_menu.className.match('overlay')) { active_menu.className += ' overlay'; }
		}
	}
}

function menu_over( elm ) {
	menu_showing = true;
	var img = elm.getElementsByTagName('img')[0];
	if( !img.src.match('-over.png')) {
		img.src = img.src.replace('.png', '-over.png');
	}
	if( menu_out_timer ) {
		clearTimeout(menu_out_timer);
		menu_out_timer = null;
	}
}

function menu_out(elm) {
	var img = elm.getElementsByTagName('img')[0];
	if(img.src.match('-over.png')) {
		img.src = img.src.replace('-over.png', '.png')
	}
	menu_out_timer = setTimeout('menu_exit();',50);
}

function toggle_languageSelector(elm) {
	var ul = document.getElementById('language-selector').getElementsByTagName('ul')[0];
	klass = ul.className;
	ul.className = ( klass.match('invisible')) ? '' : 'invisible';
	elm.blur();
	return false;
}

function active_li() {
	var topnav = document.getElementById('topnav');
	var lis = topnav.getElementsByTagName('li');
	for( i = 0; i < lis.length; i++ ) {
		if( 'active' == lis[i].className ) {
			if( lis[i].parentNode == topnav ) {
				active_menu = lis[i];
				current_menu = active_menu;
				menu_showing = true;
				if( document.all && !window.opera ) {
					// for IE
					png = document.getElementById('png-overlay');
					png.style.display= 'block';
					png.style.left = active_menu.offsetLeft + 'px';
				} else {
					active_menu.className += ' overlay';
				}
			} else {
				active_submenu = lis[i];
				var img = active_submenu.getElementsByTagName('img')[0];
				img.src = img.src.replace('.png', '-over.png')
			}
		}
	}
}