var dropdownCor = 0;
var dropdownActive = 0;
var mouseoverDropdownActive = 0;
var mouseoverDropdownTriggerActive = 0;
var target = 0;
var targetHover = 0;
var object = 0;
var objectHover = 0;
var rel = 0
window.addEvent('domready', function() {
	
	$$('ul.subMenu').setStyle('display', 'none');
	
  $$('li.menuItem').addEvent('mouseover', function(){
		targetHover = 1;	
		
		rel = this.get('rel');	
    target = 'li.menuItem' + rel;
		object = 'ul.subMenu' + rel;
		$$(object).setStyle('display', 'block');
		$$(this).addClass('hover');
		var menuItem = $$(target)[0];
		var subMenuItem = $$(object)[0];
		if (subMenuItem){
			var coors = menuItem.getCoordinates($('header'));
			subMenuItem .setStyles({
					'top': coors.bottom-6,
					'left': coors.left-5
			});
		}
	
  });
	$$('ul.subMenu').addEvent('mouseover', function(){
		objectHover = 1;	
		$$(this).setStyle('display', 'block');
		rel = this.get('rel');	
		object = 'li.menuItem' + rel;
		$$(object).addClass('hover');
	});
	
	$$('li.menuItem').addEvent('mouseout', function(){
		targetHover = 0;	
		if (targetHover == 0 && objectHover == 0){
			$$('ul.subMenu').setStyle('display', 'none');
			$$('li.menuItem').removeClass('hover');
		}
		

	});
	
	$$('ul.subMenu').addEvent('mouseout', function(){
		objectHover = 0;
		if (targetHover == 0 && objectHover == 0){
			$$('ul.subMenu').setStyle('display', 'none');
			$$('li.menuItem').removeClass('hover');
		}
	});
});