	
	Event.observe(window, 'load', function() {
		var currentEl = null;
		var timeout = 1000;
		var timer = 0;
		
		function open(el) {
			cancelTimer();
			if (currentEl) close();
			currentEl = el;
			currentEl.addClassName('selected');
		}
		function close() {
			if (currentEl) currentEl.removeClassName('selected');
		}
		function closeTimer() {
			timer = setTimeout(function(){close();},timeout);
		}
		function cancelTimer() {
			if (timer) {
				clearTimeout(timer);
				timer = null;
			}
		}
		
		$$('#nav ul li').each(function(x) {
			x.onmouseover = function() {
				open(this);
				//this.addClassName('selected');
			}
			x.onmouseout = function() {
				cancelTimer();
				closeTimer();
				//this.removeClassName('selected');
			}
		});
		$$('#nav ul li ul').each(function(x) {
			x.onmouseover = function() {
				cancelTimer();
				//this.addClassName('selected');
			}
			x.onmouseout = function() {
				cancelTimer();
				closeTimer();
				//this.removeClassName('selected');
			}
		});
	});