jQuery(document).ready(function () {
  // this could be more elegant
	jQuery('.spices_hover').hoverIntent(
    // the "not" is to prevent the double show as it slides in
    function(){
      jQuery('#menu_spices').not(":visible").show("slide", {direction: "up"}, 100);
			jQuery('#btn_spices').addClass('hover');
    },
    function() {
      jQuery('#menu_spices').hide("slide", {direction: "up"}, 300);
			jQuery('#btn_spices').removeClass('hover');
    }
  );

	jQuery('.gifts_hover').hoverIntent(
    // the "not" is to prevent the double show as it slides in
    function(){
      jQuery('#menu_gifts').not(":visible").show("slide", {direction: "up"}, 100);
			jQuery('#btn_gifts').addClass('hover');
    },
    function(){
      jQuery('#menu_gifts').hide("slide", {direction: "up"}, 300);
			jQuery('#btn_gifts').removeClass('hover');
    }
  );

	jQuery('.recipes_hover').hoverIntent(
    // the "not" is to prevent the double show as it slides in
    function(){
      jQuery('#menu_recipes').not(":visible").show("slide", {direction: "up"}, 100);
			jQuery('#btn_recipes').addClass('hover');
    },
    function(){
      jQuery('#menu_recipes').hide("slide", {direction: "up"}, 300)
			jQuery('#btn_recipes').removeClass('hover');
    }
  );
});