var hoveritem = false;
var hovermenu = false;

window.addEvent('domready', function() {

	var menuLi = $(document.body).getElement('#menuLi');
	//os navegadores usam inline-block, mas o IE7 usa inline, essa propriedade guarda o valor correto
	var display = "";
	var dropinst = $(document.body).getElement('#dropinst');
	var dropinstitem = $(document.body).getElement('#dropinstitem');
	var dropinstmenu = $(document.body).getElement('#dropinstmenu');

	if (typeof menuLi.currentStyle != 'undefined') {
		display = menuLi.currentStyle.display;
	} else {
		//document.defaultView é na verdade o mesmo que window
		display = document.defaultView.getComputedStyle(menuLi, null).display;
	}

	dropinst.addEvents({
		'mouseover': function() {
			hoveritem = true;
			toogleMenu();
		},
		'mouseout': function() {
			hoveritem = false;
			toogleMenu();
		}
	});

	dropinstmenu.addEvents({
		'mouseover': function() {
			hovermenu = true;
			toogleMenu();
		},
		'mouseout': function() {
			hovermenu = false;
			toogleMenu();
		}
	});

	menuLi = null;
	dropinst = null;
	dropinstmenu = null;

	function toogleMenu() {

		if (hoveritem == true
			|| hovermenu == true
			) {

			dropinstitem.style.display = display;

		} else {

			dropinstitem.style.display = 'none';

		}

	}

});