// -------------------------------------------------
// Flyout
// -------------------------------------------------

var _lastMenu;

function containsDOM(container, containee) {
   var isParent = false;
   do {
      if ((isParent = container == containee))
         break;
      containee = containee.parentNode;
   }
   while (containee != null);
   return isParent;
}

function checkMouseEnter(element, evt) {
   if (element.contains && evt.fromElement) {
      return !element.contains(evt.fromElement);
   }
   else if (evt.relatedTarget) {
      return !containsDOM(element, evt.relatedTarget);
   }
}

function checkMouseLeave(element, evt) {
   if (element.contains && evt.toElement) {
      return !element.contains(evt.toElement);
   }
   else if (evt.relatedTarget) {
      return !containsDOM(element, evt.relatedTarget);
   }
}


function flyout_over(id, className) {
   var newMenu = '#flyoutSub' + id;
   if (_lastMenu != null) {

      if (_lastMenu != newMenu) $(_lastMenu).fadeOut("slow");
      _lastMenu = null;
   }

   if (_lastMenu != newMenu) {
      $('#MenuTop #flyoutSub' + id + ':hidden').slideDown("slow");
      _lastMenu = newMenu;
   }
}

function flyout_out(o, evt) {
   if (checkMouseLeave(o, evt)) {
      $('#MenuTop .flyout').fadeOut("slow");
      _lastMenu = null;
   }
}

$(document).ready(function() {
   $("#MenuTop .flyout .level2").hover(function() {
      //over

      subid = $(this).attr("subid");
      $("#MenuTop .flyout .level2 #" + subid).fadeIn("slow");
   },
    function() {
       //out
       subid = $(this).attr("subid");
       $("#MenuTop .flyout .level2 #" + subid).css("display", "none");
    });
});