jQuery(document).ready(function() {
    var navUl = jQuery("#navigation");
    if (navUl.length > 0) {

        jQuery("ul.sub").css("opacity", 0);

        jQuery("#navigation > li")
                .hover(
                      function() {
                          jQuery(this).addClass("hovered");
                          var ul = jQuery("ul.sub", this);
                          ul.stop().css("visibility", "visible").animate({
                              opacity: 1
                          }, 150);
                      },
                      function() {
                          jQuery(this).removeClass("hovered");
                          var ul = jQuery("ul.sub", this);
                          ul.stop().animate({
                              opacity: 0
                          }, 150, function() {
                              ul.css("visibility", "hidden");
                          });
                      }
                );


    }
});