window.onload = function(){init_menu()}
var menu_timer;
var open_lvl = null;
var menu_timer2;
var open_lvl2 = null;
function init_menu(){
	Function.prototype.bind=function(object){
    var method = this;
    return function() {
      return method.apply(object, arguments);}}
      
	var elements = document.getElementById('navigation').getElementsByTagName('li');
	for(var i=0;i<elements.length;i++){
		if(elements[i].getElementsByTagName('ul').length !=0){
			var ul = elements[i].getElementsByTagName('ul')[0];
			var regExp = new RegExp("sublevel-2", "g");
			//alert(ul.className.search(regExp));
			if(ul.className.search(regExp) != -1){
				elements[i].onmouseover = function show_submenu(){
					show_lvl2(this);
				}.bind(ul);
			}else{
				elements[i].onmouseover = function show_submenu(){
					show(this);
				}.bind(ul);
			}
			if(ul.className.search(regExp) != -1){
				elements[i].onmouseout = function hide_submenu(){
					menu_timer2 = setTimeout(hide.bind(this), 400);
				}.bind(elements[i].getElementsByTagName('ul')[0])
			}else{
				elements[i].onmouseout = function hide_submenu(){
					menu_timer = setTimeout(hide.bind(this), 400);
				}.bind(elements[i].getElementsByTagName('ul')[0])
			}
		}
	}
}
function show(e){
	if(open_lvl){
		open_lvl.style.visibility = 'hidden';
		var exp = /scriptact/;
		var str = open_lvl.parentNode.className;
		open_lvl.parentNode.className = str.replace(exp, " ");
	}
	clearInterval(menu_timer);
	e.style.visibility = 'visible';
	if(e.parentNode.className.indexOf('scriptact') == -1)
		e.parentNode.className += ' scriptact ';
	open_lvl = e;
}
function show_lvl2(e){
	if(open_lvl2)
		open_lvl2.style.visibility = 'hidden';
	clearInterval(menu_timer2);
	e.style.visibility = 'visible';
	open_lvl2 = e;
}
function hide(){
	this.style.visibility = 'hidden';
	var exp = /scriptact/;
	var str = this.parentNode.className;
	this.parentNode.className = str.replace(exp, " ");
}