Event.observe(window, 'load', function() {
  loadEffects();
  Event.observe(document, 'click', checkMenu);
});

var menus = new Array("about", "products");
var in_effect = false;
function loadMenu(menu) {
	menus.each(function(s, index) {
		if (s != menu && $(s+"_menu").visible()) {
			$(s+"_menu").hide();
		}
	});
	var arr = new Position.positionedOffset($(menu+"_link"));
	$(menu+"_menu").style.left = arr[0] + "px";

	var newTop = parseInt(arr[1]) + theTop;
	
	$(menu+"_menu").style.top = newTop + "px";
	if (!in_effect && !$(menu+"_menu").visible()) {
		new Effect.BlindDown(menu+"_menu", {
			duration: 0.5,
			beforeStart: function() {
				in_effect = true;
			},
			afterFinish: function() {
				in_effect = false;
			}
		});
	} else {
		$(menu+"_menu").show();
	}
}
function checkMenu(e) {
	menus.each(function(s, index) {
		if ($(s+"_menu").visible()) {
			var xPos = Event.pointerX(e);
			var yPos = Event.pointerY(e);
			if (!Position.within($(s+"_menu"), xPos, yPos) && !Position.within($(s+"_link"), xPos, yPos)) {
				$(s+"_menu").hide();
			}
		}
	});
}