var timer;

window.addEvent('domready', function() {
	
	$$('.hasSubmenu').addEvents({
		'mouseover' : function(){
			hideAllSub();
			$(getSubId(this.id)).setStyle('visibility','visible');
			$(getSubId(this.id)).setStyle('left',this.getPosition().x-10);
		},
		'mouseout' : function(){
			timer = setInterval("hideAllSub()",500);
		}
	});
	
	$$('.noSubmenu').addEvent('mouseover',function(){
		hideAllSub();
	});
	
	$$('.submenu').addEvents({
		'mouseover' : function(){
			clearTimer();
		},
		'mouseout' : function(){
			timer = setInterval("hideAllSub()",500);
		}
	});
	
});

function getSubId(menuId){
	return 'submenu__' + menuId.split('__')[1];
}

function hideAllSub(){
	$$('.submenu').setStyle('visibility','hidden');
	clearTimer();
}


function clearTimer(){
	if (timer) {
		clearInterval(timer);
	}
}