var handleTimeout = 10;
var listTimeout = 10;
window.addEvent('domready', function(){
	$$('#nav ul li ul').each(function(ul){
		var parent = $(ul.parentNode);
		var handle = null;
		for(var i = 0; i < parent.childNodes.length; ++i){
			if(parent.childNodes[i].tagName == 'A'){
				handle = parent.childNodes[i];
				break;
			}
		}
		if(!handle){
			handle = $(parent);
		}
		for(var i = ul.childNodes.length; i > 0; --i){
			if(ul.childNodes[i]){
				if(ul.childNodes[i].tagName == 'LI'){
					$(ul.childNodes[i]).addClass('last');
					break;
				}
			}
		}
		for(var i = 0; i < ul.childNodes.length; ++i){
			if(ul.childNodes[i]){
				if(ul.childNodes[i].tagName == 'LI'){
					$(ul.childNodes[i]).addClass('first');
					break;
				}
			}
		}
		handle.onmouseover = function(){
			window.clearTimeout(ul._tId);
			ul.setStyle('display', 'block');
			parent.addClass('menuOn');
			$(handle).addClass('over');
		};
		handle.onmouseout = function(){
			ul._tId = window.setTimeout(function(){
				ul.setStyle('display', 'none');
				parent.removeClass('menuOn');
				$(handle).removeClass('over');
			},handleTimeout);
		};
		ul.onmouseover = function(){
			window.clearTimeout(this._tId);
			parent.addClass('menuOn');
			$(handle).addClass('over');
		};
		ul.onmouseout = function(){
			this._tId = window.setTimeout(function(){
				ul.setStyle('display', 'none');
				parent.removeClass('menuOn');
				$(handle).removeClass('over');
			},listTimeout);
		};
	});
});