var isMyMenuActive = true;

var checkIt;

var initMyMenu = function()
{
	if (isMyMenuActive)
	{
		var rels = $$('*[id^="rel_"]');
		$$('.myMenuItem').each(function(e)
		{
			var elem = rels.find(function(s){ return (s.id=="rel_"+e.id);});
			if (elem)
			{
				// init positions
				var pos = Position.cumulativeOffset(elem);
				pos[1] = pos[1] + elem.getHeight();
				e.setStyle({
					top: pos[1] + "px",
					left: pos[0] + "px"
				});
				
				// init events
				Event.observe(elem,"mouseover",function(){
					clearTimeout(checkIt);
					$$('.myMenuItem').invoke('hide');
					e.style.display="block";
//					e.show();
				});
				
				Event.observe(elem,"mouseout",function(){
					checkIt = setTimeout(function(){e.hide();},300);					
				});
								
				Event.observe(e,"mouseover",function(){clearTimeout(checkIt);})
				
				Event.observe(e,"mouseout",function(){
					checkIt = setTimeout(function(){e.hide();},300);					
				});
			}
		});		
	}
}

Event.observe(window, 'load', function() {
 initMyMenu();
});