$(function(){
	var timeout = new Array;

	function sTime(el, i, t) {
		timeout[i] = setTimeout(function(){ el.hide() }, t);
	}

	function cTime(i) {
		clearInterval(timeout[i]);
	}

	$('#submenu div').hide();

	$('a[@href^="#menu-drop-"].head').hover(function(){
		$($(this).attr('href')).show();
	},function(){
		sTime($($(this).attr('href')), $(this).attr('href').replace('#menu-drop-', ''), 500);
	});

	$('#menu-drop-about, #menu-drop-online').hover(function(){
		$(this).show();
		cTime($(this).attr('id').replace('menu-drop-',''));
	},function(){
		sTime($(this), $(this).attr('id').replace('menu-drop-',''), 300);
	});

	$('a.menu-tree').hover(function(){
		$($(this).attr('href')).show();
		cTime($(this).attr('href').replace('#menu-drop-', ''));
	},function(){
		sTime($($(this).attr('href')), $(this).attr('href').replace('#menu-drop-', ''), 150);
	});

	$('div[@class^="tree-"]').hover(function(){
		cTime($(this).attr('class').replace('tree-',''));
		cTime($(this).attr('id').replace('menu-drop-',''));
	},function(){
		sTime($('#menu-drop-' + $(this).attr('class').replace('tree-','')), $(this).attr('class').replace('tree-',''), 300);
		sTime($(this), $(this).attr('id').replace('menu-drop-',''), 150);
	});
});